ProfBurnett.com

ITI 353 HTML5 - 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
  • Dates:    02/20/18 - 03/08/18
  • Number of Sessions:    6
  • Time:    Tuesday & Thursday - 06:30 PM - 09:30 PM
  • Location:    HU 321

Lesson Plan:

Session I - Tuesday, February 20, 2018

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

Session II - Thursday, February 22, 2018

  • 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 - Tuesday, February 27, 2018

  • 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, March 1, 2018

  • Chapter 7 - How to Work with Links and Lists
  • Chapter 9 - How to Work with Images

Session V - Tuesday, March 6, 2018

  • Chapter 10 - How to work with Tables
  • Chapter 11 - How to work with forms
  • Open Lab

Session VI - Thursday, March 8, 2018

  • Chapter 8 - How to Use Responsive Web Design (RWD)
  • Open Lab

Web Support:

MC Web for Students Site: ITI 353: Spring 2018 CRN:35205

General Computer Files & Windows Skills

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)

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

Chapter Presentation, Zip, and Solution Set Files
Session Chapter Presentation Exercise Zip File Solution Set Zip File
1 Course Introduction Presentation
Chapter 1 - Introduction to Web Development
Chapter 18 - How to Design a Web Site
Chapter 19 - How to Deploy a Web Site on a Web Server
2 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
Chapter 3

Chapter 3

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

Chapter 6
4 Chapter 7 - How to Work with Links and Lists
Chapter 9 - How to Work with Images
Chapter 7

Chapter 9
5 Chapter 10 - How to work with Tables
Chapter 11 - How to work with forms
Chapter 10

Chapter 11
6 Chapter 8 - How to Use Responsive Web Design (RWD)
Course Review

Colleges and Universities