Class Note 4 for Internet Web Publishing I

Learning Objectives:

You will be able to identify the basic structure of an URL

You will be able to identify the basic structure of an email address

Homework:

Read:  Chapters 6 & 7

Post on the Web: Movie Review and link to homework page

Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

 

Topics Covered:

 

directory Structure of root directory

 

CSS: Adding Style to the Web

3 ways to attach a style sheet! Internal, External, and inline Style Sheets

 

Syntax for Internal and External Styles:

selector {property: value}

Example: h3 {color: #FF0000} 
This changes all h3's font color to Red (#FF0000)
You can apply multiple styles at once by separating them with a ; (semi colon)

Example: h3 
{
color: #FF0000;
font-family: Arial; 
}

Internal Styles use the style tag inside the head section of your webpage(Change the color of the h3 text and size of the font (text) inside a p tag)

<style type="text/css">

body { background-image: url("suns.jpg"); font-family:arial;}

h3 {color: #FF0000;}

p { font-size: 150%}

</style>

External Styles are called by using the Link tag

Example: <link rel="stylesheet" type="text/css" href="file-name_of_stylesheet.css" />

 

Inline styles are placed inside the tag (element) as an attribute!

Example: <p style="font-family: arial; font-size:1.1em;">

 

The CSS Box Model:

CSS Box Method

 

Terms:

CSS, link, internal styles, external styles, selector, property, value (Use CSS at w3schools)

 

HTML Valid