| Quickstart
guide to Dreamweaver
Creating a new webpage
1. Open the Dreamweaver application from either the Start menu on PCs
or from the Apple menu on Macs. If a window pops up asking you to define
a 'site', click the 'Cancel' button.
2. Dreamweaver , like Microsoft Word, always begins with a blank document,
a new html file. Also similar to Microsoft Word are the new, open, close,
and save options found in the 'File' menu in the upper left of the screen.
3. Even though you have yet to put anything in your webpage, go to the
'File' menu and save your page by selecting 'Save'.
Setting
the Page Properties
1. Go to the 'Modify' menu at the top of the screen and select 'Page
Properties'.
2. Enter a title for your document, changing 'Untitled Document' to
any title you like (preferably something descriptive).
Note: this is not the same as a filename. The title of the document
simply appears at the top of the browser and is useful for search engines
such as Google or Yahoo.
3. Click on the small white box next to the word 'Background' and from
the color palette that appears, select a color for the background of
your page. You may also set the default colors of the text and links
if you wish. These setting can be changed at any time however.
4. If you are creating a page with Cyrillic text, click the drop down
box labeled 'Document Encoding' and select 'Cyrillic (ISO-8859-5)'.
5. You may now click 'OK' to close the Page Properties box.
6. Take this chance to save your file.
The
Objects menu
1. If the Objects window (pictured at left) is not visible on your
screen, go to the 'Window' menu and select it.
2. The Objects window allows you to add common elements to your webpage.
It serves the same purpose as the 'Insert' menu at the top of the screen
but is often easier to use. Most of the objects found in the Objects
window are very rarely used but a few of them are very important.
3. Click on the picture icon to add a picture to your page.
4. Use the window that pops up to select an image file. Images for webpages
are almost always of the type JPEG or Gif. (with the .jpg or .gif file
extensions).
5. The image should appear in your page wherever the blinking cursor
is.
The Properties window
1.
If the Properties window (pictured at right) is not visible on your
screen, go to the 'Window' menu and select it.
2. The Properties window shows all the available properties for any
object selected in your webpage. To see the properties associated with
any object in your page, click once on the object and the properties
window should cvhange to display the properties of that object.
3. Click
once on the picture you put in your page to view the properties for
images. The three most imortant properties for images are Align, Border,
and the left, center, and right justify buttons. Entering a number in
the Border field creates a border around the image that many pixels
wide. The justify buttons align the image to the left, right or center
of the page. The Align drop down box determines how the image is placed
in relation to the text of the page. Selecting 'Left' will cause the
text of the page to wrap around the image, aligning the image on the
left. The Default setting simply puts the image in the line of text
and usually looks pretty bad.
Adding Text and Links
1. You may type text into your webpage just as you would in a word processor.
Keep in mind however that there are some things such as indentation
that may seem simple but are often very difficult to do in webpages.
| PC: Select the Russian keyboard from the Language
selector in the tool bar at the bottom right hand corner of the
screen. |
Mac: Select the Russian keyboard from the Language
selector in upper right hand corner of the screen. Look for a picture
of a flag. |
 |
 |
2. If you are entering Cyrillic text into your webpage, you must first
change the language setting of the computer's keyboard to input Cyrillic
letters. Check the illustration to the right according to the type of
computer you are using.
3. As long as the keyboard is set correctly, you should be able to enter
text in Cyrillic. You may change the keyboard back to English to type
in English.
4. After you have entered some text into your webpage, highlight some
of the text by holding the (left) mouse button down and dragging. After
doing this, the Properties window will display the properties available
for text.
5. You may set your text to be bold by clicking the B button
or to Italics by clicking the I button. Again you may center
the text or align it to the left or right by clicking a justify button.
You may also set the size of the text with the drop down list - font
sizes are graded from 1 to 7 with 1 being the smallest and 3 being the
default). There is also a color palette for selecting the color of the
text selected.
6. In the Properties window there is a field labeled 'Link'. This is
how you create hypertext links in Dreamweaver. In this box, type the
full web address of a website (for example http://www.brynmawr.edu).
Don't forget the http:// at the beginning of the address. It is often
easier and safer to copy and paste a web address from Internet Explorer
or Netscape Navigator.
7. After entering an address in the Link box, hit the Return key or
click somewhere in the window to create the link.
8. Next to the link box, there is a folder icon: .
Click this to create a link to a local file. A link may either be a
FULL web address or simply the name of a file in the same location as
the webpage you are creating.
9.You may notice that even though it looks like a link, if you click
it, nothing happens. This is because webpages are made to work only
in web browswers such as Explorer or Navigator.
Preview your page
1. Save your work !! Try to save often. It can save you hours of work.
2. In order to see how a webpage will really look and behave on the
web, you must view the page in a web browser. To do this, go to the
'File' menu and then to 'Preview in Browser' and select a browser from
the list. You may also click the F12 key if you are in a hurry.
3. Your page will likely not look exactly as it did in Dreamweaver.
Your page will also look slightly different in different browsers, computers
and monitors. This is part of the nature of webpages and you shouldn't
worry too much about it. Most important is that your page is legible
and easy to use.
4. When you are finished viewing your page, exit the browser.
This covers the most basic steps involved in creating a webpage.
Please consult the Quickstart Guide to FTP for instructions for posting
your webpage to the Internet.
Home
LLC Resources
LLC Services
Audio Online
Course Links
Language Learning Links
Tri-College Links
Help Documents
Contact Info
Reservations
Upcoming Events |