How to Build a Website

http://www.thewebtuts.webs.com/
Dreamweaver CS5 Lesson Series

My overall aim will be to show how you can build a small website from the ground up using Dreamweaver CS5.

1. We will start of by creating site definitions for our site.
3. We will then create a 2 column web page.
4. Home work for building this site!
5. We will attach our jQuery menu to our page.
6.




Site Definitions

1. How to setup site definitions in Dreamweaver CS5!
2. How to create a root folder
3. From the root folder create folders and files such as an index.html page.
4. How to create a styles css file.
5. How to link the css file to the index page.
6. I will then demonstrate the relationship between div's and css styles




Building the 2 column Web page

1. Create our index page and css file.
2. Link the css file to the index page.
3. Create a div with a class.
4. Layout our web page using div's.
5. Style our div's using our css file.




Install the jQuery Horizontal Navigation Menu

1. We will copy the file into our root folder.
2. Link our scripts to our index page.
3. We will also link our script hooks.
4. Copy and paste our styles to our css file.

See Link below to jQuery tutorials: -

http://www.youtube.com/user/DreamWeaverTutorial#p/u/40/V9WPvTdBD30

http://www.youtube.com/user/DreamWeaverTutorial#p/u/39/2rNqI65m8ls

http://www.youtube.com/user/DreamWeaverTutorial

Category:

Education

Tags:

• CS5
• lesson
• series
• build
• web
• page
• website
• jquery
• navigation
• menu
• CSS
• css
• html
• How
• to
• Build
• Website