HTML and CSS

Course Outline

HTML
Series: Web Programming
Weeks: 11
Cost: $200
CEU Credits: 3.0

Overview:

HTML is the basic language of Web Pages. In this class, you'll learn how to create your own Web Pages using HTML and CSS.

Objectives:

To learn the basics of HTML
To learn the basics of CSS (Cascading Style Sheets)
To learn how to create a Web Page
To learn basic design elements of a Web Page
To learn how to create a Form using HTML

Prerequisites:

None

Requirements:

TEXTBOOKS:

Head First HTML and CSS by Elisabeth Robson & Eric Freeman (ISBN: 978-0-596-15990-0)

SOFTWARE:

None required---all you need is a Text Editor (such as Notepad).
An Internet Browser to display your Web Pages. Internet Explorer, Firefox, etc.

Table of Contents

Week 1:	The Language of the Web: getting to know HTML Meet the "HT" in HTML: going further, with hypertext
What does the web server do? Creating an HTML file Opening your web page in a browser Meet the style element Understanding attributes Planning your paths
Week 2:	Web Page Construction: building blocks A Trip to Webville: getting connected
From a sketch to an outline to a web page Adding some new elements Meet the ,q. element Adding a blockquote Constructing HTML lists in two easy steps Understanding nesting relationships Finding a hosting company How can you get a domain name? What's an absolute path? How default pages work Using the id attribute Linking to a new window Opening a new window using target
Week 3:	Meeting the Media: adding images to your pages Serious HTML: standard and all that jazz
How the browser works with images How images work Sizing up your images Turning thumbnais into links To be transparent or not to be transparent? Adding the document type definition Adding a <meta> tag
Week 4:	Adding a Little Style: getting started with CSS
Using CSS with HTML Getting CSS into your HTML How do selectors really work? Inheritance Overriding inheritance Creating a class selector Taking classes further
Week 5:	Expanding your Vocabulary: styling with fonts and colors
Text and fonts What is a font family anyway Specifying font families using CSS How Web Fonts work How to add a Web Font to your page Adjusting font sizes Changing a font's weight Adding style to your fonts How do web colors work? How do I specify web colors? How to find web colors Everything you ever wanted to know about text-decorations
Week 6:	Getting Intimate with Elements: the box model
A closer look at the box model What you can do to boxes A test drive of the paragraph border Padding, border, and margins Adding a background image Fixing the background image How do you add padding only on the left? Border fit and finish Using multiple stylesheets Add media queries right into your CSS
Week 7:	Advanced Web Construction: divs and spans
Let's explore how we can divide a page into logical sections Adding a border What we need is a way to select descendants Adding <span> in three easy steps How can you style elements based on their state? Putting pseudo-classes to wok The cascade
Week 8:	Arranging Elements: layout and positioning
Using inline elements How to float an element Move the sidebar just below the locker Fixing the two-column problem Solving the overlap problem How absolute positioning works Adding HTML structure for the table display How does fixed positioning work?
Week 9:	Modern HTML: HTML5 markup
Rethinking HTML structure Adding the <time> element How to add more <header> elements How does the ,video. element work? What you need to know about video formats
Week 10:	Getting Tabular: tables and more lists
How do you make tables with HTML Creating a table with HTML Adding a caption Getting those borders to collapse How to tell cels to span more than one row Overriding the CSS for the nested table headings
Week 11:	Getting Interactive: html forms
How forms work How the <form> element works Adding the <form> element Getting those <input. elements into your HTML Adding the <select> element Watching GET in action Styling the form with CSS

	John Smiley


	856-314-8615	Contact Us