ProfBurnett.com

ITI 395 CSS3 - Session I

Session Outline:

  • Course Overview Presentation
  • Exercise 1 - Dreamweaver Development Environment Setup
  • Chapter 4 - How to use CSS to format the Elements of a Web Page
  • Exercise 2 - Chapter 4 - Exercise 4-1
  • Chapter 5 - Hot to use the CSS Box Model
  • Exercise 3 - Chapter 5 - Exercise 5-1 and 5-2

Class Presentations

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
I Course Introduction Presentation
I Session I Chapter 4
Chapter 5
Chapter 4
Chapter 4

Chapter 5
I Setting Up Development Environment

You can download the PowerPoint presentation of the chapters and exercises.

Student Exercise

Student Exercise 1

  • 1. Complete Dreamweaver Development Environment
  • 2. Download Testing Server files and folders to your local development folder.
  • 3. Students will upload development site to development site.
  • 4. Students will preview in browser development files.
  • 5. Students will upload development site to live site.
  • 6. Students will preview in browser live files.

Student Exercise 2

  • 1. Complete Exercise 4-1, page 164.
  • 2. Download Chapter 4 exercise zip file to desktop. Unzip files and folders and place in local development folder.
  • 2. The basic.html file listed in Exercise 4-1 is located in the templates folder on your developmental site.
  • 3. Students will upload test files to development site.
  • 4. Students will preview in browser development files.
  • 5. Students will upload files to live site.
  • 6. Students will preview in browser live files.

Student Exercise 3

  • 1. Complete Exercise 5-1 and 5-2 on page 197 using Dreamweaver.
  • 2. Students will upload test files to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload files to live site.
  • 5. Students will preview in browser live files.

Session I Support Links

MC Web Certification Website: ITI 395 CSS3: Summer 2019 CRN:35469

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
I Course Introduction Presentation
I Session I
Chapter 4 - How to use CSS to format the Elements of a Web Page
Chapter 5 - Hot to use the CSS Box Model
Chapter 4
Chapter 5
Chapter 4
Chapter 4

Chapter 5
I Setting Up Development Environment
II Session II
Chapter 6 - How to Use CSS for Page Layout
Chapter 7 - How to Work with CSS to do Links, Lists, and Navigation Menus
Chapter 6
Chapter 7
Chapter 6

Chapter 7
III Session III Chapter 16
Chapter 16
Chapter 16
IV Session IV Chapter 20