How web applications work

What are the components of a web application? What is a static web page and how are they processed? What is a dynamic web page and how are they processed? Web browsers and different operating systems. What JavaScript adds to our pages? An initial introduction to the languages oh HTML and CSS HTML to define the structure and content CSS to format the content Working With Text and Web Editors Dreamweaver and Aptana Text editors FTP programs like FileZilla Viewing websites and cross-browser compatibility .

CODE, TEST, AND VALIDATE
HTML syntax
Basic HTML structure Elements, tags, and attributes CSS syntax
CSS rule sets and comments CSS basic selectors How to use a web editor like Dreamweaver or Aptana
How are projects or "sites" defined? Creating and editing new HTML files. How to create and edit CSS files. Previewing sites in a web editor. How to test, debug, and validate your web pages.
How are web pages tested and debugged? What are the options for validating sites.

USING HTML5 TO STRUCTURE A WEB PAGE
Coding the head section
How to code the title element, how to link a favicon (and what is a favicon) and how to include metadata. Formatting text elements
Coding text heading and paragraphs. How and when to code in line elements for formatting and identifying text. Structuring the content of the page
Coding div and span elements How to structure a page with HTML5 semantic elements and how to some of the HTML5 elements. Adding links, lists and images
Including both relative and absolute URL links. How to code both ordered and unordered lists. Including images. Putting the structured web page all together
Incorporating it all into a web page.

USING CSS TO FORMAT THE ELEMENTS OF A WEB PAGE
Introduction to CSS
Three ways to provide CSS styles for a web. Using CSS with HTML5 semantic elements in older browsers. specifying measurements and colors in CSS
How specify relative and absolute measurements in CSS. Using hex and RGB colors in CSS. Coding selectors
How to code selectors for all elements, element types, ids, and classes. How to code relational, attribute and combinations of selectors. CSS and formatting text
How to use CSS to include some of the standard text formatting such as font family, font size, font styles, font alignments, and decorative text Using external style sheets
How to incorporate the HTML and CSS files.

USING THE CSS BOX MODEL FOR SPACING, BORDERS, AND BACKGROUND. Introduce the box model How to size and space elements Setting borders and backgrounds

USING CSS FOR PAGE LAYOUT.
Floating elements. in 2 and 3 column layouts Using CSS to create text columns Positioning CSS elements

WORKING WITH TABLES
Basic skills for using tables
Creating, formatting and editing a table. How to use CSS to format the table. How to use HTML5 figure and figcation elements with a table. How to merge rows and columns of a table.

WORKING WITH IMAGES
Basic skills for working with images
Types of images for the Web. How to include and image on a page. How to resized, align, and float and image on a page. Advanced image skills
Using HTML5 figure and figcaption elements. Working with thumbnails. Creating image maps.

WORKING WITH FORMS
Using forms and controls
How to create a form. Using buttons, text fields, drop-down lists, radio buttons, check boxes, labels, and text areas. How to use a file upload control. Using HTML5 features for data validation
How to use HTML5 attributes and CSS3 selectors for data validation. Incorporating HTML5 controls.

USING JAVASCRIPT TO ENHANCE YOUR WEB PAGES
Into to JavaScript and DOM scripting
Basic JavaScript How JavaScript and the Document Object Model works Using JavaScript to enhance your web pages
Using JavaScript for opening a popup window, image rollovers, image swaps, slide shows, and tabbed data. What is the JavaScript doesn't work on your page? JavaScript for data validation
How to use JavaScript for data validation. Chapters 11, 16 & 17 may be included as part of a course taught for an entire academic year.