VC 237 Web Design 1

Lecture Hours: 2
Lab Hours: 4
Credits: 4

Introduces techniques and skills needs to plan and code basic Web pages. Includes instruction on industry-standard processes and coding practices using HTML, CSS, and image editors to create a finished, published Web page using modern development tools.

Prerequisite: VC 115 with a grade of C or better; or consent of instructor.
Student Learning Outcomes:

Understand the history and current context of the World Wide Web.
Understand and write clean and semantically-correct HTML
Use CSS to create basic web page layouts.
Use CSS to apply style and hierarchy to typography
Create and optimize images suitable for web publishing.
Use correct folder and file saving, naming and management techniques.
Plan and publish basic web sites.
Use industry standard terminology in discussing web design and development.

Content Outline

Introduction to Web Design and Development
- Web design and development tools overview
- Internet and World Wide Web (WWW) history and context
- Core technologies for the Web
Hypertext Markup Language (HTML)
- History
- Common structures, syntax, and formatting
- Understanding block-level and inline elements
- Creating navigation items
- HTML5 semantic tags
- Understanding linking and anchor tags
Cascading Style Sheets (CSS)
- Understanding the benefits and limitations of CSS
- Rule structure, terminology, and specificity
- Implementing external, embedded, and inline style sheets
- Writing CSS Selectors
- CSS Layout
  - Understanding the CSS Box Model
  - Using reset and normalize style sheets
  - CSS units of measurement
  - Learning and using CSS properties for layout
  - Working with Flexbox for layout
- Web Typography
  - History, key concepts, and techniques
  - Working with the Document Flow
  - Using embedded fonts
  - CSS properties for typography
- Styling navigation items
- Working with pseudo-classes
Images
- Web imagery characteristics
- File formats for the web
- Image compression, sizing, and optimization
- Exporting images for the Web
- Adding images to Web pages
  - Background images using CSS
  - Inline images using HTML & CSS 
Publishing
- Combining HTML, CSS, and content to create a complete web page.
- File management, rules, and structure
- Working with SFTP and Web servers
- Troubleshooting published websites
Project Management
- Understanding the web design process
- Project planning and implementation
Industry Standards
- Terminology
- Copyright
- Ethics