If you get stuck along the way, there are several Dreamweaver resources
available online:
| Task |
Hint |
Sample |
1. Open a new blank page in Dreamweaver
|
In CBC C309, the application is listed under “Accessories>Macromedia”
option of the Start Menu. |
|
| 2. Save your page to your disk or home directory
Name it “index.html” |
|
|
| 3. Write 100-200 words of text in at least 3
paragraphs, using three different fonts. |
Draft a welcome note to your 413 classmates. Mention your major,
why you’re taking the course, and anything else you’d
like your classmates to know about you. |
|
| Use at least three different fonts, three different font sizes,
two different colors, and use at least some bold and italic text.
|
You can alter text the same way as with most word processors:
select text you already generated with your cursor and then modify
the text using the options in the Property Inspector at bottom.
Make a heading/title that’s larger than the body text.
Don’t use underlines to highlight text. |
|
| 4. Change the color of your page background.
|
Go to “Modify” menu at the top and select “Page
Properties” to change the background color.
Make sure there’s contrast between background color and
text. Avoid backgrounds that make your text hard-to-read |
|
| 5. Create an external link to UNLV’s website
and at least one other site you visit often. |
Links can be made two ways: 1) by clicking on the “chain”
tool in the “Common” toolbar at top, or 2) by highlighting
the text you want to link and adding the Web address in the “link”
field in the Property Inspector at bottom. |
|
| 6. Create an e-mail link to your e-mail address.
|
Click on the “letter” tool in the Common toolbar
at top.
It’s better to use the e-mail address as the text for the
link than something like “click here to e-mail” |
|
| 7. Add a bulleted or numbered list to your text
somewhere. |
|
|
| 8. Add at least one graphic |
You can get graphics by going to any Web page, moving your cursor
over an image and clicking the right mouse button. Then select the
“save picture as” option and save the picture someplace
you can find it. (NOTE: Most graphics are protected by copyright.) |
|
| 9. Add an absolute-width, or fixed, table Set
a fixed pixel width in the table’s property inspector. |
Click on the “insert table” icon in the Common
toolbar at top.
Set a fixed pixel width in the table’s Property
Inspector at bottom. |
|
| 10. Add a relative-width, or liquid, table Set
a percentage width in the table’s property inspector. You
may want to put some of your text and/or links in both tables. You
can also you a table to organize the layout of an image and text.
|
Set a percentage width in the table’s Property
Inspector. You may want to put some of your text and/or links in
both tables. You can also you a table to organize the layout of
an image and text. |
|
11. Go into the “Show Code” view
in Dreamweaver and alter some existing element of the page, like
font size, and add a new element, like a horizontal rule, using
HTML.
|
See the “HTML CheatSheet”
http://hotwired.lycos.com/
webmonkey/reference/
html_cheatsheet/index.html
for things you can add to the page by using code. |
|
| 12. Create a folder in your Home directory called
“public_html” and transfer your page to that folder
|
Any image files you added to your page must also be moved into
your “public_html” folder. This is because a Web page’s
images are separate from the HTML code of the page (the HTML code
for inserting images into a page is <IMG SRC=“image filename”>). |
|
13. Check to see if your page is actually
working on the Internet. |
Go to Internet Explorer and type in your page’s address.
It should be:
http://complabs.nevada.edu/
~username
(i.e., replace “username” with your SCR account username.
Don’t forget to include the tilde (“~”) character
before your username.)
If you need help go to
http://ccs.unlv.edu/scr/
support/ and click on this
path: SCR Account
>> Using Your SCR Account
>> Home Directory |
|
| 14. E-mail Dr. J your web page’s
address |
Dr. J’s e-mail address:
jablonsk@unlv.nevada.edu |
|
