Note 2 for Web Publishing

Watch & Read:

CSS at w3schools

CSS: Adding Style to the Web

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

Format 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

Example: Change the color of the h3 text and size of the font (text) inside a p tag
<style>
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, 'lucida console', sans-serif">

 

	Note: The host address is e-commerce.pvc.maricopa.edu   Use your Blackboard UserID & Password.   Our Webspace is at http://ecommerce.pvc.maricopa.edu Try downloading the FTP Program   Check out the FTP tutorials WS FTP for Windows and for the MAC Fetch and Transmit.
	Http:// goes to the Web   jon.html goes to a file in the webspace mailto: goes to e-mail # goes to an location inside the Webpage

Review the following:

W3schools Style Web Page, CSS Web Examples, CSS Library

Terms you need to Lookup:

FTP,

Homework:

Read Chapter 4

Create a CSS Fake Resume. The Resume will be graded for its sophistication and use of proper coding. Include a graphic for the resume.

Final Step:

Review in your mind everything we covered in class and remember to cover it again before you go to bed so your mind to process this information while you sleep.