External CSS page for 502 page

Posted: January 20, 2015 in 1.1 Creating
Tags:

EdTech 502 Home Page

In this week assignment we were introduced to CSS (Cascading Style Sheets) to create our first CSS external style sheet. As the CSS name implies it’s all about styling your page, the styling for any webpage occur when you define specific rules for each element in the page and so you control how the content of this element will appear online. Creating my first external CSS style sheet helped me to style my plain HTML5 page a lot, below you can see my new styled plain page.

502 assignment image

Click on the image to view my 502 page online

I had to learn a lot of things in this module before I can create my new styled webpage, below you can find the major things I have learned

  • An introduction to CSS
  • Creating external style sheet
  • Validation of my  HTML5 & CSS code
  • HTML5 Text and Page Formatting
  • Page layout Tags
  • Creating CSS Style Rules
  • Basic formatting and cascading order
  • More in depth knowledge about Dreamweaver

I also learned that CSS style rules can be added in different ways, it can be added externally like what I have did in this assignment and can be added internally, inline, or imported. The best route to go is to create external CSS style sheet, because it enables us to have more power on all our web pages in one click and it also help the webpage to download fast. Having external style sheet enable us to connect it to as many webpages as we want without having the need to create CSS style inside each webpage independently, so making one change in the CSS style sheet will affect the all connected pages.

I enjoyed this week assignment a lot and started my new coding journey at Code academy in my spare time to get more practice in coding. looking forward to my next assignment in EdTech 502

Leave a comment