Website Wireframing with HTML5 & CSS3
CM
eTrain
Summary
- Exam(s) / assessment(s) is included in price
- Tutor is available to students
Overview
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.
Description
Course Curriculum
1.Introduction
Welcome! Understanding Layout Wireframing (4:02)
Why Using Photoshop May Not Be The Best Choice (3:07)
Using HTML & CSS For Fast Wireframe Compositing (2:53)
A Look At What We'll Build In This Course (1:23)
Bonus Lesson_How To Turn Any Web Page Into A Wireframe (1:24)
2.Getting ed
Setting Up The Rough Page Structure (4:45)
Building The Structural CSS Rules, Part 1 (7:43)
Building The Structural CSS Rules, Part 2 (2:52)
Connecting Up The HTML To The CSS (5:20)
Centering Layout Elements (5:36)
Setting Up Inner Layout Containers (7:19)
Inserting Additional Inner Containers (3:35)
Spacing Apart The Layout (9:15)
3.Wireframing The Header in Greater Detail
First Thing's First_Getting Organized (4:37)
Building The Logo Container (3:55)
Setting Up The Main Navigation Menu (5:53)
Creating A Call-To-Action Button (5:59)
4.Building the Rest of the Layout
Inserting The Hero Image (4:41)
Getting ed With The Hero Content (4:02)
Finishing Up The Hero Section (5:36)
Inserting The Feature Headers (3:34)
Building The Feature Boxes (5:58)
Wireframing The Organize Section (5:41)
Speeding Things Up For The Share Section (4:26)
Finishing Up The Wireframing (6:23)
5.Finishing Touches
Inserting A Placeholder Image (3:48)
Adding A Logo Placeholder With Text (3:50)
Inserting The Remaining Image Placeholders (3:23)
Inserting A Background Placeholder (5:09)
Adding Subtle Interactivity (6:01)
Adding Button Interactivity (11:42)
Finishing Touches (4:57)
Sharing The Wireframe For Review (6:04)
6.Wrapping Up
Where To Go From Here (0:20)
Frequently Asked QuestionsWhen does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
After enrolling, you will have unlimited course access for 12 months.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
Who is this course for?
Requirements
Career path
Questions and answers
Currently there are no Q&As for this course. Be the first to ask a question.
Reviews
Currently there are no reviews for this course. Be the first to leave a review.
Legal information
This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.