GDWL
worklinks
Graphic Design
Daily Log & Worklinks
Working With Macromedia Dreamweaver

 


Using Macromedia Dreamweaver, each of you will create a webpage to post (link up) your work correctly so that it may be graded and communicate through a log what you are working on and accomplish on a daily basis.

The purpose for this assignment is threefold, (1) it is an effective way to stay on top of assignments, (2) it allows me to view your work easily, and (3) - we will both know exactly where you stand with attendance, daily accomplishments and completed work.

OBJECTIVE
THE STUDENT WILL BE A BLE TO:


*Create a HTML table using Dreamweaver.
*Create HTML hyperlinks using Dreamweaver.

This assignment will be worth 50 points - misspelling = automatic D
**NOTE**You will be expected to update your daily log - DAILY


TO DO: CREATE YOUR DAILY LOG & WORKLINKS - A WEB PAGE OF YOUR ASSIGNMENTS -

REQUIREMENTS

Your Daily Log and WorkLinks page must .........

  • have all the components in the example.
  • use tables.
  • have tables inside one table and is centered on the page.
  • Have a page title in the Page Properties.
  • show evidence of your computer abilities - make yours great returnees!
  • Use correct spelling and capitalization
  • Saved correctly in your student directory (u:drive) in your Graphic Design Tri 1 Folder as gdworklinks (spell it and space it exactly like this - no caps, no spaces)

HOW TO CREATE YOUR WORKLINKS PAGE - Example

  • Open up Macromedia Dreamweaver MX 2004
    • This can be accessed by clicking Start>All Programs>Macromedia>Dreamweaver MX 2004
    • If it asks - click Designer Setup
    • File>New>Click on the word Basic Page>Create
        • In the top Command Bar - Click Insert table
          • in the box that shows up - 1 row - 1 column - 800 pixels - border thickness 1 pixel -
          • Click OK
        • Click your mouse so the cursor is inside the table
        • Type in the following
          • First.Last Name's Tri 1 Daily Log & Worklinks
          • Make the font size big enough to read
          • Capitalize correctly
          • See if you can figure out how to change the font style and size
          • Hint - Properties inspector on the bottom of the page
      • After keying in your First.Last Name info, hit enter, then
        • Insert another table
          • 2 rows - 2 columns - 500 pixels - border thickness - 1 pixel
          • Merge the 2 cells on the left side of the table so they become one cell -
            • this can be done by highlighting the 2 cells - right click>table>merge cells (this is where your picture will go)
            • click in the cell you just merge
            • In the top command bar click insert>image image>P:\handouts\Graphic Design\2008 1st Trimester>
            • find your picture and insert it
      • Next, click in the top cell on the right side of the table to insert your email address
        • insert>email link>key in your name in the top box that says text
          • then, key in your email address
          • For example, John Doe with a student ID of 0101010 will have and email address of "doe0101010@student.district6.org
        • Click into the 2nd box>type in
          • Home phone - your parent or guardian's name - your cell number (no cell number then just leave blank)
      • Click your cursor so it is outside of the table you just made > hit enter
      • Insert another table inside your original table
        • 40 rows - 4 columns - 700 Pixels - border thickness - 1 pixel
          • In this table, key in the information in the top line
            • Today's Date - What I did today - Rogan's Assignment - My Work
            • The top row should look similar to the table below
            Today's Date What I did today Rogan's Assignment My Work
      • Now, add a title to the top of the page
        • In the top command bar >click Modify>Page Properties>Title/Encoding
          • type in First.Last Name's Worklinks>click OK
        • Spell Check your Webpage
        • In the top command bar click Text> check spelling
      • Save this in your student directory (u:drive) in your Graphic Design Tri 1 Folder as gdworklinks (spell it and space it exactly like this - no caps, no spaces)
        • do not save this on the c: or in my documents - save in your U directory
        • only put this into your Graphic Design folder
        • do not change the name that I have listed for the file
      • (please raise your hand if you have questions about saving)

       

    ADD THE DATE - ENTER YOUR INFO FOR WHAT YOU DID TODAY/LOG

  • Date - Key in today's date
  • What I did today - Tell me what you did today (and every day we meet at a class) - This should include your attendance issues - what we worked on, etc. - For example, today you could write that you heard about class rules, set up your files and built your webpage
  • Rogan's Assignment - ADD THE LINK TO THE ASSIGNMENT In order to help you with recording assignments and insuring that you completed all work necessary for the class, you will need to link the assignment name as instructions for each assignment.
    • Type in the name of the assignments you are going to link
      ie - File Management - Worklinks
    • TIP - if you want to go down just one line - hit shift/enter
    • Then, with the assignment open on the Internet
    • Highlight and copy the URL (that is the web address from the Address window in Internet Explorer - it should look this - http://cratercomets.com/Business/Graphic%20Design/2007-2008/Third%20Trimester/week1/GD3rdTri_%20Worklinks.htm
    • On your webpage in Dreamweaver, highlight the name of the assignment you wish to link (If you have not put in the title of the assignment - do that now)
    • Click into the Link window of the properties box >rt click> paste
    • Save your page
    • Then check your link - you can do this by hitting F12 - your Worklink page will open up as a webpage
  • My Work - ADD YOUR WORK Type in the name of your completed work in the MY Work section (in many cases there will be more than 2 items to link up. Please make sure you link up all work.
    • Type the file names in the work section
    • Highlight one of the names of your completed work>in the properties window, click on the folder that is across from the word Link >change the drop down menu to your drive and then click on the assignment>OK - this will link your work
    • Then check your link (F12)

When you have completed your work to this point, save it again and get Rogan to check it out.

At this point you can now add color, etc. to your page - Do not make it obnoxious

  • You may want to add color to the table and/or background
  • you can do this in this in the Modify>page properties area
  • >click Modify>page properties>background (or text\links, etc.)

Use the example as a model

 

 

 

 

 

 

 

 

 

WSD700-57563-58200-70680