Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Create your own Single Page Scrolling Website from Scratch. Single page websites are extremely popular, in this course we show you how to build one from Scratch. All the source files and resource links are included, so you too can build your own website by the end of this course.
With over 14 years experience in web development I'll introduce you to website design, explained step by step.
Starting with a setup of a basic HTML5 web template. Next we add in some content and create a shell to build the one page website on.
Next we bring the content to life using CSS3. Styling turns the HTML code into a styled webpage.
All the source files and resources are included so you can get started quickly. Build an amazing website in less than an hour.
Bonus content - update the code to create a fully functional website. Expand your portfolio and practice website design. We turn the previous menu into a fully functional sticky header menu. Add images and colors to create the sample website, ready for the real world. Make it responsive and have it re-size and expand to fit any screen.
Lots of bonus content, an instructor who helps and responds to questions quickly.
Learn to Create your own website in easy to follow steps. Let's get started creating amazing websites.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: How to Build a one page scrolling website from scratch|
HTML5 CSS3 Course introductionPreview
HTML5 Single Page Website ResourcesPreview
HTML5 webpage setup codePreview
HTML5 add HTML coding
HTML add dummy text and images
HTML5 website anchor links
HTML5 setup CSS
HTML5 sticky navigation menu
HTML5 add navigation menu
JQUERY selector click menu setup
JQUERY add remove classes
How to Use Jquery to Scroll your webpage
Jquery Scrolling options
Jquery scroll position conditions and calculations
Completed Navigation One page website scroll automation
Source Code for One Page Website Basic Template
|Section 2: One Page Website Bonus Code Customization and Tweaks|
CSS Create Sticky Top Nav Menu
Position add spacing for navigation menu
Navigation Styling Nav Bar
Style nav menu CSS
Add images and Colors to sections
HTML5 website creation
CSS3 styling of content
Create a contact Form for the website
Make it Responsive
Completed Project 1 page responsive website template
Source code HTML5 index file
Source code CSS3 style file
|Section 3: Updates for website code|
Source Code updated using window scroll
I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.
"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."
"Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge."
Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.
"My courses are designed to help you achieve your goals, learn and update skills"
"Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"