Website Wireframing with HTML 5 & CSS3 Online Short Course
Course
Online
*Indicative price
Original amount in AUD:
$ 99
Description
-
Type
Course
-
Methodology
Online
-
Start date
Different dates available
Learn to rapidly wireframe your web ideas! Whether you’re an HTML veteran or just a beginner, this course is for you. We 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, and 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 us help you build your professional skills with this easy to follow course. Course Overview: You’ll learn how to build a complete website wireframe using HTML5 and CSS3, with little to no prior experience required. In just under three hours, you’ll learn how to quickly mock up your website ideas from scratch! Learn how to create attractive, interactive prototypes to demonstrate web layouts to clients and team members! Well-organized and thorough lessons walk you through the process of creating a structural framework that you can later expand into a fully functional website. Course Fast Facts: Easy to follow online videos 2 to 3 hours of study is required Unlimited lifetime access to online course Delivered 100% on-line and accessible 24/7 from any computer or smartphone You can study from home or at work, at your own pace, in your own time Course Delivery
Your course is delivered via online videos and an email will be sent advising you of our enrolment process (please check your junk email inbox if not received as this is an automated email), in order for you to access your online material, which is Available 24/7...
Facilities
Location
Start date
Start date
About this course
Computer Requirements: Minimum Speifications For The Computer Are: Windows:- Microsoft Windows XP, or later- Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari) MAC/iOS:- OSX/iOS 6 or later- Modern and up to date Browser (Firefox, Chrome, Safari) Students Will Also Need Access To The Following Applications:- Plain text editor, Dreamweaver, Coda (Mac-only), Notepad++ (Windows-only), or any other...
Reviews
Subjects
- Access
- HTML
- Photoshop
- Layout
- Image
- Web
Course programme
Introduction
- Welcome! Understanding Layout Wireframing
- Why Using Photoshop May Not be the Best Choice
- Using HTML & CSS for Fast Wireframe Compositing
- A Look At What We'll Build in this Course
- Bonus Lesson: How to turn any web page into a wireframe
Chapter 1: Getting Started
- Setting Up the Rough Page Structure
- Building the Structural CSS Rules, Part 1
- Building the Structural CSS Rules, Part 2
- Connecting Up the HTML to the CSS
- Centering Layout Elements
- Setting Up Inner Layout Containers
- Inserting Additional Inner Containers
- Spacing Apart the Layout
Chapter 2: Wireframing The Header in Greater Detail
- First Thing's First: Getting Organized
- Building the Logo Container
- Setting Up the Main Navigation Menu
- Creating A Call-To-Action Button
Chapter 3: Building the Rest of the Layout
- Inserting the Hero Image
- Getting Started with the Hero Content
- Finishing Up the Hero Section
- Inserting the Feature Headers
- Building the Feature Boxes
- Wireframing the Organize Section
- Speeding Things Up for the Share Section
- Finishing Up the Wireframing
Chapter 4: Finishing Touches
- Inserting A Placeholder Image
- Adding A Logo Placeholder with Text
- Inserting the Remaining Image Placeholders
- Inserting a Background Placeholder
- Adding Subtle Interactivity
- Adding Button Interactivity
- Finishing Touches
- Sharing the Wireframe for Review
Chapter 5: Wrapping Up
- Where to Go From Here
Additional information
Digital Download FAQs
Q: What is a digital download?
A digital download is training that you download from the internet using your web browser instead of us shipping you a physical CD.
Q: How instant is the "Instant Purchase"?
If you complete your purchase, you are emailed your access key within minutes of the transaction completing.
Q: How do I access my digital download purchase?
Once you complete your purchase, you will receive an email with an Access Key, and instructions on how to download your purchase. You will enter that Access Key...
Website Wireframing with HTML 5 & CSS3 Online Short Course
*Indicative price
Original amount in AUD:
$ 99
Add similar courses
and compare them to help you choose.
Training by subject