This class teaches the basics of using HTML and CSS to build your website. This class was taught online over a 6 week period. We had a knowledgable teacher who wanted us to be able to build a website that was "user friendly". There are many things to take into consideration when building a website and one of the major considerations is to keep the size of your website down as there are still some people using the internet over dial up.
This lesson focused on the "do's and don'ts" of creating a website. We learned the definitions of HTML and CSS. We used Notepad to create the "nuts and bolts" of the website. This lesson also covered how to upload your file to the server so the website can be seen on the internet. The final part of this lesson was also learing how to validate the code we had just written. That is a very important part of web building.
This lesson is where the fun really begins. We learned CSS code, which is adding color and different styles to our website. Also, we learned to add special characters, such as quotes, slashes, and percentages. Part of this lesson included adding comments to our code that would not show up on the web page, but could be seen if someone were to view the source code. Another fun part to this lesson was learning how to create a link to another website.
We focused on CSS font and text properties. Learning inheritance was an important aspect of this class.
Images, Classes, and Divs & Spans
There was a lot to cover in this lesson. We learned how to include an image and how to optimize the images and to use thumbnails to link to the larger picture or to another website. Using divs and spans allowed us to highlight or emphasize sections or words.
Margins and Padding and Tables
This class focused on creating margins for the outer edges of the web page and padding, which is creating space between sections or images of the web page. We also learned how to add a table to a web page. When creating a table, use data only.
Meta Tags, Directories and Paths, Index Page
In this lesson, we created basically a home page, which is called the index page. We also learned how to create sub-directories in File Manager in order to store images in separate folders.