As a beginner to HTML and CSS (and any kind of coding), I found myself perplexed by how converting “code text” to “plain text”. The tutorial explains that we should create a HTML document and put the code inside. However, I found that I had to change the reference in TextEdit by converting the text type to “plain text”. Otherwise, the text in the document is already coded and the code won’t work on the website. I spent some time trying to figure out why my code did not work. Then, I asked a friend about it and he helped convert the type of the text to “plain text”.

My final product came out better than I expected, taking into account my lack of experience in coding. Though my website is not super innovative in terms of designing, I consider this experience a beginning exploration. I created a website about Positive Psychology and wrote down some summaries of a well-known Positive Psychologist’s theory on well-being. I included a table of some common topics of research in Positive Psychology.

I was also confused when I need to link my CSS file to the HTML file. But I just went back to the tutorial and looked over at the first step. I was later able to figure out that I needed to put the link in HTML document.

I think the overall experience is novel and interesting to me. The tutorial website does a good job explaining the steps.