ITI 133 HTML5 Desktop and Mobile Level I - Overview

Course Outline:

Learn the basic building blocks of designing and creating websites optimized for modern computers, tablets, and mobile phones using HTML5 and CSS. Topics include basic HTML5 elements and attributes, including hyperlinks, images, and tables; techniques to effectively layout web pages using new HTML5 structural elements; Cascading Style Sheets (CSS) to format and control placement of HTML5 elements; use of media queries to handle a variety of devices including screen, printer, and mobile phone; web hosting fundamentals; and effective use of meta tags.


Working with Windows 7 or equivalent experience, familiarity with Internet and keyboarding skills.

Required Textbook & Materials


  • Title:   MURACH'S HTML5+CSS3
  • Author:   Zak Ruvalcaba and Anne Boehm
  • ISBN:   978-1-890774-66-0
  • Edition/Copyright:   5th
  • Publisher:   MURACH
  • Published Date:   December 2011
  • Website:


  • Title:   The Definitive Guide to HTML5
  • Author:   Adam Freeman
  • ISBN13:   978-1-4302-3960-4
  • Edition/Copyright:   5th
  • Publisher:   Apress
  • Published Date:   December 18, 2011


Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.

Meeting Information:

  • Days:   Tuesday, Thursday, Saturday (6/13/2015 Only)
  • Dates:   6/02/2015 - 6/13/2015
  • Number of Sessions:   5
  • Time:   Monday & Wednesday - 06:30 PM - 09:30 PM
  • Time:   Saturday - 09:30 AM - 12:30 PM
  • Location:   HU 321

Lesson Plan:

Session I - Tuesday, June 2, 2015

  • Course Overview Presentation
  • Chapter 1 - Introduction to Web Development
  • Chapter 18 - How to Deploy a Web Site on a Web Server
  • Chapter 17 - How to Design a Web Site
  • Chapter 3 - How to Use HTML to Structure a Web Page

Session II - Thursday, June 4, 2015

  • Chapter 2 - How to Code, Test and Validate a web page
  • Chapter 4 - How to Use CSS to Format the Elements of a Web Page

Session III - Tuesday, June 9, 2015

  • Chapter 5 - How to Use the CSS Box Model for Spacing, Borders, and Backgrounds
  • Chapter 6 - How to Use CSS for Page Layout

Session IV - Thursday, June 11, 2015

  • Chapter 7 - How to Work with Links and Lists

Session V - Saturday, June 13, 2015

  • Chapter 8 - How to Work with Images
  • Open Lab

Web Support:

MC Web for Students Site: ITI 133-Summer 2015-CRN:41206

General Computer Files & Windows Skills

Keyboard Shorcuts

General Web Development Links

Wireframe Design Apps

Free Cloud Based


Free Web Design IDEs

Free Web Development IDEs

Downloadable DesktopWeb Development Apps

Cloud Based Web Development

Cloud-Based Web Development Sites

Online Website Builder Sites

Learning Management Systems (LMS)

CSS Links

CSS Minifiers

CSS Precompilers

CSS Postprocessors

CSS Tools

jQuery Links

jQuery Forms

Slideshows, Carousels, Graphic Plugins & Components

Calendar & Datepicker jQuery Plugins

JavaScript Minifiers

RWD Testing Emulators

Browser Plugin Apps

Imaging Programs

WSDL, SOAP, REST, & ODATA Introduction and Resources