Web Design Make a Single Page Website Carousel controls

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Videos (2h 4m)
    • Web Design Make a Single Page Website Carousel controls

    • 1 Fixed navbar single page website introduction

    • 2 Resource Introduction

    • 3 Web Design Planning wireframe outline

    • 4 Web Design HTML structure

    • 5 Adding placeholder design content

    • 6 Setup Content Sections 100%

    • 7 Position Navbar

    • 8 Create floating navbar indicators

    • 10 Quick introduction to jQuery

    • 11 jQuery to select elements with hash

    • 12 Animate Scroll jQuery

    • 13 jQuery Scroll window and mapping of section info

    • 14 Calculate which section the window is currently in

    • 15 Change calls to active on scroll

    • 18 website tweaks

    • 19 Making it responsive

    • 20 Update section content

    • 21 Pseudo Elements setup sections

    • 22 Final adjustments on design

    • 23 Source Code Conclusion


About This Class

Introduction to designing and building a Single Page responsive website from scratch.  

Within the course students will be introduced to planning and designing websites.   Learn how to write HTML and CSS code to create a website.  Learn about text formatting, graphics, and making functional HTML structure.

Staring with a design concept, from an image carousel, create a modern website that has a floating indicator menu which can automatically animate the scroll process, scrolling the web visitor to the correct section on the page.

This course is perfect for those new to web design and also those who want to expand their portfolio by building unique different types of websites.  Everything you need to know from concept to completed site is provided within this course.  By the end of the course you too will be able to make a website just like the one within the course.

  • Understand where to start with web design 
  • HTML CSS jQuery
  • Wire-frames placeholder text
  • Learn how to recognise different web page containers, and how to build your HTML to be CSS ready
  • Learn about writing HTML code
  • Incorporate web design principles
  • Enhance your website using text formatting, colors, and styling
  • format your HTML elements with CSS
  • Plan design and build a single page responsive website
  • Create dynamic effects and animate your scroll
  • Add jQuery to supercharge your website and make it interactive
  • Learn how HTML CSS and jQuery work together

Everything you need to create a website is included within this course.  This course is focused around web design 

and will be mainly CSS based.  HTML is used to structure the pages using common HTML tagging.  jQuery is introduced for dynamic functionality.   Concepts within jQuery include event handlers, variables, objects and conditional statements.   Course will cover linking HTML and CSS to the jQuery methods discussed within the course.

included within this course

  • HD quality video
  • Source Code
  • Examples
  • Top resources

I'm here to help you learn about web design and ready to answer any questions you may have.

Upon successful completion of this course students will have a solid foundation in the core principles of web design and web development.  

2 of 2 students recommendSee All

AT LAST! A course about coding and web design where the instructor actually speaks perfect English! I can actually understand EVERYTHING he is saying!!! Huzzah!!!





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 experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.