HTML5 + CSS3 Responsive Web Design
4.8 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
26 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 + CSS3 Responsive Web Design to your Wishlist.

Add to Wishlist

HTML5 + CSS3 Responsive Web Design

Leap into the world of adaptive web design with HTML5 & CSS3 Responsive Web Design!
4.8 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
26 students enrolled
Last updated 9/2013
English
Price: $40
30-Day Money-Back Guarantee
Includes:
  • 8.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • By the end of this VTC course, you'll have three beautiful designs, each one displaying automatically depending on the device being used to view it.
View Curriculum
Requirements
  • Adobe Illustrator and Adobe Photoshop (recommended)
Description

With Geoff Blake as your guide, you'll learn how to build wireframe responsive designs in Adobe Illustrator, apply design and graphics to them in Photoshop, and then rebuild the designs in code. Discover the power of CSS3's media queries to target various devices and resolutions, including mobile, tablet, and desktop browsers. Learn how to extract Photoshop content for use in your designs, insert it with modern HTML5, and control it with a variety of CSS3 techniques. By the end of this VTC course, you'll have three beautiful designs, each one displaying automatically depending on the device being used to view it. This title is a self-paced software training course delivered via pre-recorded video. We do not provide additional information outside of the posted content.

Work files for this course can be downloaded from the first lecture.

Who is the target audience?
  • Web Designers with working knowledge of HTML
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 119 Lectures Collapse All 119 Lectures 08:40:13
+
Setting Up for the Medium Width Design
11 Lectures 43:17
Preparing the Wireframe for Import
02:53

Bringing the Wireframe Into Photoshop
03:57

Extracting the Header
03:42

Pulling Out the Menu and Slideshow
02:26

Finishing Up the Wireframe BreakUp
02:40

Formatting the Header
04:58

Building the Navigation Menu
03:45

Formatting the Slideshow
03:20

Setting Up the First Content Box
06:13

Finishing Up the Content Boxes
06:26

Formatting the Footer
02:57
+
Setting Up for the Low Width Design
10 Lectures 46:06
Bringing the Wireframe into Photoshop
06:03

Extracting the Header and Menu
03:08

Pulling Out the Content Boxes
02:14

Finishing Up the Wireframe Breakup
01:23

Formatting the Header
03:47

Building the Navigation Menu
06:33

Readjusting the Layout
07:17

Setting Up the First Content Box
05:58

Formatting the Second Content Box
06:06

Finishing Off the Design
03:37
+
Getting Set Up for Responsive Design
6 Lectures 31:17
Setting Up the HTML Page
07:10

Setting Up the External Style Sheet
05:49

Testing the External Style Sheet
02:42

Building the Three Media Queries
05:40

Testing the Media Queries
05:35

Using Commenting to Simplify the View
04:21
+
Building the HTML Structure
6 Lectures 26:56
Building the Main Layout Structure
07:17

Wrapping the Code into a Container Div
03:20

Building the Main Navigation Menu
06:45

Structuring the Content Boxes
03:19

Building the News Feed Area
03:55

Setting the Footer Structure
02:20
+
Constructing the High Res Layout
8 Lectures 31:32
Getting Started with the High Res Layout
07:26

Formatting the Layouts Header
03:58

Formatting the Menu pt. 1
02:52

Formatting the Menu pt. 2
04:21

Formatting the Slideshow
03:32

Setting Up the Content Boxes
04:20

Applying Formatting to the News Feed
02:42

Finishing Off with the Footer
02:21
+
Building the Medium Res Layout
7 Lectures 21:44
Setting Up the Medium Resolution Layout
04:25

Formatting the Header
01:58

Formatting the Navigation Menu
03:23

Applying Formatting to the Slideshow
04:14

Setting the Content Box Formatting
02:39

Adjusting the News Feed
02:17

Finalizing with the Footer
02:48
+
Constructing the Low Res Layout
5 Lectures 15:15
Getting Started with the Low Res Layout
03:39

Formatting the Header and Nav Menu
03:44

Formatting the Content Boxes
03:06

Applying Formatting to the News Feed
01:27

Finishing Up with the Footer
03:19
4 More Sections
About the Instructor
VTC Software Training
4.2 Average rating
145 Reviews
2,314 Students
48 Courses
Affordable, Comprehensive Software Training

VTC is one of the world's leading producers of online computer and software training, supplying richly diverse courses of informative and inspiring tutorials. Created on the idea that anyone should have the ability to learn to use computer software on their own time, VTC has produced tens of thousands of hours of extraordinarily valuable, insightful, and easy to follow tutorials and delivers them for a fraction of the cost of other training methods. Our training authors are some of the most accomplished in their respective fields. The tutorials that could make the difference in your new job, promotion, or school advancement are always available and only a click away.