Beginner HTML & CSS: Build your own personal blog!
Learn HTML & CSS by building your own custom, responsive, personal blog!
Watch Promo
Welcome to Beginner HTML & CSS: Build your own personal blog!
This class will introduce you to the common HTML & CSS techniques to enable you to build a great looking personal blog website.
The class is ideal for beginner students looking to begin their journey into web design/development, or students looking to refresh their skills.
You will progress through this course while building a personal blog and landing page with a full page background image.
The project will introduce you to common HTML structure/elements such as images, semantic tags, headings and text elements.
Also, we will cover CSS layout, positioning and styling to make your site look great! On top of this we will introduce you to responsive design, while building in a mobile first approach.
After completing this class, not only will you have a great looking personal blog website, but you will have the confidence and ability to also build other types of websites too.
That is not all though, along with your new skills, we will also leave you will useful reference sheets and resources to take away to help you progress even further!
Your Instructor
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.
Chris
Course Curriculum
-
StartStarting a web project (2:45)
-
StartStructuring HTML pages (5:48)
-
StartCreating the header (4:30)
-
StartSemantic HTML and layout (3:26)
-
StartLinks, nesting and indentation (4:08)
-
StartDiv tags and text (4:19)
-
StartInternal CSS and Google fonts (7:13)
-
StartClasses and ID's (2:51)
-
StartIntroduction to Flexbox and responsive design (2:40)
-
StartHeader CSS, margin & padding (7:14)
-
StartWhere to find great stock images (3:40)
-
StartBackground images and Flexbox positioning (6:38)
-
StartFinal styling for small screens (4:49)
-
StartIntroduction to media queries (8:01)
-
StartExternal stylesheets (4:09)
-
StartAdding the blog page (2:07)
-
StartCreating blog posts (9:30)
-
StartSidebar social media icons (7:43)
-
StartIntroduction to tables and HTML entities (8:51)
-
StartBlog styling and psuedo classes (7:06)
-
StartBlog styling for larger devices (3:56)
-
StartBrowser support (2:10)
-
StartBrowser developer tools intro (3:09)
-
StartSpeed up your coding with Emmet (3:13)
-
StartBlock vs inline elements (2:30)