1 / 14

Learning Dreamweaver

Learn how to create a web account, find Dreamweaver on Avalon, set up the software, understand web site logic, create local and remote folders, save index files, and connect to a remote site for your website.

deborak
Download Presentation

Learning Dreamweaver

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Learning Dreamweaver Setting up a basic site

  2. Do you have a web account in place? • Check it: • Enter http://www.bethel.edu/~yourusername • If your page has not been created yet, you will receive an error message

  3. Creating a web account • Go to Bethelnet, then, from "Quick student links" go to "My computer account" • Select "Create my Personal Website" • Login, scroll down and agree to the policy • Your web account is created. The web address is: http://www.bethel.edu/~yourusername

  4. Finding Dreamweaver4 on Avalon • Go to the START button • Go to RUN • Enter the following:\\Avalon.bethel.its\Dreamweaver4 • Click return • Open the "license" document, highlight the number, and copy it (control-c)

  5. Making a shortcut to the Dreamweaver folder • Right-click on the Dreamweaver folder • Choose "create shortcut" • Create a shortcut to the folder on your desktop.

  6. Setting up Dreamweaver • Click on the Dreamweaver folder • Click on the Dreamweaver icon • Copy the license number in (control-v) when requested • Click Return • You are now in business, Dreamweaver will open.

  7. The logic of web site creation • A website is in fact a folder that sits on a web server. That folder is your remote folder; it holds your remote site. • But before you put something on the web, you create it and save it on your own machine, or -in this case- in your own network folder. That folder is your local folder, it holds your local site.

  8. Creating your local folder • Go to your bsp-nas folder (click on the "my computer" icon, and then on the bsp-nas server. • In that folder, create a new folder for your local site. Name the folder. • All that you create for your website will go in there.

  9. Think ahead and organize • You may want (eventually) to create more than just material for this course. • So, open the folder you just created and create a new folder within it. Name that folder (for example, name it EdTech)

  10. Creating and saving index files • The main file in each folder should be named "index". • We will now put a blank index file in both folders. • Go to Dreamweaver and save the blank page that opened in your main local site folder. Name the page "index" • Then do a "save as" and save that same blank page in the subfolder you have created for the course.

  11. Create your site: local info • Go to Dreamweaver: new site • Name your site (ex: Emily's site) • Click on the little folder, browse to find your main site folder on bsp-nas • Now, choose Remote Info.

  12. Creating your site: remote info • In the pull down menu, choose FTP • In FTP host enter ftp.bethel.edu • In host directory, enter public_html • Enter your login and password. • Click OK

  13. Connecting to the remote site • Now your site is open (to open your site after that, click on "open site" in dreamweaver. • To connect your site to the remote site, click on the "light switch" just to the right of the pulldown menu. Turn the "light switch" off when you are not uploading or downloading.

  14. Working on pages • In your open site, click on your main index page to open it up. • Give your page a title (little window on top) • Open page properties under the Modifymenu. Give your page a background color.

More Related