Skip Navigation Links
Montgomery College Link to Home Page
HTML Basics - Course Outline
HTML Basics - with XHTML and CSS
CMP 049
Course Outline


Hello World       |   Lists    |   Images     |   Cascading Styles  | Building Layouts |  Sat. Lab  |   

Bellagio Ferris WheelInstructor
Prof. Raymond J. Kimball, Project Manager, TechLEAP/WebLEAP
Raymond.Kimball@montgomerycollege.edu
http://www.montgomerycollege.edu/~rkimball

Textbook

HTML, HTML, & CSS   Sixth edition
By:  Elizabeth Castro

Textbook companion Site: http://www.cookwood.com/html/

Day 1

Chapter 1: Web Page Building Blocks

Web Browsers, Web Standards, HTML, XHTML                               Viewing web page source code

Creating a simple (X)HTML document                                             Elements, Attributes, Values

Text Content                        Links and images                               Adding Style Sheets to your web page

Font Tags – Don’t Use – but you better know what they are! - http://www.w3schools.com/html/html_fonts.asp

Chapter 2: Working with Web Page Files

Designing a Web site     Creating an index page or Home page for your site      File names, file management

Chapter 3: Basic (X)HTML Structure

The Header:

Declaring the Encoding and creating the foundation

Creating the Title

Styles

The body of the web page:

Breaking up the page using Section Headers, Paragraphs

Naming Elements

Adding Comments

Chapter 4: Basic (X)HTML Formatting

Making Text bold or italic

Changing the size of text

Creating superscripts and subscripts


Day 2

Chapter 15: Lists

Ordered Lists, Unordered lists

Choosing bullets

Definition Lists

Chapter 5: Creating Web Images

About images for the web

Getting images

Saving Images for the web

Image size

Transparency

Web safe colors; named colors, hexidecimal colors

Loading images progressively or interlaced.

Inserting images to a web page

Alt text or Alternate text

Image size

Linking an image stamp or thumbnail to a separate larger image

Aligning images

Adding space around images

Text wrapping around images

Chapter 6: Links: Absolute Links, Relative Links, Anchor Links

Creating a link to another page

Anchor Links

Targeting Links

Using images as links

Image maps

Day 3

Chapters 7, 9 : Creating Styles

Constructing a Style Rule

Selecting Elements by Name, Class or ID

Selecting Part of an Element

Specifying Groups of Elements

Combining Selectors

Chapter 8: Applying Styles

Creating an external style sheet

Creating an internal style sheet

Applying styles locally

The importance of location

Chapter 10: Formatting with Styles

Font family, italics, bold, size, font values

Setting the text color, text background

Text spacing, indents, aligning text

Day 4

Chapter 11: Layout with Styles

Structuring your pages

Background, foreground color

Borders, padding, margins of elements

Aligning Elements

Making Elements Float

Unit 13: FTP

Publish your web page

Day 5

Lab

 

 

Online Resources

www.w3schools.com

www.webmonkey.com

http://webdesign.about.com

http://www.webopedia.com

With gracious thanks and attribution to Marisa Stoolmiller, Adjunct Instructor, Information Technology Institute, Montgomery College, Maryland.