Web Design HTML CSS Create Single Page Website from Scratch

Step by Step guide to building a single page website from scratch Learn how to use HTML CSS JavaScript jQuery together

4.55 (168 reviews)

Udemy

platform

English

language

Web Design

What you will learn

build a single page website from scratch

use HTML and CSS together

apply jQuery to create animation effects for scrolling

Create amazing looking websites

build a portfolio to include one page websites

Why take this course?

One page scrolling websites are extremely popular and a great way to way to present information for anyone.

Benefits of one page websites

Great for mobile
Encourage users to see more content
very visually appealing
no page refreshes
easy to setup
engages visitors in a unique way
provide information in a unique and easy to consume way

Learn how to build a website from scratch...

Everything you need is included
Source Files ready
Top resources
Best links
Top tips for better web design
Step by step process explained
Tools and resources needed for web design

Start by creating a wire frame of the website, and draw up how you want the finished website to look. Build the structure of the page using HTML. Full explanations of code as it is built. Create the HTML menu, content area and basics of web design. Using HTML5 semantic tags, to create your webpage.

Styling explained. Make your website come to life adding styling to HTML structure. Attach external libraries to add more to your CSS. Learn how to turn your HTML header into a sticky header. Add styling to transform your unordered list into a custom navigation bar. Learn about adding backgrounds, setting opacity to sections and more.

Make your website responsive so that it will work on any device across multiple screen sizes. Resize and scroll the page to sections within your web design.

Add interaction and dynamic effects to your website using jQuery. Learn about adding event listeners, move the screen position and more.

Start exploring what you can do with your website design

By the end of the course you will have the skills and know how to create your own website from scratch.

I am here to help you learn how to create your own web projects 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 dynamic and interactive web projects today.

Screenshots

Web Design HTML CSS Create Single Page Website from Scratch - Screenshot_01

Web Design HTML CSS Create Single Page Website from Scratch - Screenshot_02

Web Design HTML CSS Create Single Page Website from Scratch - Screenshot_03

Web Design HTML CSS Create Single Page Website from Scratch - Screenshot_04

Reviews

Rhewel

February 16, 2021

Yes it was very comfortable of following the tutorial and easy to get some important methods how to build a single web page.

Samuel

September 24, 2019

This is looking more like an "off the cough, try and see if it works option" and not as organized as I thought ! Have you explored building a nice and easy site and using that as a template to teach others ? Also, I got list in section 9, because the links you're referring to doesn't just appear when you open up the site !

Marek

August 30, 2019

Great course, easy, smooth content. Everything what you need to build responsive website. Highly recommended !!!

Mohamud

August 3, 2018

The course is short and to the point. It provides a nice approach to get started about developing a website from scratch.

Yehia

March 13, 2018

I felt like he did not know how to explain JQuery well, he was all over the place and also had lots of mistakes at the end of the lecture.

Camila

November 4, 2017

I think they should go more deeper into what the descriptions of the attributes for CSS mean and how to select them. or a list or a website with resources specifying.

Miguel

September 5, 2017

Buen curso, pero ya debes de saber html y css básico para entenderle; la última parte es javascript pero no se explica bien. Pero muestra varios tips muy utiles.

Matt

June 14, 2017

This is a really good introduction to a single page app, and also a handy way to get your head into html and CSS. The lectures are around 2 hours in duration, but I just spent about 5 hours in total. I have a project for work and need a SPA with particular styling. The 5 hours included watching the lectures, creating the page AND styling the page to use the images and styling I need for work. A pretty good investment of my time. Thank you!

George

March 30, 2017

very interesting course specially for whom want to build their own simple single page website very clear very easy , also for beginner who want to start with HTML, CSS, and jquery . thanks a lot.

Plamen

January 19, 2017

It's quite good explained.For now, I'm really excited about this thing right now and definatelly satisfied from the quality presented.

Luis

October 29, 2016

that is a lot of introducction and nothing for action but i think that is gonna be really really good

MLR

August 12, 2016

Very useful course. I occasionally have friends & family ask me to build a quick & simple responsive website for their project. This course provides a template of contemporary ideas & procedures. Awesome jQuery ideas.

Charts

Price

Rating

Enrollment distribution

Web Design HTML CSS Create Single Page Website from Scratch - Distribution chart