No knowledge of HTML is required for this tutorial, you only need any version of Adobe Dreamweaver. I have CS3 installed on my computer so that’s what I will use for this example. It’s very easy to create a simple website on Dreamweaver. You can accomplish this within a few minutes, depending on how big this website is. But we are talking about a simple site so it shouldn’t take long.
The general idea that you should focus on when building pure HTML sites is that tables should hold the structure together. The table should be made up of rows and columns depending on the layout you want. Both rows and columns can be divided into as many cells as you want, and they can also be merged.
As soon as you run Dreamweaver, you will be presented with a small window that looks like the image below. Select ‘Create New HTML’.
Let us create the following layout:
1.] Insert table. On the menu, click on ‘Insert -> Table’. This is what it should be set to:
Click o your new table and then under the properties tab, select ‘Align: Center’. This should centralize the table on your web browser.
2.] This sample layout has 5 rows. So click inside the table and then insert a new table, this time with 5 rows. The first row from top to bottom is your header, the second is the navigation menu, the third row is your main content, 4th row is the sub content, and the 5th and final row is your footer. This is what you should be looking at:
3.] Next it’s time to add columns. Dreamweaver is a bit tricky with this part so the best thing to do is to insert new tables where you need to create new columns. This makes the tables more stable when you’re adding content. You can separate the columns immediately as you insert a new table, or after.
If you choose to divide the cells after after creating new tables: divide these tables into separate cells. To add cells, right-click on the specific row and then click on ‘Table -> Split Cell…’.
Remember that you want to split the cells into separate columns. You should now be able to see your core structure:
4.] Add content and graphics to personalize your site. You can also change fonts, background colours, etc. from Dreamweaver itself so unleash your wild side if you want. 
I’ve kept it simple.
HTML sites created on WYSIWYG editors like this create messy codes. The downfall is the possibility of browser incompatibility. It’s also difficult to modify at a later time. The clear advantage however, is that it is really simple and it can be done in a very short period of time.
Related posts:
WYSIWYG! I'm a simple person trying to live the simplest life possible - it seems to be the most difficult thing to achieve! I'm an internet enthusiast and I've been a webmaster since early 2007. I like: blogging, developing sites using open source software, social media, computer games, '80s music, comedy & horror, animals, crunching on M&Ms peanut and Smarties!
