Dreamweaver CS3 Basics
Dreamweaver CS3 Basics 1
This page intentionally left blank 2
This page intentionally left blank 4
What is Dreamweaver? 5
Before you start with Dreamweaver. 5
HTML – Hypertext Markup Language 6
File Size, Download Time and Screen Resolution 7
The Dreamweaver CS3 Designer Workspace 9
The Insert Bar 10
The Status Bar 10
The Document Toolbar 11
Starting the Web Site 12
Creating the Home Page 13
Adding Content to a Page 16
Creating additional pages 19
Adding a Navigation Bar 19
Test the Site 21
Post the website to a server 21
Helpful Keyboard Shortcuts 21
This page intentionally left blank
What is Dreamweaver?
If your department doesn’t already own a copy of Dreamweaver, you may talk to your IT Department about downloading a free 30 day trial from the Adobe website at http://www.adobe.com/products/dreamweaver/ .
Before you start with Dreamweaver.
There are a few things that need to happen before you start your web page in Dreamweaver.
The very first thing you need to know is your audience. Who is your target audience? What will they be looking for in your website? Will they be looking for entertainment, information, or education? What type of equipment do they use?
When you have that information, you need to plan out your website. What information will go on the home page? How many pages will your site have? How will you navigate around the pages? One of the best features about a web site is that they are not linear, but hypermedia. Websites are like a CD compared to an audio tape. They can be accessed in different sequences depending on what each person is looking for in your website. What images or other objects will you want included in the site? A good way to lay all this out is to use sticky notes and lay them out to see how your site will flow, and what your layout will be. You may then want to create a flow chart that will show how your pages will be linked.
Next, gather all your content, such as any documents, images, movies, scripts, etc that will
Once you have this information, you can begin to create your site by setting up the folders you will need for the site. Start with the root folder (the site folder) and everything else will need to go in this one folder. Even a small site must have a root folder and should also have an images folder and maybe even a content folder. Larger sites may have those folders and then go on to add other subfolders for each section of the web site. Each website must have its own root folder.
Because some browsers read text case sensitive it is a good idea to have all your file names in lower case letters. To make them more readable it is acceptable to use the underscore _ to separate words in your names. It is best for your home page to be named index.htm. Each website has a unique address or URL (Uniform Resource Locator). A browser will recognize index.htm as the home or opening page of your website. It is possible to locate a home page with alternate names, but the URL would have to be typed out including the home page name, including the file extension. In other words, to locate the home page named index.htm you would type in an address of http://www.website.com. But if your home page is named mysite.htm, you would have to type http://www.website.com/mysite.htm. This is not imperative, but using the index file will make it more easily accessible to others. Also Dreamweaver automatically recognizes index.htm and you do not have to go through an extra step to designate the page as your home page.
HTML is a set of codes that describe the appearance of web documents and all the objects on the page. Objects could be anything from text to images to movies. The HTML codes are called tags. The tags are enclosed with the < and > symbols so the programs reading them recognize that they are tags. Most items have an opening tag < > and a closing tag < />. For example This is the title . The tags signify the beginning of an item and the end of that item. Each item is called an element. Each element can have attributes and the attributes can have values. Values follow an equal sign and are in quotes. HTML tags are not case sensitive, so it doesn’t make any difference if you use upper or lower case letters, however lower case is the norm.
or, think of it this way:
All HTML documents are required to have certain elements.
This designates the beginning of the document.
This section contains the document title, keywords, meta tags, scripts
This is the end of the Head section
This designates the beginning of the Body section
All the content of the page would be in the body section