Dreamweaver Tutorial - HTML and CSS Website - Layout

This is part two of my series of tutorials.

So we are just working on our layout and trying to make our website attractive. I am doing a two column design with videos, photos, a forum, contact page etc. If you want more then leave a comment.

There will be a lot of parts to this website creation so there will always be something new to learn. Of course I will be using Photoshop CS4 to make the images I need but any program will do, eg. GIMP (free).


- Watch Part 1 here: http://www.youtube.com/watch?v=oyZoCwzXyP4

- What are Div Tags: http://www.youtube.com/watch?v=b9mfnkiB5cM

- Make sure to Subscribe: http://bit.ly/Subscribe_ZeTutorials

- My Website: http://ZeTutorials.tk


---
How to make a website layout
Dreamweaver CS3 CS4 CS5 tutorial
CSS and HTML coding
Dreamweaver and Photoshop website
div tags explained
how to style a website
create a website in css and html free
how to write div tags
two column website
styling a webpage
---


Extra Info:
I am using Adobe Dreamweaver CS4 to complete this website but you can use any other word editor ie. Notepad. However I do recommend NotePad++ because it is designed for coding. If you are lazy and want a website up and running quickly then I do offer a cheap service. I am probably the cheapest around that can offer professional websites. You can check that out at http://zetutorials.tk.

My goal is to bring people along with me and make sure that everyone can learn, If you get lost at any stage, or just have a question, just leave a comment.
I answer all comments :-)


Thumbs Up :)
or
Thumbs Down :(

Category:

Education

Tags:

• Dreamweaver
• Tutorial
• HTML
• CSS
• website
• Layout
• and
• photoshop
• notepad
• cs3
• cs4
• cs5
• coding
• what
• are
• div
• tags
• styling
• ++
• webpage

[tenzho]

Woah, 0 dislike!!

Godlike video!

You are awesome, I understand this and made a great website for myself with this guide.

One Question, is using tables bad? I watched another youtube video, instead of using CSS code, he uses table to arrange his stuff.

[ZeTutorials]

@tenzho Div's are much more powerful and easier to control. It's just a better habit to get into.

[daftmarzo]

What the fuck! My float:right; isn't working! It isn't groovy!

[ZeTutorials]

@daftmarzo Its a problem with your css. make sure another div tag isnt conflicting it.

[TutorialMasterDuh]

"groovey" got my thumbs up! I love your vids! ;DD

[ZeTutorials]

@TutorialMasterDuh haha ya :-)

[neodorky]

Thumbed up for saying groovy, I lolled while setting up my contents

[RedofYellow]

@tenzho Another point you may want t consider is that tables were used to make websites when the internet first came about, its a very old method and has limitations. I would not bother learning how to use tables for layout.

[GenXUnderground]

Right now i'm in my first year in ICT (IT) and i don't know shit about DW (i was a lazy cunt in classes) but now i am actully able to turn in my assignment in time and well done.

Thank you sooooo much!

[shmexy030]

is it on the start of the css this #

[tenzho]

@ZeTutorials Ok! Thanks a lot!