Introduction to Web Development and Associated Technologies
- Introduction
- Web Architecture
- The Core 3: HTML
- The Core 3: CSS
- The Core 3: JavaScript
- The World Wide Web Consortium (W3C)
- Semantic HTML5
- Basic Structure of a Web Page
- HTML Syntax
- Browsers to Download
- Creating a Project, File Naming, and Folder Structuring
- Using Brackets to Author Web Pages
- Creating your First Web Page
- Validating your First Web Page
Semantic Structure and Inline Tags
- Introduction
- The Structure of a Tag
- Global Attributes
- Section Elements
- Section Tags
- Heading Tags
- Grouping Tags
- Inline Tags (Part 1)
- Inline Tags (Part 2)
- Inline Tags (Part 3)
- Lab 1
- Quiz 1
Tables, Lists, and Images
- Introduction
- Working with Tables (Part 1)
- Working with Tables (Part 2)
- Lab 2
- Working with Lists
- Lab 3
- Working with Images
- Lab 4
- Quiz 2
Working with Links
- Introduction
- Working with Links
- Attributes for Links
- Creating a Link for an Image / Text
- Creating a Link to an Email Address or Phone Number
- Creating a Link to a Placeholder
- Working with Image Maps
- Quiz 3
Cascading Style Sheets Part 1 - Introduction
- Introduction
- What is CSS?
- Why Should I Use CSS?
- How CSS Works
- Defining Styles
- Selector Types (CSS Level 1)
- Selector Types (CSS Level 2)
- Lab 5: CSS Level 1 Selectors
- Lab 6: CSS Level 2 Selectors
- Selector Types (CSS Level 3)
- Lab 7: CSS Level 3 Selectors
- Common Font Properties
- Common Background Properties
- Common Block Properties
- Common Box Properties
- Common Border Properties
- Common List Properties
- Common Positioning Properties
- Lab 8: Formatting the Vecta Corp. Site
Cascading Style Sheets Part 2 - Grid Systems, Layout, and Positioning
- Introduction
- Grid Systems: What is a Grid?
- Grid Systems: History of Grids in Design
- Grid Systems: Why Should I Use Grids?
- Grid Systems: How Grid Systems Work in Web Design
- Lab 9: The 960 Grid System
- How to Float and Clear Elements
- How to Use CSS3 to Create Text Columns
- How to Position Elements Using Positioning Properties
- Lab 10: Structuring the Vecta Corp. Site using a Traditional Approach
- Quiz 4
Cascading Style Sheets Part 3 - Advanced CSS Concepts
- Introduction
- Valuable Third-Party Tools
- Working with Web Fonts: The @font-face selector
- Working with Web Fonts: Google Web Fonts
- Sprites
- Navigation Menus
- Accordions
- Transitions
- Transforms
- Animations
- Filters
- Lab 11: An Advanced Web Page Layout
- Lab 12: Making the Web Page Backward Compatible
- Lab 13: Designing a Style Sheet for Printers
- Quiz 5
Cascading Style Sheets Part 4 - Flex Box Layout
- Introduction
- What is the Flex Box layout?
- Layout Terminology
- Layout Properties
