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

HTML & CSS From Scratch in 30 Days

Course Summary

Learn to build responsive websites that are viewable on all devices from desktops, laptops, smart-phones, and tablets.


  • +

    Course Syllabus

    • Course Orientation & Setup
      • Course Orientation
      • Setup Your Computer
    • HTML & Web Fundamentals - 1h 49m
      • 1.1 Starting Code
      • 1.1.0 Web Fundamentals
      • 1.1.1 Getting Started
      • 1.1.2 Document Structure
      • 1.1.3 Text Formatting
      • 1.1.4 Images
      • 1.1.5 Links
      • 1.1.6 Validating HTML
      • 1.1.7 Site Publishing
      • 1.1 Completed Code
      • 1.1 Code Challenge
    • Tables, Forms, & Iframes - 43m
      • 1.2 Starting Code
      • 1.2.0 Introducing Tables, Forms, & Iframes
      • 1.2.1 Tables
      • 1.2.2 Iframes
      • 1.2.3 Forms
      • 1.2 Completed Code
      • 1.2 Code Challenge
      • HTML Fundamentals
    • HTML5 Elements - 1h 3m
      • 2.1 Starter Code
      • 2.1.0 Introducing HTML5 Media, Semantic Elements, & Meta Data
      • 2.1.1 Video
      • 2.1.2 Prep for HTML5
      • 2.1.3 HTML5 Semantic Elements
      • 2.1.4 Meta Data
      • 2.1 Completed Code
      • 2.1 Code Challenge
    • CSS Fundamentals - 1h 44m
      • 2.2 Starter Code
      • 2.2.0 Styling the Front-end
      • 2.2.1 Setting up an External Style Sheet
      • 2.2.2 Type Selector
      • 2.2.3 Color Systems
      • 2.2.4 Font Shorthand
      • 2.2.5 Web Fonts
      • 2.2.6 Class Selector
      • 2.2.7 ID Selector
      • 2.2.8 Descendant Selector
      • 2.2.9 Pseudo Selector
      • 2.2.10 Developer Tools (part 1)
      • 2.2 Completed Code
      • 2.2 Code Challenge
      • HTML5 Semantic Elements & CSS Selectors
    • Building Page Layouts - 3h 10m
      • 3.1 Starter Code
      • 3.1.0 Element Display
      • 3.1.1 Box Model
      • 3.1.2 Box Aesthetics
      • 3.1.3 Floating
      • 3.1.4 Prep Layout
      • 3.1.5 Applying Box Properties
      • 3.1.6 Styling Tables
      • 3.1.7 Styling Forms
      • 3.1.8 Styling Iframes
      • 3.1.9 Centering Content
      • 3.1.10 Applying Box Shadows
      • 3.1.11 Applying Gradients
      • 3.1.12 Styling the Logo
      • 3.1.13 Styling Main Sections
      • 3.1.14 Styling Details Section
      • 3.1.15 Creating Column Structure
      • 3.1.16 Developer Tools (part 2)
      • 3.1 Completed Code
      • 3.1 Code Challenge
    • Positioning & Sprites - 54m
      • 3.2 Starter Code
      • 3.2.0 Positioning Techniques
      • 3.2.1 Z-Index Layering
      • 3.2.2 Sprite Rollovers
      • 3.2.3 Styling Navigation
      • 3.2.4 Styling the Social Media Bar
      • 3.2 Completed Code
      • 3.2 Code Challenge
      • CSS Page Layout
    • Responsive Layout - 1h 14m
      • 4.1 Starter Code
      • 4.1.0 Responsive Layout Techniques
      • 4.1.1 Setting Up Local Responsive Testing
      • 4.1.2 Prep HTML for Responsive Layout
      • 4.1.3 Applying CSS3 Media Queries
      • 4.1 Completed Code
      • 4.1 Code Challenge
    • Finishing Touches & Onward - 27m
      • 4.2 Final Code
      • 4.2.0 Adding PHP Mailer Script
      • 4.2.1 Resets, Grid Systems, & Templates
      • 4.2 Code Challenge
      • CSS Positioning & Responsive Layout
      • Final Words


Course Fee:
USD 40

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

This course is listed under Open Source , Development & Implementations and Operating Systems Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
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

Back to Top