ProfBurnett.com

ITI 353 HTML5 - Session I

Session Outline:

  • Course Introduction 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
  • Student Exercise 1 - Setting Up Development Environment

Class Presentations

Presentatons & Videos for Session I
Session Chapter PowerPoint Presentation Screencast Video
I Course Introduction Presentation
I Session I
I Setting Up Development Environment

Student Exercise

Student Exercise 1

  • 1. Students will setup Adobe Dreamweaver development environment for local and online live website using Dreamweaver site server setup.
  • 2. Students will upload test file to live site.
  • 3. Students will preview in browser test file.
  • 4. Link to Exercise 1 Test File

Session I Support Links

ProfBurnett Web for Students Site: ITI 353: Fall 2018 CRN:25257

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
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