Week 4 2/22-28 internal CSS style

Content

CSS Part 1  Inline and internal style sheets

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).

  1. Your page title and subtitle with different font size and color (1 point);
  2. A banner with an image (0.5 point);
  3. A menu bar space with background coordinate with your banner’s color, with words Leave this space blank (0.5 point);
  4. 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);
  5. Right content area with words – Leave this space blank (0.5 points);
  6. 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.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Set your Twitter account name in your settings to use the TwitterBar Section.
Skip to toolbar