Website Wireframing with HTML 5 & CSS3 Online Short Course

Course

Online

£ 51.82 + VAT

*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

Online

Start date

Different dates availableEnrolment now open

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...

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

  • Access
  • HTML
  • Email
  • Photoshop
  • Layout
  • Image
  • Web

Course programme

There are 5 units of study

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&#39ll 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

£ 51.82 + VAT

*Indicative price

Original amount in AUD:

$ 99