Dreamweaver 8

Windows software guide Macintosh software guide

Dreamweaver 8

>> Download Dreamweaver 8

The link above is provided to assist you with finding the software. Information on the linked page is out of the control of Asahi Net. Please contact Adobe should you have problems with downloading their software or using their software.

>> I. Installing Dreamweaver
>> II. Setup
>> III. Creating an HTML page
>> IV. Uploading
>> V. Viewing your test homepage

About this page

This tutorial will explain the basics of how to configure Dreamweaver 8 to use it to upload to your default personal homepage space on Asahi Net's homepage server. The example on this page shows how to setup Dreamweaver 8 for the first time using Apple Mac OSX.


I. Installing Dreamweaver

Installing via the CD: Follow the instructions included with your purchase.
Installing via the download above: Click on the download link to visit Adobe's site. Once the download has completed and the software has been unpacked and installed onto your Mac, open Dreamweaver. You have the option to enter your serial number or purchase the software; this is between you and Adobe and any questions should be forwarded to Adobe.

Dreamweaver Download


II. Setup

1. Click on the DreamWeaver icon. If you do not see it in your dock, you should be able to find it in the Applications folder in the hard drive.

Dreamweaver Icon

2. The DreamWeaver Start Page will open. In the Create New section, click on the Dreamweaver Site.... option.

Dreamweaver Start Page

Alternatively, if you do not see the link there, you should be able to click on Site in the Menu bar and choose New Site to create a new site.

New Sites

3. Editing Files

What would you like to name your site?
Give your site a name. E.g. Asahi Net Default HP.
What is the HTTP address (URL) of your site?
Default address* http://www.asahi-net.or.jp/~Asahi Net ID/
Eg. http://www.asahi-net.or.jp/~ab3c-defg)
FreeAddress** http://www.ne.jp/asahi/name1/name2/
*  The Default address is based on your Asahi Net User ID.
** If you wish to use a FreeAddress, you will need to apply for one.

>> FreeAddress Service

Click the Next> button.

Editing Files Section I

4. Editing Files, Part 2
Do you want to work with a server technology such as ColdFusion etc?
Choose the No radio button as such server technology is not available with Asahi Net's homepage service.

Click the Next> button.

Editing Files Section II

5. Testing Files
How do you want to work with your files during development?

We recommend you choose the Edit local copies on my machine... radio button.

Where on your computer do you want to store your files?

The standard place to keep files is in Sites in the account section of your Mac. To make sure that you have the right location, click on the folder on the right hand side of the box and navigate to your account Account in your Mac's Hard drive. Then either open the Sites section and choose your site folder or click the New FolderNew Folder button and create the folder that will become your site folder. Finally, click the Choose button.

Now you should see the location spelled out in the box for you.

Click the Next> button.

Testing Files Section

6. Sharing Files
Click the drop down box and choose FTP.
The following option boxes will appear. Enter the following information.

What is the hostname...
netftp.asahi-net.or.jp
What folder...
Default address (*1) homepage
FreeAddress (*2) freeaddr/word1/word2/
What is your FTP login? Your Asahi Net User ID
What is your FTP password? Your Asahi Net Password.
(*1) Files uploaded to homepage will be visible at: http://www.asahi-net.or.jp/~Asahi Net ID/
(*2) Files uploaded to your FreeAdderss space will be visible at: http://www.ne.jp/asahi/word1/word2/

If you are connected to the Internet and you made your settings properly, by clicking the Test Connection button you should find that FTP login is successful.

Click the Next> button.

Sharing Files Section I

The window that appears after a successful test connection.

Test Connection Success

7. Sharing Files Part 2

We recommend you choose No, do not enable check in and check out because use of check in/check out is outside the scope of our support.

Click the Next> button.

Sharing Files Section II

8. Summary

A summary of Dreamweaver's settings will be listed. If you are finished with your settings click the Done button.

Summary

9. Click on the Done button in the Manage Sites window.

Summary II


III. Creating an HTML page

10. In Dreamweaver's Start Page under the Create New section click the HTML link to create a simple HTML page.

11. Type My Homepage in the space for Title. Type Test in the body.

Test HTML

12. From the File menu choose Save. Save the page as index.html to your Site folder.

Save HTML


IV. Uploading

13. If you are connected to the Internet you are now ready to upload your test HTML page.

From the Window menu choose Files.

Connect

14. Click the Show drop down box and choose your site.

Click on the Connect button. If you can't find it, run your cursor over the icons and look for the one stating Connects to remote host.

Choose Site

15. The Files window will split into two. To upload a file, drag and drop your HTML file (index.html) from the Local Files side to the Remote Site side, making sure it enters the correct folder (eg. homepage/).

Remote Site connection

16. A Dependent files window will appear. Use of this feature of Dreamweaver is at your choice.

Dependent Files Query

17. You should see that your HTML file has been uploaded and now appears in the Remote Site side.

Uploading


V. Viewing your test homepage

18. Open a Web browser and enter the address of your Asahi Net homepage, eg. http://www.asahi-net.or.jp/~ab3c-defg/)

You should see your test index.html page.

Updated Homepage

Congratulations. You are now ready to create, develop, and upload the rest of your homepage.