Our school does not support Internet Explorer. For a much better experience, please download the latest version of Google Chrome, Safari, Opera or Firefox
HTML5 & CSS3 ♦ Build responsive website from scratch

Teachers:

About:

  • 3 hours
  • 37 lessons
  • 9 quizzes

Certificate of Completion Offered

If you’ve never built a website before and you have at least a little bit of coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page.
SO
We will learn step by step how to organize structure of our porfolio website. I will explain every part of the code so if you will follow along with me, you will no longer need to ask me anything. BUT If you will have some problems feel free to contact me and ask m

Take this course for $18.00 30 Day Money Back Guarantee
Do you have a coupon?

What You'll Learn In This Course

At the end of this course, students will be able to write basic HTML and how to style web pages with CSS
You will create website layout you can imagine
You will use common techniques when creating basic responsive layout of webpage
Apply HTML and CSS for web design projects
For those beginners who are in the learning process this course will help them to accelerate this process of understanding

What You Need For This Course

At least little bit understanding of HTML, CSS syntax and how we write
But also I will explain every part of code I will write so don't worry If you don't have that much skill for now

Description

If you’ve never built a website before and you have at least a little bit of coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page.
SO
We will learn step by step how to organize structure of our porfolio website. I will explain every part of the code so if you will follow along with me, you will no longer need to ask me anything. BUT If you will have some problems feel free to contact me and ask me anything about the course curriculum. I'll be glad to answer to you.
I'm also providing source code so you can jump in quickly when you get stuck to check the syntax or start you new project.
By the end of the course you will be able to expand your portfolio with different website designs.
Learn the tools and resources used to create web code and so on.

Syllabus

All the lessons in this course
  • HTML 5, CSS 3 ♦ How to make a website
  • After this course student will be able to create modern portfolio website for any device they want.
  • Introduction to HTML and CSS 03:57
  • Fresh Refresh 6 questions
  • Coding our First HTML 05:10
  • Create the Content Containers 05:31
  • HTML First 4 questions
  • Creating a Navigation Elements 05:10
  • Structure of our Gallery 04:08
  • Our Gallery 04:57
  • Our footer 04:51
  • Diving to CSS and Normalizing 03:49
  • Little HTML and CSS review 5 questions
  • Little CSS Start 07:17
  • CSS Facts 5 questions
  • Styling, Wrapping and ID Selector 05:18
  • Centering the Wrapper 05:20
  • Centering the Header 03:10
  • What we've already learned - CSS 5 questions
  • Using Colors in our CSS 07:44
  • Using Classes in CSS 04:33
  • Organize Structure with Comments 06:43
  • Pick Fonts and Set Relative Units 05:17
  • Styling and Resizing 06:00
  • Customizing Colors and Fonts 5 questions
  • Styling the Portfolio 07:45
  • Styling the Image Caption 03:48
  • Style Navigation with Unordered Lists 05:43
  • Polish the Navigation and Footer 04:11
  • Styling Web Pages and Navigation 5 questions
  • Adding an About Page 06:01
  • Styling an About Page 03:17
  • Adding a Contact Page 09:48
  • Styling Contact Page and Adding Iconography 08:48
  • Adding Pages to a Website 5 questions
  • Responsive Web Design and Adding The Media Queries 07:07
  • Three Column Layout 09:07
  • Adjust the Profile Page and Header 14:20
  • Responsive Web Design 5 questions

Course Details

3 hours of video
Full 24/7 lifetime access
37 lessons
9 quizzes
Certificate of Completion
Take this course for $18.00 Do you have a coupon?

Teachers

Taught by: Lukas Kliment