Archived copy for reference only
(Archived from 2019)
To review basic HTML skills by building a Personal Process Page similar to this example. This page will be styled later to look like this example.
Keeping a good record of your design process is a good idea for many reasons. At the very least, it forces you to keep your files organized. Clients also expect you to manage the project well and one way to do it is by recording each step of the process. Last but not least, one can learn from observing one's own process and then improving on it in future projects (see example of a real-world Process Page).
As HTML evolves, semantic markup like <section> is preferred over non-descriptive tags like <div>. Semantic markup improves search engine efficiency and might even get your website a higher ranking. In this exercise, we will be using semantic markup (more info).
File management is critical in web design and development. You will be developing multiple versions of multiple sites in this class. Each version MUST have a unique root folder that hold ALL the files needed to publish the site. It is highly recommended that you use the downloaded folder structor for this entire semester and follow the suggested naming conventions.
Tip: When revising web sites, duplicate the web site's root folder and give it a new name (i.e. "p1_final2"). Be sure all the files required for the web site are inside the root folder (do NOT link to local files outside of this folder).
Overview: Add semantic markup to existing HTML document. Link to sample files provided. Publish files. Note: replace bold with personalized info.
Prepping for the exercise
Adding semantic tags
Adding links
Grading
BACK TO TOP
Last updated:
5/7/21