Website Wireframing with HTML5 & CSS3
3.9 (38 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.
300 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Website Wireframing with HTML5 & CSS3 to your Wishlist.

Add to Wishlist

Website Wireframing with HTML5 & CSS3

Discover how to quickly mockup your web ideas!
3.9 (38 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.
300 students enrolled
Last updated 2/2017
English
Learn Fest Sale
Current price: $10 Original price: $75 Discount: 87% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn how to rapidly build web layout wireframes
View Curriculum
Requirements
  • A basic understanding of HTML and CSS
Description

Whether you’re an HTML veteran or just a beginner, this course is for you. Award-winning trainer Geoff Blake will walk you through the process of creating a website wireframe in just under three hours! This series of instructional videos will guide you through the process of creating the basic sections of your site, arranging and aligning text and images, and adding interactive features. Once you’re finished creating the wireframe, Geoff will show you how to put it online to share with coworkers and clients. After taking this course you’ll be able to build attractive and professional website prototypes in about an hour. The best part? Unlike a simple mockup in Photoshop, you can actually turn this wireframe into a fully-functioning website! Let Geoff Blake help you build your professional skills with this easy to follow course from Ten Ton Online.

Who is the target audience?
  • Those wanting to learn how to build wireframe interfaces with HTML and CSS
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 37 Lectures Collapse All 37 Lectures 02:49:39
+
Getting Started
8 Lectures 46:25
Setting Up the Rough Page Structure
04:45

Building the Structural CSS Rules, Part 1
07:43

Building the Structural CSS Rules, Part 2
02:52

Connecting Up the HTML to the CSS
05:20

Centering Layout Elements
05:36

Setting Up Inner Layout Containers
07:19

Inserting Additional Inner Containers
03:35

Spacing Apart the Layout
09:15
+
Wireframing The Header in Greater Detail
4 Lectures 20:25
First Thing's First: Getting Organized
04:37

Building the Logo Container
03:55

Setting Up the Main Navigation Menu
05:53

Creating A Call-To-Action Button
06:00
+
Building the Rest of the Layout
8 Lectures 40:21
Inserting the Hero Image
04:41

Getting Started with the Hero Content
04:02

Finishing Up the Hero Section
05:36

Inserting the Feature Headers
03:34

Building the Feature Boxes
05:58

Wireframing the Organize Section
05:41

Speeding Things Up for the Share Section
04:26

Finishing Up the Wireframing
06:23
+
Finishing Touches
8 Lectures 44:54
Inserting A Placeholder Image
03:48

Adding A Logo Placeholder with Text
03:50

Inserting the Remaining Image Placeholders
03:23

Inserting a Background Placeholder
05:09

Adding Subtle Interactivity
06:01

Adding Button Interactivity
11:42

Finishing Touches
04:57

Sharing the Wireframe for Review
06:04
+
Wrapping Up
2 Lectures 03:25
Where to Go From Here
03:03

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.3 Average rating
13,694 Reviews
247,322 Students
195 Courses
240,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.