Website Wireframing with HTML5 & CSS3

Website Wireframing with HTML5 & CSS3, available at $49.99, has an average rating of 4.2, with 36 lectures, based on 91 reviews, and has 532 subscribers.

You will learn about Learn how to rapidly build web layout wireframes This course is ideal for individuals who are Those wanting to learn how to build wireframe interfaces with HTML and CSS It is particularly useful for Those wanting to learn how to build wireframe interfaces with HTML and CSS.

Enroll now: Website Wireframing with HTML5 & CSS3

Summary

Title: Website Wireframing with HTML5 & CSS3

Price: $49.99

Average Rating: 4.2

Number of Lectures: 36

Number of Published Lectures: 35

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 35

Original Price: $64.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to rapidly build web layout wireframes

Who Should Attend

Those wanting to learn how to build wireframe interfaces with HTML and CSS

Target Audiences

Those wanting to learn how to build wireframe interfaces with HTML and CSS

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome! Understanding Layout Wireframing

Lecture 2: Why Using Photoshop May Not be the Best Choice

Lecture 3: Using HTML & CSS for Fast Wireframe Compositing

Lecture 4: A Look At What We'll Build in this Course

Lecture 5: Bonus Lesson: How to turn any web page into a wireframe

Chapter 2: Getting Started

Lecture 1: Setting Up the Rough Page Structure

Lecture 2: Building the Structural CSS Rules, Part 1

Lecture 3: Building the Structural CSS Rules, Part 2

Lecture 4: Connecting Up the HTML to the CSS

Lecture 5: Centering Layout Elements

Lecture 6: Setting Up Inner Layout Containers

Lecture 7: Inserting Additional Inner Containers

Lecture 8: Spacing Apart the Layout

Chapter 3: Wireframing The Header in Greater Detail

Lecture 1: First Thing's First: Getting Organized

Lecture 2: Building the Logo Container

Lecture 3: Setting Up the Main Navigation Menu

Lecture 4: Creating A Call-To-Action Button

Chapter 4: Building the Rest of the Layout

Lecture 1: Inserting the Hero Image

Lecture 2: Getting Started with the Hero Content

Lecture 3: Finishing Up the Hero Section

Lecture 4: Inserting the Feature Headers

Lecture 5: Building the Feature Boxes

Lecture 6: Wireframing the Organize Section

Lecture 7: Speeding Things Up for the Share Section

Lecture 8: Finishing Up the Wireframing

Chapter 5: Finishing Touches

Lecture 1: Inserting A Placeholder Image

Lecture 2: Adding A Logo Placeholder with Text

Lecture 3: Inserting the Remaining Image Placeholders

Lecture 4: Inserting a Background Placeholder

Lecture 5: Adding Subtle Interactivity

Lecture 6: Adding Button Interactivity

Lecture 7: Finishing Touches

Lecture 8: Sharing the Wireframe for Review

Chapter 6: Wrapping Up

Lecture 1: Where to Go From Here

Chapter 7: Bonus Material

Lecture 1: Bonus Lecture

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 1 votes
2 stars: 3 votes
3 stars: 8 votes
4 stars: 35 votes
5 stars: 44 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu