The tutorials that benefit me the most are those from Khan Academy. From those videos, actually learnt how to use “em” or “ol” to make sentences italics or make an ordered list. I also found out that I could use both “em” and “i” to create italics style. However, this situation also bothers me. I would wonder the reason why there are two different kinds of codes to create the same effect. Is there any differences between these two type of codes? Besides this, I also learnt how to embed an image in my website, which was very beneficial for me to complete my web. And I had a clearer sense of the ways that I could manipulate the images, no matter it was changing the size, or even changing the ratio of them.
In order to know more about the ways that I can manipulate the style of both images and texts, I also searched for more information from W3school.com and Youtube videos. Because I haven’t had any previous experience of front end. I needed to start with knowing how to use Vs Code and how to use the “go live” button to inspect what I was doing on the code. Youtube introduction videos of Vs Code helped me a lot, and also guided me to make the website. From the Youtube videos and W3school, I learned how to add <style> at the heading part and manipulate the styles of both images and texts in a more organized way.
For instance, I made the image centered to the page by using command of “margin-left” and “margin-right”. I also learnt how to use “border-radius” to make round edges of the image, or even making it into the shape of a circle. Further more, I recognized how to insert font family from Googlefonts.com. It worked in a similar way like embedding a image. Also, it gave designers a chance to insert alternative fonts, if it doesn’t work on certain browsers or systems. Nevertheless, from the things that I learnt, I think it is really convenient to utilize “padding-left” code to make the “ul” list centered in the web, because if I just use “<p style=”center”>”, the bullet point would still stay at the left side of the page, and only the words move to the center. I am really not sure about this one, maybe there are still better ways to center a list that I do not know. Also, I think it is crucial to know the code— “target:”_blank””, because it can let the users jump into a new window after they clicked the link, rather than staying at the same window and need to use backward buttons to go back to the website.
Still, there is one thing that confuses me a lot. I type <p align="center" > and I also want to change the font-size or font-weight, so I add the code and make it as <p align=”center”, font-weight: 200”, but now the code is not working. I am just wonder is there any way to fix this, or I need to preset all the style at <style> in the <h> part.
The link for the Vs Code of my website: Link to my Google Drive
The Websites I found interesting (listed below):