MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Visual Design for the Web

Course Summary

Learn how to create responsive and beautifully-designed web pages. You'll cover basic principles of HTML and CSS, responsive design, typography, color, layout, and more. Software required: Photoshop CC 2015, Illustrator CC 2015, Browser.

  • +

    Course Syllabus

    Introduction and Project Overview
    - 1m 24s

    —Introduction and Project Overview 1m 24s
    Visual Design for the Web
    - 4h 0m

    —Setting up the File Structure 5m 39s
    —Creating Our Base Files 8m 24s
    —Grids 9m 42s
    —Placing the Logo and Creating the Primary Navigation 10m 52s
    —Making the Typographic Selection for Your Primary Navigation 12m 3s
    —Accessibility Basics and Dropping Text in the Main Content Well 10m 57s
    —Typography of Paragraph and Header Styles 11m 20s
    —Continuing Typography on the Intro Copy and Unordered List 12m 21s
    —Continuing Typography on the Image Caption and Pull Quote 10m 56s
    —Thinking Through Padding and Margin with Variable Content 10m 31s
    —Designing Interactions 6m 52s
    —Continuing Interactions with Link Styles 8m 33s
    —Color - Considerations When Using Brand Color Palettes on the Web 5m 51s
    —Designing White Space for the Context of the Web 9m 36s
    —Beginning Design of the Right Sidebar Elements with the Related Block 9m 58s
    —Finishing Our Right Sidebar Design Elements 10m 59s
    —Designing the Footer and Adding in a Final Design Element to the Mockup 10m 39s
    —Responsive Design Principles 5m 4s
    —Beginning to Implement Responsive Design on Our First Mockup 7m 29s
    —Continuing Mobile Implementation for Our First Mockup 11m 37s
    —Adjusting the Right Sidebar and Footer Elements for the Mobile Design 10m 34s
    —Visual Design - the Supporting Character? 5m 36s
    —Getting into Our Second Mockup 1m 38s
    —Why Use a Conventional Layout for Your Page (And Website)? 4m 13s
    —Distinct Aesthetic Choices That Separate Our Second Mockup from Our First 7m 41s
    —Color Palettes and the Web 5m 14s
    —Navigation Interaction in Responsive Design - Is There a Best Practice? 8m 19s
    —Creating Design Specs 7m 32s

Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url