HTML and CSS Curriculum
Module 1: Introduction to Web Development
Assigned Reading: Chapter 1 of Web Development and Design Foundations
Module 2: Introduction to HTML
Assigned Reading: Chapter 2 of Web Development and Design Foundations
Module 5: Positioning and Navigation
Assigned Reading: Chapters 5 and 6 of Web Development and Design Foundations
Module 6: Responsive Website Development
Assigned Reading: Chapter 7 of Web Development and Design Foundations
Module 7: HTML Tables and Forms
Assigned Reading: Chapters 8 and 9 of Web Development and Design Foundations
Module 8: IT Careers and Multimedia
Assigned Reading: Chapters 10 and 11 of Web Development and Design Foundations
Module 9: E-Commerce and SEO
Assigned Reading: Chapters 12 and 13 of Web Development and Design Foundations
Module 10: JavaScript and jQuery
Assigned Reading: Chapter 14 of Web Development and Design Foundations (Last Chapter)
Module 11: Frameworks, Font Awesome and Bootstrap
Font Awesome Icons (CSS Framework)
Bootstrap (CSS and JavaScript Framework)
Other Bootstrap Classes: Images, Navigation, and Responsive Videos
Assigned Reading: None
Modules and Labs
These modules were created for students at Saint Paul College.
The slideshows follow the order of the course textbook, Web Development and Design Foundations, by Terry Felke-Morris. Slideshows 2-6 refer to lab exercises (Pacific Trails) that are required for students in the CSCI1450 class at Saint Paul College. Pacific Trails is one of four lab exercises in the textbook and provides students and opportunity to practice the concepts in the relevant chapters and in these slideshows. Slideshows 1-10 correspond to designated chapters in the textbook.
The slideshows can be studied independently from the textbook. The slideshows include exercises on each concept which are demonstrated in videos. The education is designed for one semester of study, broken into 14 weeks. Each module takes one week in a formal classroom setting.
Extra Credit Options
Throughout the slideshows you will see extra credit options.
Final Project Ideas
Need ideas for your final project? Check out these final projects by Saint Paul College students.
Additional Presentations
- The Template Lab (Between Module 6 and 7)
- Study for the HTML/CSS Exam
- WordPress
- PHP Websites
- The Best Internship
Bootstrap Starter Pack
This is a starter pack of Bootstrap HTML file using Bootstrap navigation. It includes a page with columns, a photo gallery (with modal pop-up) that automatically adjusts the number of images in a column based on the width of the screen, a slider, and responsive embedded video using Bootstrap.