• Tutorial: Creating folders for your Dreamweaver website

    Before building and managing your website for the 7802 course, you need to create the proper folders to store your web pages and related files (e.g. photos, video or Flash animations).
    Step one is to create a working folder on your local workstation or network…a place to store and “stage” your web content before you publish it. Step two involves creating a place out on the Web where the finished website will go for others to see it.

    You will only need to set up these folders (i.e. follow these directions) once at the beginning of the semester. After that, you will begin working on your website by following the steps outlined in Managing Sites in Dreamweaver

    STEP ONE: Preparing your local folder

    You can usually create this “local” folder anywhere you want, but for this class your local folder should be in your working folder on the Classes server.

    To connect to the Classes server:
    –Get to the Finder (you can choose it from the applications dock)
    –Under the GO menu choose “Connect to Server.”
    –Type in the following server address in the top line: smb://doit-bfs1.col.missouri.edu/journalism/Classes
    –Click “Connect.” You’ll get the following window:

    connecttoserver

    –Enter your Pawprint and password as indicated, then click “Connect.”

    A window will open that shows the contents of the server. Navigate your way through to the appropriate class folder, for example: Journalism >> Classes >> 4802-7802.

    Once you are in the the 4802-7802 folder, right-click in the file area, and from the pop-up menu, choose “New Folder.” In Fundamentals class, we want you to use your name as shown below.

    dws2.jpg

    Once your folder is created, double click to open it and create another folder specifically for holding your web content locally.

    Again, you could name this folder anything. But for the Fundamentals class, call it “webpages” to distinguish its contents from other material you’ll create for the course that won’t be published on the web.

    dws3webpagesfolder.jpg

    Next, you need a remote folder on your web server. This is where you’ll publish your files when they’re ready for the world to view them through a web browser.

    STEP TWO: Preparing your remote web folder

    MU’s web server is known as “bengal.” You can access bengal through the GO menu on the Mac. It’s the same as how you connected to the Classes server above, but the server address is different.

    To connect to Bengal: Go to the Finder, go under the GO menu to “Connect to Server” and type in the following server address in the window that pops up:
    smb://bengal.missouri.edu/pawprint (pawprint = whatever your pawprint is)

    Then you’ll get this window:

    connecttobengal2

    –On the Name line, you’ll need to put “tigers” before your Pawprint (as shown above).

    The Finder will open to your account on the bengal server.

    If you’ve used your bengal space before, there may be one or more files already in it.

    At least one folder should already exist as it it created automatically with your student account: the www folder. Any web page you want to host on your university account (and any related files) must be placed in this folder for public access.

    dws5bengalwww

    You might want to create more than one web project, so you’ll need to create sub-folders for each one to keep yourself organized. For the Fundamentals class, we want you to create a folder inside “www” named “7802”.

    So far, so good. You’ve created spaces to store your web files. Now it’s time to create, edit and organize your web pages in Dreamweaver.

    Again… you only have to do the steps above once. After you have done them right the first time, you will not need to do them again.

    NEXT STEPManaging Sites in Dreamweaver

    ----------Posted on August 9, 2012 by in 7802

Comments are closed.