Website Design Build a single Page Website Parallax site

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Videos (2h 13m)
    • Website Design Build a single Page Website Parallax site

      2:04
    • 1 Parallax Single Page Site Introduction

      2:53
    • 2 Course Resources

      7:35
    • 3 Create Wireframe of Website

      6:08
    • 4 HTML structure create Navmenu

      5:28
    • 5 Creating HTML sections

      5:08
    • 7 Placeholder content

      3:18
    • 8 Apply CSS to HTML

      4:26
    • 9 How to create a Navbar from UL

      8:08
    • 10 Full page size sections and background defaults

      6:05
    • 11 Add background images

      4:46
    • 12 Make your text standout

      4:59
    • 13 Tweaking the navbar for responsive effects

      8:02
    • 14 Responsive Updates and Fixes

      8:23
    • 15 Navbar for small screens

      3:25
    • 16 Adding Footer and updating sections

      7:36
    • 18 Adding jQuery create event triggers

      7:09
    • 19 jQuery binding window events

      3:12
    • 20 Adding icon library

      2:33
    • 21 Animate Scrolling with jQuery

      8:31
    • 22 Slidemenu up jQuery

      3:08
    • 23 Add Parallax effect

      6:37
    • 24 Create a Contact Form

      9:56
    • 25 Single Page Parallax site summary

      3:14

About This Class

Step by step guide to building a modern single page website from scratch

Do you want to build your web portfolio and expand your knowledge of web design?

Recently trending web design concept of parallax involves the background moving at a different rate to the foreground content.   This creates an interesting effect as the visitor scroll down the website.

Within this course we introduce the concept of web design for modern websites.  Creating an HTML frame, adding CSS styling and then applying dynamic interaction via jQuery.

This course is perfect for anyone who wants to learn about web design and how to create modern custom websites from scratch.  Everything you need is included within this course.   Learn how it all fits together within this unique project based learning course.   

Build a real web project and add cool animation effects.  This course is designed to teach you step by step what each line of code does, how and where to apply the code to get the desired results.

  • This course provides everything you need to get started with web design.  
  • Project introduction and planning
  • Step by Step learning about web design
  • HTML page structuring designing your website template
  • Creating proper structure to prepare for CSS
  • Applying CSS to styling you website
  • Creating effects within your website
  • Adding jQuery for dynamic interactive content
  • Adding animations to scroll
  • using jQuery to check viewer scroll location to create active navbar
  • Tweaking and updating CSS

What you get

  • Step by step learning
  • Source Code is included
  • Top resources provided
  • Work alongside lessons
  • HD quality video
  • Professional experienced instructor

This course covers web design with an introduction to using jQuery for advanced web functionality.
By the end of the course you will have the skills and know how to make a website.
I am here to help you learn how to create your own websites and ready to answer any questions you may have.
Want to know more, what are you waiting for take the first step.  Join now to start learning how you too can create websites today.

241

Students

--

Projects

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experienc...

See full profile