Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]

Sup folks, it’s Mike here again, your design guru and this is the third part of our Basic Web Design Video Course.

This time we are going to completely markup the HTML using the tags that we have learned in the previous videos. After that we are going to style it using CSS.

Also, we are going to cover CSS reset, Clearfix Hack and new CSS3 properties to solve the most common issues encountered when you are starting to learn web design.

Buckle up and let’s get started!

Part 1: Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing
Part 2: Basic Web Design Video Course – Basic HTML Tags, Structure & CSS Properties
Part 3: Basic Web Design Video Course – Complete HTML Markup & CSS Styles

PSD Template Download – HTML/CSS File DownloadDemo

Final Product


Complete HTML Markup

Applying CSS Styles Part 1

Applying CSS Styles Part 2

Finally, we’ve completed the markup and styled our very first layout. Always remember to reset your CSS before styling the whole layout and apply CSS3 box-sizing to all the elements. Also, if you encounter some issues with things like the wrapper and posts just apply the Clearfix Hack.

So, that’s it for this part. I hope you learned something and found the videos helpful. If you have any suggestions regarding the videos and for the next part to be covered feel free to mention it below. Thank you!

Michael John Burns

Michael is a Web & Graphic designer based in Philippines. He started designing during his teenage years and most of his skills and knowledge are self taught. He's dating with Photoshop for about 4 years now and been flirting with HTML & CSS from 2011 to present. See his works at burnstudio. Other than that he loves Coffee and his Girl.

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now


  1. says

    Hey Mike! Nice article you got here. Thanks for providing these tips and information. The collection of video tutorials is very useful!

  2. says

    Thanks for this Mike,

    Some really useful tips here that I know will help me a lot. I am just starting to catch up with HTML5 & CSS3, so I really appreciate this tutorial.

  3. says

    Very interesting. Even the simplest topics about web designs intrigue me a lot which led me to believe that this is what I want to do for the next couple of years. I got to learn a lot first because it is very complex.

  4. says

    Nice Collection.As a web designer I am always looking for new tips, techniques, and styles to expand my range and stay up to date with the trends. The list you have provided will certainly prove useful.

  5. says

    great collection of help!! I find also information and I am really a newbee. Go on like that and you have many readers like me.