Creating a Dreamweaver site from nothing

  • Create a new folder in the Documents folder on the desktop (later it can be transferred to a Zip disk or a FireWire drive) -- Give the folder a name descriptive of the project, with no spaces or uppercase letters -- If you've already acquired pictures, .html pages, etc. that will go on the site, you can drag them into this new folder now
  • Go to the Dock and launch Dreamweaver
  • In Dreamweaver, go to the top menu bar and Site - New Site
  • In the Site Definition dialog box that popped up, click on the Advanced tab
  • In the Site Name field, type in a few words to identify your site (including your name is a good idea) -- Spaces and uppercase letters are OK in this field -- This is merely an identifier so you can quickly locate your site among those that have been created on the same computer by other students
  • At the right of the Local Root Folder field, click on the small folder icon and navigate to the new folder you just created on the hard drive -- Double, triple, quadruple check that you select the right folder -- When you find it, click Choose
  • Make sure the box by Refresh Local File List Automatically is checked
  • In the Category field at the left, click on Remote Info
  • Click on the arrows next to Access and select FTP
  • In the FTP Host field type in
  • Leave the Host Directory blank
  • In Login field, type in your Elon login name
  • Leave the Password field blank -- Entering it here is a security risk, possibly allowing anyone using your current computer to access your web space -- in No circumstances should the Save box be checked
  • Hit OK
  • If a dialog box pops up, indicating that the initial site cache needs to be created, check Don't Ask Again and click Create
  • Hit Done
  • The site window should now appear, with the files residing in your local root folder (if any) appearing at the right -- To create new .html files, click Site - Site Files View - New File -- Type in the name you want for the file, making sure it gets an .html extension, and hit Return -- Double-click on the new file to start working on it
The site
  • The site window should look similar to this when finished --
  • The right side (Local Files) represents all your site files on the computer on which you're currently working
  • The left side (Remote Site) represents your web space on the Elon server -- nothing will appear on the left side until the site has been connected to the server
Setting up the page
  • Go to the Window in the top menu bar and make sure "Insert" and "Properties" are checked
  • This will bring up the two most important windows for designing pages in Dreamweaver -- the Insert palette and the Properties palette

The Insert palette -- this allows numerous things to be inserted on the page -- most of what you will use is under the Common tab


The Properties palette -- lets you format text, adjust image attributes, and a number of other functions


You'll be using both of these palettes extensively

  • In the top menu bar, go to Modify-Page Properties -- here, you can set a number of parameters for the page
    • Title -- a short description of the page that will appear in the top bar of the browser (don't confuse this with the page's filename)
    • Colors for the page background, text and links
    • Page Margins -- most web pages have a small amount of space between the content and the edges of the browser window -- here is where you set that space
  • Before beginning -- make sure you are working on a reasonably sized canvas -- keep in mind that a significant number of users out there on the World Wide Web will be using much smaller monitors than yours -- near the bottom right corner of the main window, you need to set the resolution at 760x420 (800x600, Maximized)
  • Be sure to leave the window at this size as you're working (don't use the resize handle at the bottom right corner to change the window size) -- this may seem small on the computer monitor, but it will ensure that people using older computers will be able to view the pages
Back to Top
Putting your pages on the World Wide Web
  • Because this is a public server, you should publish only public materials -- If a private document is in your web account, it may be read by anyone searching in the Elon search engine
  • For a default homepage, name an HTML page index.htm, or index.html -- this will allow visitors to find your homepage without looking through all your materials on the root directory
Steps to follow
  • Here are the steps to put your pages onto the Elon web space -- You must have defined your site correctly in Dreamweaver in order for this to work
    • Make sure your Site Window is up (Window-Site)
    • Hit the Refresh button (the circular arrow) -- this ensures that you are seeing the most up-to-date files
    • Click on the Connect button (just to the right of the site pop-up menu)
      • If you cannot click on the Connect button, you've incorrectly entered the FTP information when defining the site -- Go to Site-Edit Sites
    • Enter your password (same as your Elon e-mail password) -- DO NOT check the SAVE PASSWORD button -- Hit OK
    • In your Site Window, look at the Local Files field on the right -- These are the files residing in the root folder on the hard drive -- Select the top folder and hit Up Arrow (for put files) -- If you are asked if you want to put the entire site, click OK
      • If you are asked to just upload a single file, select the individual file and hit the Up Arrow
    • If you are asked to include dependent files, hit Yes
    • You will see the uploaded pages appear in the left-hand portion of the Site Window, under Remote Site - these are the pages on your Elon Web server space, available for viewing by anyone on the World Wide Web -- You should now be able to open a browser, type in your site's URL, and view the pages
Back to Top
Back to Web Publishing Page
Back to Main Page