ProfBurnett.com

ITI 239 HTML5 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. Advanced techniques to effectively create multiple column layouts using new HTML5 structural elements; new Cascading Style Sheets (CSS3) styles to format and control placement of HTML5 elements such as rounded corners, shadow effects, and color gradients; advanced CSS3 media queries to handle a variety of devices including screen, printer, tablet, and mobile phone; and integration of scripts into a web page. The Dreamweaver Integrated Development Environment (IDE) will be used to design and develop a website. Web hosting fundamentals and effective use of meta tags are also covered.

Prerequisites:


MS Windows or equivalent experience.

Required Textbook & Materials

REQUIRED

  • Title:    MURACH'S HTML5 and CSS3
  • Author:    Zak Ruvalcaba and Anne Boehm
  • ISBN:    978-1-890774-83-7
  • Edition/Copyright:    3th
  • Publisher:    MURACH
  • Published Date:    April 2015
  • Website:    murach.com

Materials:

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 (06/10/2017 Only)
  • Dates:    06/6/2017 - 06/15/2017
  • Number of Sessions:    5
  • Time:    Tuesday & Thursday - 06:30 PM - 09:30 PM
  • Time:    Saturday - 09:30 AM - 12:30 PM
  • Location:    HU 321

Lesson Plan:

Session I - Tuesday, June 6, 2017

  • Course Overview Presentation
  • Chapter 1 - Introduction to Web Development
  • Chapter 19 - How to Deploy a Web Site on a Web Server
  • Chapter 18 - How to Design a Web Site

Session II - Thursday, June 8, 2017

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

Session III - Saturday, June 10, 2017

  • 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 - Tuesday, June 13, 2017

  • Chapter 7 - How to Work with Links and Lists

Session V - Thursday, June 15, 2017

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

Web Support:

MC Web for Students Site: ITI 239: Summer 2017 CRN:43120

Keyboard Shorcuts

General Web Development Links

Wireframe Design Apps

Free Cloud Based

IDE's

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)

Browser Plugin Apps

Imaging Programs

jQuery Links

jQuery Plugin Links

jQuery Forms

Slideshows, Carousels, Graphic Plugins & Components

Calendar & Datepicker jQuery Plugins

RWD Testing Emulators

Minifiers

WSDL, SOAP, REST, & ODATA Introduction and Resources

Chapter Presentation, Zip, and Solution Set Files
Session Chapter Presentation Exercise Zip File Solution Set Zip File
1 Course Introduction Presentation
1 Chapter 1 - Introduction to Web Development
1 Chapter 18 - How to Design a Web Site
1 Chapter 19 - How to Deploy a Web Site on a Web Server
2 Chapter 2 - How to Code, Test and Validate a web page
2 Chapter 3 - How to Use HTML to Structure a Web Page
3 Chapter 4 - How to Use CSS to Format the Elements of a Web Page
3 Chapter 5 - How to Use the CSS Box Model for Spacing, Borders, and Backgrounds
3 Chapter 6 - How to Use CSS for Page Layout
4 Chapter 7 - How to Work with Links and Lists
5 CSS Precompilers and Scripting Vulnerabilities
5 Chapter 9 - How to Work with Images
5 Course Review