Build a Web Page with HTML, CSS, and JavaScript from Scratch
- Description
- Curriculum
- FAQ
- Reviews
In this course we will build a single page website using the standard web development languages HTML, CSS, and Javascript. This course will allow you to learn how HTML, CSS, and Javascript work together to create the frontend of a website. Through building a project in this course, you will gain experience in using web languages to help you meet your goals in learning to code for the web. This course cuts through all of the long lectures and just jumps right in to building a web page. If you’re the type of learner who learns best through experience and through doing, then this course will be a perfect introduction to HTML, CSS, and Javascript.
-
1
IntroductionWelcome to this course on how to create a web page using HTML, CSS, and Javascript.
-
2
Downloading and Installing the Necessary Tools
In this lesson we will discuss how to download the tools you will need to be successful. We will download the Google Chrome web browser and Visual Studio Code code editor.
-
3
Setting Up the Project
In this lesson we will set up the project files for our project. The full download of the finished website is available as a resource on this lesson.
-
4
Building the Main HTML Structure
I this lesson we will discuss how to build the basic structure of an HTML document.
-
5
Building the Header
In this lesson we will discuss how to build the header HTML for the page.
-
6
Header Correction -
7
Creating a Hero Image
In this lesson we will discuss how to create the hero image for the page.
-
8
Build the Our Story Section
In this lesson we will discuss how to create the our story section for the page.
-
9
Building the Gallery
In this lesson we will build the HTML for the gallery section of the page.
-
10
Building the Upcoming Events Section
In this lesson we will build the HTML for the events section of the page.
-
11
Building the Contact Section
In this lesson we will build the HTML for the contact section of the page.
-
12
Build the Footer
In this lesson we will build the HTML for the footer of the page.
-
13
Comments & HTML Wrap Up
In this lesson we will wrap up what we have learned in the HTML section.
-
14
Find a Solid CSS Reset Style Sheet
In this lesson we will create a CSS reset stylesheet to set some of the default browser styles to more predictable settings.
-
15
Setting Some Base Styles
In this lesson we will create some base styles for our page.
-
16
Styling the Header
In this lesson we will style the header for our page.
-
17
Styling the Hero Image Section
In this lesson we will style the hero image for our page.
-
18
Styling the Back to Top Button
In this lesson we will style the "Top" button for our page.
-
19
Styling the Our Story Section
-
20
Styling the Gallery
In this lesson we will style the "Gallery" section for our page.
-
21
Styling the Upcoming Events
In this lesson we will style the "Events" section for our page.
-
22
Styling the Contact Form
In this lesson we will style the contact form for our page.
-
23
Styling the Footer
In this lesson we will style the footer for our page.
