HTML & CSS for beginners: Build 3 projects from scratch
Learn to build websites from scratch in this project based course. Also covers responsive web design and Bootstrap.Watch Promo
Learn how to build websites from scratch using the essential ingredients, HTML and CSS.
By the end of this course you will have the confidence and ability to create beautiful, functional websites. This course is project based so you be jumping into building your first website in no time. Don't worry if you have little or no experience, I will take it easy and try to clearly explain what we are doing and learn as we build.
I believe this is the best way to learn, you will be able to apply what you are learning to a real project and instantly see the results.
What you will be building:
- Project 1-
Begin by creating static recipe website from scratch, learn the fundamentals of HTML & CSS by hand coding your first website.
- Project 2-
Building on the skills you have learned, we will now step it up by creating a fully responsive College website, again from scratch which looks great on any device. You will learn new techniques such as media queries and how to set different size images to different size devices to improve download times and image quality.
- Project 3-
You should now have a good understanding of how websites are build after building 2 websites from scratch. We will now move on to use the popular Bootstrap framework, this will allow us to build great looking, responsive websites faster and easier. You will be introduced to many of Bootstraps great features as we build the third and final project, a hotel website.
This final website will be packed with great features such as drop down navigation bars, glyphicons, a sliding carousel and a mobile first grid system.
This course is ideal if you want to save money and build a website for personal use, for your business, or maybe you want to launch a new career.
Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.
Whatever your reason for learning to build websites you have made an excellent career choice.
My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.
I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.
Thanks for taking an interest and I look forward to you joining me.
StartDownload images for project 2
StartSetting up our responsive project (13:25)
StartHTML Header- Adding the menu and responsive images (9:56)
StartAdding the final HTML (16:46)
StartMobile first styling- Header section (12:51)
StartMobile first styling- Header section continued (5:02)
StartFinal CSS for mobile view (10:47)
StartIntroduction to CSS3 Media Queries and styling the tablet view (10:12)
StartTablet styling continued (9:52)
StartFinal CSS for larger devices and desktops (7:18)