Bryn Mawr Home Admissions Academics Campuslife News & Events Visit Find  
 

Home
LLC Resources
LLC Services
Audio Online
Language Pages

Course Links
Tri-College Links
Help Documents

Contact Info
Reservations
Upcoming Events
Instructors

 

 

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