Adobe dreamweaver cs3 Basics This page intentionally left blank Contents 1 adobe 1

Yüklə 91 Kb.
ölçüsü91 Kb.


Dreamweaver CS3 Basics

This page intentionally left blank




Dreamweaver CS3 Basics 1

This page intentionally left blank 2

Contents 3

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

Accessibility 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

Styles 18

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?

Dreamweaver CS3 is a powerful Hypertext Markup Language (HTML) editor used by professionals, as well as beginners. The program makes it easy for designers to create visually attractive, interactive Web pages without having to know HTML or JavaScript. However, Dreamweaver CS3 enables the experienced professional to write and edit HTML using the code editor. Dreamweaver also gives the opportunity to create web pages and learn HTML coding as you go along, by giving you the option of a split screen with code and design.
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 .

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 But if your home page is named mysite.htm, you would have to type 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 – Hypertext Markup Language

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 <a href="/land-registry-county.html">This is the title </a>. 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

</b>Document title <b>

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

Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur © 2016
rəhbərliyinə müraciət

    Ana səhifə