.png)
CSS Zen Garden
The Objective
Apply your own style to the CSS Zen Garden HTML file. Make the design aesthetic coherent and visually pleasing and validate the code in the W3C HTML & CSS Validator.
HTML & CSS Skills Acquired
-
How to add images and make images as the background
-
Editing text color, size, font, weight, decoration, etc.
-
Adding a background color to headers or other text
-
Editing the text color of links as well as changing colors after user visits the link.
-
Creating and editing a side bar filled with links
-
Add links to redirect to an external site
-
How to section headings, paragraphs, lists, and footer.
-
Add padding and margins to text
Before:
After:
First Website
The Objective
Build a web site to advertise and promote your app/website idea from the UX section, as if the app/website was actually created and ready to be marketed to the public. Validate the HTML & CSS with the WSC code validator.
HTML & CSS Skills Acquired
-
Add a logo to website
-
Add and edit navigation text
-
Add in buttons and hyperlinks that will direct to a new link
-
Edit button color, background color, and padding
-
Image size and dimensions
-
Create a footer with table header cells
-
Add a title, author, meta data, and external style sheet
-
Use section IDs to make cohesive
Before:
After:
