In last week's assignment we were introduced to Cascading Style Sheets. This week we were to create a webpage resume in html, and we were expected to use css for all the formatting. This assignment really made the power of css clear. Even though the requirements were not very complicated, it would have been difficult, if not impossible, to do with html alone. Some of the formatting requirements included:
- a personal picture at the top of the page,
- at least three headings: 1) name; 2) education; and 3) experience,
- link to an external website,
- link to an email address,
- changes in font and font size, and
- changes in text colors.
I encountered three main difficulties in completing this assignment; correctly linking the html and css files, indenting an entire paragraph, and removing the blank space below a header. I initially tried to give the path when linking the html and css files. Fortunately, after a couple of attempts, I realized that since they are in the same folder, I did not need to include the path. For the paragraph indention problem, I found that I had to pad the paragraph instead of indenting it. I never figured out how to eliminate the blank space below a header. I found some documentation on how it could be done, but I was never successful at it. I suppose I could have made some text look like a header without using the header tag, but that was not the intent of the assignment. Maybe I will figure it out in another assignment.
Overall, I would say that I learned the power of Cascading Style Sheets. Also, if I were to create a website with multiple pages, using a separate css file is definitely the way to go. You are able to define all formatting in one spot and simply refer back to it. It is a fantastic system.
I also discovered the Visual Studio Code app. This app made working on two separate files at the same time much easier.
Comments
Post a Comment