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 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: , , , tags Table sections: , , 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: , , , tags Form accessibility: “accesskey” and “tabindex” attributes Form controls and groups: , , tags Unit 15: Forms II The 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
- 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
- A brief intro to Flexbox layout
- When to use tables in a web page
- Basic table elements:
,
, , tags - Table sections: , , tags
- Table accessibility
- Styling tables with CSS
- Structural pseudo-classes: “:first-of-type”, “:first-child”, etc.
Assignment: Add a table to the websiteUnit 15: Forms I- Using forms on web pages
- Basic form creation:
- Form accessibility: “accesskey” and “tabindex” attributes
- Form controls and groups:
Unit 15: Forms II- The
- 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 websiteUnit 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 websiteUnit 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 - Table sections: , , tags