This video shows you what Bootstrap Grid System is and how to use the grid system to structure your page layout.
This video shows you how to create a basic container while using Bootstrap.
This video shows you how to get started with Bootstrap!
This video show you how to download and use a basic HTML+CSS Template (download the template here). In addition to use the template to create your website, don’t forget to change the title (within head) and the copyright info (in footer) to something that’s related to you!
In this video, we talk about what RGB color mode is, including what it means and how to use it when doing Web Design.
This video show you how to pick a color in Photoshop. The image shows you where to find the color code after picking a color.
This video shows the basic of CSS and an example of how to make CSS work with HTML.
When you use TextEdit on a Mac for coding, you want to change the setting from Rich Text (default) to Plain Text. The video blow shows you how to do it!
Here I took screenshots of the style.css file we use for Project 2. This file can be find in the article Two Basic CSS Templates. Note the css file I explain here is the horizontal navigation. The css file of the vertical navigation is slightly different. Another related article you should read is CSS Basics.
In this tutorial, we will put content on our home page. At the same time, we will learn how to use Dreamweaver. If you have not yet have the index.html and style.css in a p2 folder on your desktop, please make sure you follow through the previous tutorial: DW Tutorial 2. 1. Adding some real