Website Wireframing with HTML 5 & CSS3 Online Short Course

Courses For Success

AU$99 - (R$235)

Informação importante

  • Curso
  • Online
  • Quando:
    à escolha

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

Informação importante

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


Instalações e datas

Início Localização
à escolha

O que se aprende nesse curso?



There are 5 units of study


  • 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


Informação adicional

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