Web Development // WEB240

HTML, XHTML & CSS In-Depth Web Development Training

Learn how to code web sites from the ground up using the best practices and web standards. This course includes many hands on labs which emphasize real world scenarios and challenges confronting web designers every day.

Course Description

​This course covers XHTML and CSS.  Students can expect to know how to code web sites from the ground up using the best practices and web standards. Although the course starts at an introductory level students can expect to leave with an intermediate to advanced knowledge of these technologies.  The course includes a module on the fundamentals of JavaScript and DOM Scripting as well which allows the student to leave and completely understand how these technologies work together.  This course includes many hands on labs which emphasize real world scenarios and challenges confronting web designers every day.

Audience

This course is perfect for those who need a comprehensive understanding of the fundamentals of XHTML and Cascading Style Sheets (CSS). This course is a great opportunity for developers who need a remedial education HTML code basics at their simplest form.

Prerequisites

​Basic computer skills are required.

What You Will Learn

​Although the course starts at an introductory level, students can expect to leave with an intermediate to advanced knowledge of these technologies. The course includes a module on the fundamentals of JavaScript and DOM Scripting as well.  This allows the student to leave and completely understand how these technologies work together.

Course Outline

1. Introduction to Web Development

  • How dynamic and static  web applications work
  • An introduction to HTML, XHTML, and CSS
  • Tools for Web Development
  • How to view and work with  deployed web pages

2. How to edit, test and validate a web page

  • XHTML Syntax
  • CSS Syntax
  • The IDE for this course
  • How to test, debug, and validate XHTML and CSS files

3. How to Use XHTML to Structure A Web Page

  • DOCTYPE and quirks mode
  • Head section
  • Text elements
  • Links, lists, and images
  • The true structure of web pages

4. How to Use CSS to Format the Elements of a Web Page

  • Basic skills for using CSS
  • How to Code Selectors
  • How to work with text and links
  • Inline, Embedded, and External Style Sheets

5. How to Use the CSS Box Model for Spacing, Borders, and Backgrounds

  • An introduction to the box model
  • How to size and space elements
  • A web page that illustrates sizing and spacing
  • How to set borders and backgrounds

6. How to Use CSS for Page Layout

  • How to float elements
  • A two-column layout that uses floating
  • A three-column layout that uses floating
  • How to position elements
  • A three-column layout that uses floating and positioning

7. How to Work with Links and Lists

  • How to code links
  • How to code lists
  • How to format lists

8.  How to Work with Tables

  • How to code and format simple tables
  • Advanced skills for working with tables

9. How to Work with Forms

  • How to code forms
  • Buttons, labels and text fields, radio buttons and check boxes, drop-down lists, list boxes, text areas, group controls
  • Other skills for working with forms

10. How to Add Audio, Video, and Other Media to Your Web Site

  • An introduction to media
  • How to embed media players and files
  • How to work with media players
  • Current solutions including the use of CDN’s to  deliver video and other BLOB’s

11. How to Work with Print Media and Mobile Devices

  • How to define style sheets for different media types
  • How to work with print media
  • How to work with mobile devices

12. How to Use JavaScript to Enhance Your Web Pages

  • Introduction to JavaScript and DOM scripting
  • Discussion of JQUery and its role in current web design.
  • A standalone JavaScript application
  • How to use JavaScript in your web pages

13. How to Design a Web Site

  • Users, usability, and accessibility
  • Design guidelines
  • Design methods and procedures
  • The design procedure applied to a small web site

14. How to Deploy a Web Site

  • How to get a web host and domain name
  • How to transfer files to and from the web
  • Testing a deployed site
  • Search Engine and Directory Listing Considerations

15. Hands on Labs Putting it all together

In this module students will run through a series of labs putting the skills they learned in class to the test. Students will use current best practices to solve in real time problems they will face every day as web designers. In this series of problem / solution situation the students will understand how to apply all of the skills they learned and use them to conquer issues that they will confront as web designers when they leave class.