Cascading Style Sheets and Box Models
This week's webpage building assignment was to design an invitation using Cascading Style Sheets and Box Models. HTML was not designed to create complicated websites. Cascading Style Sheets is used to format the layout of a webpage. With it you can control multiple aspects of the design of a webpage. The invitation was to include
- properly nested <html> tags,
- a heading describing the event,
- a CSS3 Box Model that contains information about the event,
- either bold or italic text,
- text that is different from the default color, and
- text that is hyper linked to my email address.
I did not know this last week, but CSS was what I was looking for when I was trying to specify multiple design elements for last week's assignment. After learning about CSS, it made sense why I had difficulties. The biggest obstacle I had was trying to keep the syntax correct. There are slight differences in the syntax when defining things in the Box Model and defining them inline. I overcame this by continuing to refer back to the W3Schools examples. I still need to go back and become more familiar with the terminology. This will help a lot in keeping everything straight.
One success I had was in using a background in the box. I thought the invitation would look nice if it had a background that went with the theme of the invitation. I found an appropriate picture and learned how to include it in the Box Model. The biggest problem I had was getting the correct height and width of the box. I did not need the entire picture, so I had to use trial and error to determine the best number of pixels to use.
I really do enjoy assignments like this. I probably spent too much time on it, but it was fun.
Comments
Post a Comment