Week 4 2/22-28 internal CSS style
Content
Readings
CSS HOME | CSS Introduction | CSS Syntax | CSS How To | CSS Text
| CSS Fonts | CSS Links | CSS Lists | HTML Classes
CSS STYLE SHEET - inline and internal
Here is my introduction to Week 4 Powerpoint slides and videos (CSS 1 Part I and Part II).
APPLY CSS WITH DREAMWEAVER
Watch until 38 minutes. This video shows how to apply tag, class, and id selectors. It also introduces internal and external CSS styles. It is a great video. Please watch through.
ASSIGNMENT 4
6 points
due on 2/28/2022
Redesign your week2.html page (week2 assignment) using a table as your Web page structure. Your page content and theme can be changed around, but it should still be based on the information in your original week2.html. Use internal CSS style to design this page. Here is an example for the page (just for the format).
You may add other elements as deemed necessary. However, the following elements are required for your Week 4 page:
A table (width in 700 – 1000 pixels) centered with the exact same setup of rows and columns as the example, but the content and images are up to your decision (You are not to create the same content as the example) (0.5 points).
- Your page title and subtitle with different font size and color (1 point);
- A banner with an image (0.5 point);
- A menu bar space with background coordinate with your banner’s color, with words Leave this space blank (0.5 point);
- Left content area:
- At least 2 h1 in the same color and font (1 point);
- At least 2 subheadings in the same font family, font size, font color, indented (These are the lines with author name and date time stamp) (1 point);
- At least 2 paragraphs (0.5 points);
- Right content area with words – Leave this space blank (0.5 points);
- Footer with background and words centered (0.5 points).
After it is done, please save it as week4.html, upload it to your server, and create a link on your week2.html, so that I will be able to view your Week4.html via your Week2 page linked on our webpage.
This entry is licensed under a Creative Commons CC0 1.0 Universal Public Domain Dedication license.
LEAVE A MESSAGE
Comments