ProfBurnett.com

HTML Level I Cyber Seniors - 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 develope a website. Web hosting fundamentals and effective use of meta tags are also covered. The course also covers CSS precompilers using LESS, SASS, and other languages. The course will also cover CSS security vulnerabilities on the client and server-side.

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 (5/20/2017 Only)
  • Dates:   5/16/2017 - 5/25/2017
  • Number of Sessions:   5
  • Time:   Tuesday, Thursday - 06:30 PM - 09:30 PM
  • Time:   Saturday - 09:30 AM - 12:30 PM
  • Location:   Cafritz Foundation Arts Center 235

Lesson Plan:

Session I - Tuesday, May 16, 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, May 18, 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, May 20, 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, May 23, 2017

  • Chapter 7 - How to Work with Links and Lists

Session V - Thursday, May 25, 2017

  • CSS Precompilers and Scripting Vulnerabilities
  • Chapter 9 - How to Work with Images
  • Open Lab
  • Course Review
  • Course Evaluation

Support Links:

MC Web for Students Site: CYB 002 Summer 2017 - CRN:43617

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

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