GT

Site #1: Student Site

• Student Site Home Page
• Student Site ART 128 Page

Site #2: Site Base

• Base Blank
• Base Content
• Base Layout
• Base Site Structure
• Base Toggle Nav
• Base Sub Page(s)
• Single Page Site
• Multi Page Site

Site #3: Custom Site

• Project Design Brief - CorePower Yoga
• Design Brief
• Low Fidelity Interface Design
• Design 1
• Design 2
• Prototype
• Design 1
• Coded Site
• corepower-v1
• corepower-v2

Test & Exercises

• Simple HTML and CSS Page
• Intro to HTML Exercise - Text w/o Markup
• Intro to CSS Exercise - Basic Styling
• Div Block Model Test
• Divs and Spans (Block vs Inline) Test
• A Use Case for Span Elements
• Intro to Classes
• Intro to ID's
• Centering - Test 1 (via Flexbox - Horizontal + Vertical)
• Centering - Test 2 (via Flexbox - Horizontal + Vertical)
• Centering - Test 3 (via Grid - Horizontal + Vertical)
• Absolute vs Relative Positioning Test #1
• Percentage Grid (old float-based grid system)
• Reusable Semantic Grid System for Page Layout: Using Floats
• Intro to Javascript
• Layout test - Site Header with 2 children
• Layout test - Complex centered logo site header with 4 children
• Simple Grid System From Scratch
• Javascript Exercise #1 - Simple Toggle Button - In class
• Javascript Exercise #2 - Multiple Toggle Button - In class
• Javascript Exercise #3 - Simple Show Hide w data attributes - in class
• Javascript Exercise #4 - Site Base Header
• Google Fonts In Class Demo
• Adobe Fonts In Class Demo