Learn your way! Get started

HTML/CSS for Designers, Part 5: Labels and Menus

with John Wiley & Sons


Watch trailer


Course at a glance


Release date 2/28/2015
Level Beginner
Runtime 0h 59m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs N/A
Sample code N/A
Exams N/A


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

HTML & CSS for Designers is a seven part learning series that will introduce you to creating web pages using the programming techniques for HTML and CSS. You will be introduced to HTML and CSS then you’ll learn how to work with Images, and create Tables, Forms, Labels, and Menus. You‘ll learn about the importance of creating a web page with Page Layout and Navigation in mind. A web page that is easy to use will help to continue to drive traffic to your site.

Prerequisites

This course assumes very little familiarity with HTML & CSS. This course is part of 7 courses; HTML & CSS for Designers: Introduction; HTML & CSS for Designers: CSS Basics; HTML & CSS for Designers: Images; HTML & CSS for Designers: Tables and Forms; HTML & CSS for Designers: Labels and Menus; HTML & CSS for Designers: Page Layout; and HTML & CSS for Designers: Navigation. Please be sure to view the courses in order if you are new to the material.

Meet the

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.


Course outline



Labels & Menus

Labels (18:16)
  • Introduction (00:10)
  • The HTML Label Tag (01:10)
  • The For Attribute with Labels (00:36)
  • The For Attribute for CSS (00:31)
  • The Tabindex Attribute (00:25)
  • Best Practices for Tabindex (00:54)
  • Label Tag (02:21)
  • Tabindex (03:35)
  • HTML Checkboxes (00:37)
  • Checkboxes (05:09)
  • Checkbox Attributes (02:33)
  • Summary (00:10)
Menus & Textareas (21:24)
  • Introduction (00:10)
  • HTML Select Menus (00:45)
  • Multiple Attribute (00:15)
  • Multiple Instructions (00:26)
  • Styling Menus with CSS (00:23)
  • Standardizing with JavaScript (00:36)
  • Select Menu (05:19)
  • Form Label (06:13)
  • HTML Textarea (00:22)
  • Textarea Size (00:30)
  • Styling Textarea with CSS (00:21)
  • Textarea (05:50)
  • Summary (00:10)
Layouts (20:14)
  • Introduction (00:10)
  • CSS Layout (00:44)
  • Fixed-Width Sites (01:51)
  • Fluid Layouts (00:22)
  • Fluid Layout Example (00:47)
  • Fixed-Width Layouts Are Easier (00:23)
  • Fluid Layouts Are More Usable (00:13)
  • Fluid Layout Disadvantages (00:40)
  • CSS 3 Media Queries (00:44)
  • Our Advice (00:32)
  • CSS Reset File (01:57)
  • CSS Reset File Rules (04:15)
  • CSS Positioning (00:12)
  • CSS Box Model Review (00:45)
  • Modify Box Properties (00:37)
  • Static Positioning (00:48)
  • Absolute Positioning (00:54)
  • Z-Index (01:23)
  • Relative Positioning (00:44)
  • Fixed Positioning (00:30)
  • Fixed Navigation (00:34)
  • Using Positioning Values (00:48)
  • Summary (00:10)