DreamweaverCS4, Pozycjonowanie, English SEO and Internet Marketing
[ Pobierz całość w formacie PDF ]
ADOBE DREAMWEAVER CS4 TUTORIAL
Dreamweaver CS4 2
This tutorial focuses on the basic steps involved in creating an attractive, functional
website. In using this tutorial you will learn to design a site layout, insert images and
text, create links, and how to upload your site to the Internet. This tutorial offers
information for Mac and PC users.
1. Activating your web space………………………………………………………3
2. Getting Started……………………………………………………………………4
3. Creating a Homepage…………………………………………………………....7
4. Design and Layout………………………………………………………………..8
5. Inserting and Using Tables………………………………………………………10
6. Adding Design Elements…………………………………………………………16
7. Previewing in Browser……………………………………………………………19
8. Creating Hyperlinks………………………………………………………………21
9. Inserting Special Media…………………………………………………………..24
10. Uploading Files to the Web………………………………………………………27
11. Downloading Files from the Web………………………………………………..29
Dreamweaver CS4 3
Before you get started, it is important that you have a space to upload your Web site
When it is completed. BGSU offers 15 MB of free personal Web space for each
student, so you can use this space to upload your project.
To activate your personal Web space, follow these steps:
1. Log onto your MyBGSU Account.
2. Scroll to the bottom of the page to find the
My Computer Accounts
box (
Fig. 1
).
3. Click the
Add Server Account
button.
4. In
BGSU Server Account Registration
window, check the box next to Personal
(
Fig. 2
).
5. Click the
Submit
button. Now your Web space is activated.
NOTE:
An email will be sent when your account is activated
Fig. 1. My Computer
Accounts window
Fig. 2. BGSU Server Account Registration
Dreamweaver CS4 4
CREATING YOUR LOCAL ROOT FOLDER
First, you need to decide what you want to put on your website: images, buttons,
videos, PDF documents, PowerPoint presentations, etc. To create and maintain an
organized website, you need to establish a hierarchy of folders that contain all of the
components that make up your site. This folder is called your
Local root folder
. This
folder is important because this is where Dreamweaver looks for all your files.
To create a root folder, follow these steps:
1. Create a new folder on your desktop. On a Mac, click
File > New Folder
. On a
PC, right-click and choose
New Folder
.
2. Give the folder a brief, but descriptive name. Do not use capital letters, spaces,
or special characters when naming folders and files for your website. All of your
pages will be saved within this folder.
3. Open the folder, and create another new folder inside. Name this folder
images
.
Put all of your images, buttons, movie files, etc. inside the images folder.
NOTE:
Make sure that all your pages and images are saved in your
root folder
, or
they will not appear the next time your website is opened.
MANAGING YOUR SITES
Now you are ready to launch Dreamweaver CS4. On a Mac, click the Dreamweaver
CS3 icon from the Dock. On a PC, click Start > Programs > Macromedia
Dreamweaver CS4.
The most important step you need to take every time you launch Dreamweaver CS4
is to define your Local Info. The
local root folder
is the name for the folder where
you are storing all of your website’s contents.
To define a site, follow these steps:
1. Click Site > Manage Sites.
NOTE:
If you are using Dreamweaver CS4, go to
Site > New Site
.
1. Click
New > Site
.
2. Select the
Advanced
tab.
3. Enter a name for the site in the
Site Name
text field (
Fig. 3
). (This name will be
for your use only – it will not be published with your site.)
4. Click the small folder icon next to the
Local Root Folder
text field.
5. Navigate through the folders on the computer and/or disk and locate the folder
that you have designated for your website project (local root folder).
6. Select the designated folder and click the
Choose
button.
Dreamweaver CS4 5
Fig. 3
: Local Info tab.
Follow the same steps above to choose your
Default Images Folder
, which is
located in your Local Root Folder.
Next, every time you launch Dreamweaver, you have to define your
Remote Info
.
The
Remote Info
tab is used to tell Dreamweaver where to put your files when you
are ready to upload them to the web. If you are using the BGSU personal server
space, use the diagram below (
Fig. 3
) to fill out the information. (If you are using any
other server you will need to know the host name.)
To define the remote info, do the following:
1. Click on the
Remote Info
(
Fig. 4
) tab located on the left side of the toolbar.
2. Select
FTP
in the
Access
field.
3. Type in personal.bgsu.edu for
FTP host
.
4. Type in public_html for
Host directory
.
5. Type in your webmail username for
Login
.
[ Pobierz całość w formacie PDF ]