This course covers the technical knowledge and skills needed to design and publish a web site. Students create web pages with the latest standards of xHTML and HTML5, Cascading Style Sheets (CSS), and Javascript with an emphasis on coding web pages that work in both current and future browsers. Topics include web design principles, website development, web authoring standards, configuring images and multimedia on web pages, and website publishing. Students learn how to use JavaScript to communicate with users, modify the Document Object Model (DOM), control program flow, validate forms, animate images, create cookies, modify attributes and values in X/HTML using DOM elements, use JavaScript libraries, and debug and troubleshoot JavaScript.
Prerequisites
Completion of CS 111 or CS 141 or concurrent enrollment.
- Plan and create web pages using current and effective web design principles
- Design and develop websites using HTML coding and Cascading Style Sheets (CSS)
- Insert navigation links, hyperlinks, multimedia, images, and other media in the web page
- Apply essential CSS concepts including the CSS visual formatting model and the box-model
- Use data table elements in web page design
- Use forms to build interactive web pages
- Use the JavaScript programming language to add interactivity and enhanced user interface to web pages
- Apply JavaScript programming concepts including variable scope, JavaScript operators, designing for loops and if statements, and working with conditional statements
- Design custom objects, properties, and methods, and work with object prototypes and prototypal inheritance
- Create and retrieve client-side cookies
- Test and correct programming errors
IO1 Communication: Students will be able to communicate clearly and effectively within a workplace context
- Web Page Structural Basics
- Hyperlinking
- Website Design Principles
- Cascading Style Sheets
- Web Graphics
- CSS Box Model and Associated Properties
- xHTML and HTML5 Structural Elements
- Forms on Web Pages
- Introduction to JavaScript programming
- Working with operators and expressions
- Working with arrays, loops, and conditional statement
- Working with objects and styles
- Working with forms and regular expressions
- Working with the event model
- Working with dynamic content and styles
- Storing data with cookies
- Designing pop-up windows and frames