Unit 13: More on Links, Layout, and Responsiveness I
- CSS for printing
- Mobile design best practices
- Mobile device display and the “viewport” meta tag
- CSS media queries and responsive web design
- Responsive images and the <picture> tag
- A brief intro to Flexbox layout
Assignment: Make the website responsive with media queries
Unit 14: Tables
- When to use tables in a web page
- Basic table elements: <table>, <tr>, <th>, <td> tags
- Table sections: <thead>, <tbody>, <tfoot> tags
- Table accessibility
- Styling tables with CSS
- Structural pseudo-classes: “:first-of-type”, “:first-child”, etc.
Assignment: Add a table to the website
Unit 15: Forms I
- Using forms on web pages
- Basic form creation: <form>, <input>, <textarea>, <select> tags
- Form accessibility: “accesskey” and “tabindex” attributes
- Form controls and groups: <label>, <fieldset>, <legend> tags
Unit 15: Forms II
- The <button> tag and custom button images
- Styling a form with CSS
- More form controls: email addresses, URLs, datalists, ranges, spinners, calendars, and color controls
- Server-side processing
Assignment: Add a contact form to the website
Unit 16: Web Multimedia and Interactivity I
- Plug-ins, helper applications, media containers and codecs
- Types of multimedia used on the Web
- Making hyperlinks for multimedia files
- Using HTML to set up audio and video
- Putting a Flash animation on a Web page
- Putting a Java applet on a Web page
Assignment: Add a video with controls to the website
Unit 17: Web Multimedia and Interactivity II
- The CSS “transform” and “transition” properties
- JavaScript: features and common uses
- Some HTML5 APIs: geolocation, web storage, offline web applications, and canvas
- AJAX: features and common uses
- jQuery: features and common uses
Assignment: Creating an interactive drop-down menu with CSS