Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Tutorial on website development using Dreamweaver


  • Please log in to reply

#1
adai2020

adai2020

    Member

  • Member
  • PipPip
  • 66 posts
Hi all,

I am have some very basic experience with HTML and CSS and have created some simple personal websites and hosted them on free website hosting servers.

Currently i want to learn how to use Adobe Dreamweaver to develop a website from scratch to a decent final finished website.

It would be greatly appreciated if any of you can point me to a good website which provides a good tutorial on the use of Dreamweaver to build a website from basics to advanced levels. It would be good if the tutorial, at least the basics of using Dreamweaver to put up a simple working website, is tailored for a relatively newbie to web building.

All help is greatly appreciated.

Thanks,
Adai.
  • 0

Advertisements


#2
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 465 posts
There are hundreorials online like the following outdated one (unless you're using the old version):


Creating your first website – Part 1: Setting up your site and project files (Adobe CS3/4):
http://www.adobe.com...ebsite_pt1.html

Dreamweaver:

Dreamweaver Basics: http://www.merciwebd...averbasics.html
Free New Adobe CS5 Tutorials: 17+ Hours of Online Video Training: http://prodesigntool...5-products.html

How to download and edit a template with Dreamweaver CS3 (Video)

How to Create a Clickable Image Map With Dreamweaver: http://www.ehow.com/...able-image.html
Insert client-side image maps: http://help.adobe.co...8d65-7c13a.html
----------------------------
Dreamweaver (DW) requires you to set up a Projects folder for your web site files. It will help you keep track of the files you make and use. It will warn you when you are about to use a file outside the Projects folder and ask if you want to move/copy file to Projects folder.

Editing in Visual Mode is the worse thing anyone can do. Every Preview in that mode actually changes any editing that may have been made in Code Source View. All previewing should always be done in your browser. If it doesn't work in your browser, it's because the file paths are incorrect and/or your external CSS file has not been linked or not linked correctly on your web pages.

Depending on your options set, DW may have even used the full path for links to pages/images which will not work when you upload your files to your web site. This is because the full path used is a path on your own hard drive and will not work for online pages.

All files MUST maintain the same exact relationship online as you made them on your hard drive. That's why a Projects folder is recommended so that all folders/files will always maintain the correct relative path to each other as you'll use online.

Edited by AstraNut, 13 September 2011 - 06:58 PM.

  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP