Web Design with HTML, CSS and XHTML Course No. ISI-1107

4 Days

Instructor-led, Hands-on

Introduction In this course, students will learn to create an attractive and organized web site using basic and intermediate HTML and CSS. Students will go from learning basic tags and how to create hyperlinks to image placement, tables, frames, image maps, and forms. They then go on to use Cascading Style Sheets to control the look and placement of these HTML elements. Additionally, students learn about box properties, external style sheets, and how to create HTML source code that is both readable and upholds XHTML standards. This course is meant to benefits students using any integrated development environment of their choosing. Students will have the option of using Dreamweaver or Expression Web to work on exercises during the course. All the concepts taught in this course can be completed using any simple text editor like notepad. From beginning to end, participants will learn by doing their own HTML based projects. These projects, as well as the final project, will provide needed experience. Introduction to HTML and CSS covers topics including HTML tags and attributes, links, images, tables, frames, forms, spans, divs, CSS style sheets, box properties, XHTML, and more.

At Course Completion After completing this course, students will understand:                  

The elements of HTML Web page construction Getting Web pages on the Internet Adding images to Web pages The ins and outs of how to use the element and its attributes Standards, compliance and more Pages that display more uniformly across browsers (and are readable on mobile devices and screen readers for the visually impaired) Pages that load faster Pages that are guaranteed to work well with CSS XHTML Controlling the presentation of your Web pages with CSS Fonts and color Advanced Web construction with XHTML block and inline elements Controlling element construction with CSS Giving elements unique identities Using multiple style sheets Div and span structural elements How the box model works

Contact ISInc for more information at 916.920.1700 or by visiting our website at http://www.isinc.com

   

Pseudo-classes Multi-column layouts Creating and styling HTML tables and lists Creating and supporting Web forms

Prerequisites Students enrolling in this course should have Experience using web browsers and email. This course is meant for the complete I.T. beginner however even experienced users will benefit from this course. If you have worked in web design or web content management, you will pick up many tips to increase productivity as well as break bad web design habits.

Ways to Save  



ISInc Training Tickets Government GSA, CMAS Contracts Save with six or more students in the same class. A dedicated training course, at your location or ours, can save you even more.

Course Outline Module 1: Introduction—Getting to know HTML 

The language of the Web—getting to know HTML

Module 2: The Basics of HTML  

Basic HTML structure Tags, elements, links, paths

Module 3: Web Page Construction—Building Blocks    

From an outline to a Web page Test driving the Web page Constructing HTML lists Nesting

Module 4: Getting Web Pages on the Internet—Getting Connected        

Finding a hosting company How to get a domain name FTP URL HTTP Protocol Absolute path Default pages Linking to other Web sites

Contact ISInc for more information at 916.920.1700 or by visiting our website at http://www.isinc.com

     

Web page fit and finish Linking into a page Using the element to create a destination How to link to destination anchors Linking to a new window Opening a new window using target

Module 5: Adding Images to Your Pages        

How the browser works, with images How images work The element Using thumbnails Turning thumbnails into links Making links out of images Web page background color Adding a logo to a Web page

Module 6: Standards, Compliance and more         

Adding the document type definition The W3C validator Adding a Tag to specify the content type Making the validator happy with the content tag Changing the doctype to strict Validation Fixing the nesting problem Strict HTML HTML Archeology

Module 7: XHTML     

What is XHTML? What does this have to do with HTML? Why you would want to use XHTML Going from strict HTML to XHTML HTML or XHTML?

Module 8: Cascading Style Sheets (CSS)          

Using CSS with XHTML Specifying a second rule, Getting style into pages Linking to external style sheets Inheritance Overriding inheritance Creating a selector for the class Taking classes further How styles are applied Who gets the inheritance?

Contact ISInc for more information at 916.920.1700 or by visiting our website at http://www.isinc.com



Making sure the CSS validates

Module 9: Styling with Fonts and Colors            

Font family Specifying font families using CSS How to deal with everyone having different fonts How to specify font sizes Changing a font’s weight Adding style to your fonts How do Web colors work? Specifying Web colors Hex codes How to find Web colors Everything you ever wanted to know about text-decorations Removing the underline

Module 10: The Box Model--XHTML Elements         

The box model What you can do to boxes Creating the guarantee style Padding, border and margins for the guarantee Adding and fixing a background image Borders—fit and finish The id attribute Remixing style sheets Using multiple style sheets

Module 11: Advanced Web Construction—div’s and spans          

Dividing a page into logical sections Adding a border and basic styles Working on width Changing color Adding The element How you can style elements based on their state Putting pseudo-classes to work The cascade Putting it all together

Module 12: Arranging Elements—Layout and Positioning      

Inline elements Liquid and frozen designs How absolute positioning works How fixed positioning works Getting relative To three-columns and beyond

Contact ISInc for more information at 916.920.1700 or by visiting our website at http://www.isinc.com

Module 13: Tables and More Lists  

Creating a table using HTML Overriding the CSS for the nested table headings

Module 14: XHTML Forms—Getting Interactive            

How forms work How forms work in the browsers Writing the XHTML What the browser creates How the element works Getting elements in your HTML Adding the Completing the form Adding the checkboxes and textarea Watching GET in action Getting the form elements into a table Styling the form and the table with CSS

Module 15: Additional Topics          

More selectors Frames Multimedia & Flash Tools for creating Web pages Client-side scripting Server-side scripting Tuning for search engines More about style sheets for printing Pages for mobile devices Blogs

Contact ISInc for more information at 916.920.1700 or by visiting our website at http://www.isinc.com