Mycynek's Easy "Create new Dreamweaver Site and then upload it" Tutorial

Creating you Web site will be challenging enough. Why let the first step (or the last) trip you up? I've set up this page to show you two things:

  1. How to create a new site from a template and save it to your drive (I used my desktop because this is my computer--you should use your thumb drive or external HD)
  2. How to get it online when you're done.

First things first, creating your site:

When you first go into Dreamweaver with the intention of creating your project Web site, the first thing you'll need to do is select "New Dreamweaver site" as seen below. If for some reason the Welcome Screen doesn't come up when you open Dreamweaver, Go to Dreamweaver > preferences (or Edit > preferences in Windows) and check off "show welcome screen" in the general category.

 

After you've selected "New Dreamweaver Site," you should get the following windows. Follow these steps to set up your site on your thumb drive/external hard drive. NOTE: See how I included spaces in my site name? Yeah, don't do that. If you do, it's an easy fix (which I'll show you toward the end) but in order to avoid any problems, just make your site folder all one word if that's what you'll be uploading to your own Web site.

 

Now that you've defined your Web site, you can start creating the HTML pages that you'll associate with that site. Let's say you're quite adept at making your own HTML pages. Your welcome screen should be back. So now it's time to CREATE NEW > HTML (page) as demonstrated below.

 

But what if you're not so adept? Well, did you know that Dreamweaver includes a slew of templates? If you haven't already selected CREATE NEW>HTML (page), go to CREATE FROM SAMPLES > STARTER PAGE (THEME) and follow along.

 

Once you've clicked to create a new starter page, you should get this box. (ALSO--don't worry if you created a new blank HTML page when you really wanted a starter page from a theme. Just go to File>new and you should see this same window.)/ Choose the theme you prefer and select the main page/new page option. Remember that you're working on your MAIN index page right now, so it won't make sense to select a calendar or contact page.

 

This is roughly what your page should look like right now. Remember that since we're creating your Web site locally (that is, on your computer/drive rather than on the Web) that you should specify this in the dialogue box that appears (as below).

 

Before you do anything else, be sure to SAVE YOUR DOCUMENT. It's your main page, so call it index.html. (Later pages should be named simply...use names like contact.html or about.html).

 

Hit Save. You'll be asked to copy dependent files to your folder. This is so that all of your necessary template materials will be in the same folder as your actual site.

 

 

OK, I've finished my site. Now What?

Finished already? Great. In order to get your site Online, do what we did for Soundslides. Open your FTP program and type in the information as per usual when you open a new connection.

 

Next, drag your SITE FOLDER that you created to your FTP window. See Rima's Test Site below?

But remember what I said about making sure there are no spaces in your file/folder names:

There we go. Rima's Test Site is now rimastestsite. And since I uploaded the site folder (rather than individual files), rimastestsite now lives on my Web site as a sub-directory. See below.