CIS 152 Web Development Tools

Course introduces Web development tools, including HTML editors and Web site managers as well as graphics manipulation tools. Content includes use of these tools to create interactive Web Sites which integrate style sheets, DHTML components and Javascripts.

Let's build something amazing together!

R. Capaccio 2026

OUTLINE OF TOPICS

Weeks 1–4: HTML / CSS / Responsive Web Design / Bootstrap +
  • See what you can do with Dreamweaver (HTML editor)
  • Understand the anatomy of a website
  • Follow the stages of web design
  • Define a site in Dreamweaver
  • Define page structure with HTML5
  • Add content to your pages
  • Layout and style pages with CSS3
  • Publish and manage your website on a server
  • Enhance your CSS with preprocessors
  • Responsive web design basics
  • Create responsive design using media queries (NEW)
  • Create a responsive navigation menu
  • Create a responsive grid layout
  • Code HTML, CSS, and JavaScript in Code View
  • Code with shortcuts and error checking
  • Grab web design info from Photoshop files
  • Work efficiently with Git integration
Weeks 5–6: JavaScript / jQuery +
  • JavaScript instructions
  • JavaScript functions
  • JavaScript methods and objects
  • JavaScript – DOM access and manipulation
  • JavaScript – events
  • jQuery – select elements
  • jQuery – perform tasks
  • jQuery – handle events
Weeks 7–12: Server-Side Technology (PHP / MySQL / CMS) +
  • PHP Server
  • Local development environment (XAMPP – Apache + MariaDB + PHP + Perl)
  • WordPress (wordpress.org)
  • Drupal (drupal.org)
Week 13: Web Analytics +
  • Google Analytics
  • HTML5 Ads using Google Web Designer
Week 14: Final Presentations +
  • CMS Project using WordPress

Class Syllabus

CIS-152-syllabus

Resources