Docstoc

Frontpage and WS-FTP

Document Sample
Frontpage and WS-FTP Powered By Docstoc
					    EpicLearning.com        The University of Georgia



                            EDIT 6150
             Introduction to Computers for Teachers
         Using Dreamweaver to Make your
                   ePortfolio
                             Class 7


             Dr. Lloyd Rieber
         The University of Georgia
   Department of Instructional Technology

 Turn Your Seat Green if you can hear me
 Turn Your Seat Blue if you are in Aderhold
Turn Your Seat Red if you CANNOT hear me
      EpicLearning.com     The University of Georgia



          Class Recordings
• Last week’s class was recorded in three
  parts:
  – Class Notes & Updates
  – Web Development “Sneak Peek 3”
  – WebQuests
• I’ll record tonight’s class as well
  – Updates
  – Dreamweaver
        EpicLearning.com        The University of Georgia



            Class Recordings
• 8 new videos of me demonstrating
  Dreamweaver skills available on WebCT!
  –   How to create a root folder
  –   Adding GIF or JPEG graphics to your root folder
  –   How to define a web site in Dreamweaver
  –   Creating a new page in DW
  –   How to create an absolute web link in DW
  –   How to create a relative web link in DW
  –   How to add graphics to a web page in DW
  –   How to upload your web site using FTP in DW
        EpicLearning.com     The University of Georgia


                      Updates
• Questions or Issues?
• Cognitive Tool assignment due today (Oct.
  1)
• Online portfolios (first draft) are due by
  October 15.
  – Face-to-face workshop/help on Saturday,
    October 18, 9:30 for those who need/want it.
Poll: Choose one of the following:

• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
  Slide Properties... to edit.]
• I downloaded, printed, and began
  reading your DW guide
• I downloaded and printed your DW
  guide
• I've only downloaded the guide
• Oops! I haven't even downloaded it yet.
       EpicLearning.com    The University of Georgia


             Updates (con’t)
• WebCT Discussions
  – Any volunteers for this week?
  – If you have an idea for either WebQuest or
    Open-ended project, then I recommend you go
    ahead and hold the discussion.
         EpicLearning.com           The University of Georgia


               Updates (con’t)
• 4 WebCT Discussions (so far) this week
  – Anyone else wanting to do one this week? It’s
    not too late!
     • If so, just sign up by 7:30 pm – I will check the
       schedule one last time then, then send an email
       reminder to everyone.
  – Consider participating in this week’s
    discussion/s
     • But, you only have to participate in a total of 3
       discussions sometime during the semester!
• 2 WebCT Discussions scheduled (so far) for
  next week
http://itstudio.coe.uga.edu/lrieber/
    edit6150/discussions/dis...
• [PlaceWare Web Page. Use PlaceWare > Edit Slide
  Properties... to edit.]
           EpicLearning.com              The University of Georgia


         About the Discussions
• You need to lead 2 WebCT discussions about your…
   – WebQuest design
   – Your Open-Ended Project design
• You need to participate in at least 3 discussions of other
  people’s projects
• A new group of discussions will begin each Thurs., 9:00
  and end Sunday evening.
   – Sign up to lead a discussion on the class home page
• Each discussion formally begins when the leader posts a
  “kick-off” note of at least 2 paragraphs:
   – 1) General introduction; 2) Description of the design
   – Give your kick-off note a title such as “Lloyd Rieber’s WebQuest”
• Comments posted after the discussion formally ends are
  welcomed, but these do not count in the grading.
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
      EpicLearning.com         The University of Georgia




            Online Portfolios
• Let’s try to review each other’s portfolios
• How can you find out the addresses of each
  other’s web site?
• Simple: We all need to update our profiles to
  include the URLs of our web sites
  – Of course, feel free to update these continuously
    throughout the semester
  – I will give you a preliminary grade based on what
    you have online on October 15, then a final grade
    at the end of the course.
Click here to update
You’ll need to remember your password




                Update your class
                profile with the
                URL of your
                ePortfolio.

                (Don’t email me
                the URL.)
Enter your web site’s
address here.
EpicLearning.com      The University of Georgia




     http://it.coe.uga.edu/wwild
        EpicLearning.com        The University of Georgia



Poll: Have you joined the WWILD
             Team?
• [PlaceWare Yes/No Poll. Use PlaceWare > Edit Slide
  Properties... to edit.]
• Yes
• No
   EpicLearning.com   The University of Georgia




  Looking for a topic for
your open-ended project?

   Then, here is a project to
         consider…..
   EpicLearning.com       The University of Georgia




It’s better because it’s homemade!

    Lloyd Rieber & Gretchen Thomas
        The University of Georgia

         http://it.coe.uga.edu/wwild
       EpicLearning.com   The University of Georgia




      Did you say “Games”?
• The term “game” is a loaded term
• People tend to have a biased view about
  games – pro or con – few are neutral
• Games are like books and movies in that
  they refer to a general medium or art form
• Like books and movies, games can be
  inspiring, good, bad, or disgusting
       EpicLearning.com     The University of Georgia




    Something to discuss later
• What is your opinion of the role of games
  in education?
• Consider this from both an “instructivist”
  and “constructivist” view
• Instructivist
  – Students learn by playing educational games
    given to them and designed by others
• Constructivist
  – Students learn by designing and building their
    own games
       EpicLearning.com     The University of Georgia


          Learning in a Game:
           Affective Domain
• Motivation
  – Competition, random features
  – Intrinsic motivation: You create your own
    reasons for participating
  – Triggering challenge and curiosity
  – A feeling of control, but with an edge of
    uncertainty
       EpicLearning.com     The University of Georgia


          Learning in a Game:
           Cognitive Domain
• Meaningful, relevant context
• Active participation in an “interactive story”
• Organization, situation, goals, and feedback
  – Helps students to organize information,
    followed by putting knowledge to use
• Narrative: The power of stories
  – Myths & Archetypes (Joseph Campbell)
     EpicLearning.com   The University of Georgia




        Designing a Game
• Part art (creativity) and part science
  (analytic)
• Similar to story writing
• Weaving the educational content and
  game together into a meaningful whole
• Lends itself to team work
      EpicLearning.com   The University of Georgia




     Learning by Designing
• If you want to learn something well,
  teach it!
• Teaching is but one form of designing
• Design activities take time!
• The challenge is to find design activities
  that students find authentic and
  compelling
• Our research shows that game design
  is an excellent strategy for students as
  young as fourth grade
     EpicLearning.com      The University of Georgia


  Using PPT for Educational
          Games
• Why PowerPoint?
  – “Almost ubiquitous” software application
  – Excellent way to “package” and “deliver” a
    game
  – Excellent development tool
  – Teachers love it
  – Hyperlinking feature has lots of gaming
    potential
        EpicLearning.com        The University of Georgia


  Using PPT for Educational
          Games
1. Find existing PPT templates and insert
   your own content
  – Game show templates
    •     Jeopardy, Who Wants to Be a Millionaire, etc.
2. Revise existing PPT games
3. Make your own
4. Have your students create their own
EpicLearning.com   The University of Georgia
    EpicLearning.com   The University of Georgia


                       50:50

                               15      $1 Million
                               14      $500,000
  Welcome to                   13
                               12
                               11
                                       $250,000
                                       $125,000
                                       $64,000
                               10      $32,000
                               9       $16,000
                               8       $8,000
 Who Wants to                  7
                               6
                                       $4,000
                                       $2,000
                               5       $1,000
be a Millionaire               4
                               3
                                       $500
                                       $300
                               2       $200
                               1       $100
                  EpicLearning.com           The University of Georgia
                      1                  2                    3
Scoreboard
     X



                                     4                 5                 6
     O



                      7                  8                    9
  Click Here if
     X Wins

  Click Here if
     O Wins
       EpicLearning.com     The University of Georgia




        It’s better because it’s homemade!

•   Revise existing PPT games
•   Make your own
•   Have your students create their own
    then…
•   Share your game with others via the
    WWILD Team
EpicLearning.com   The University of Georgia
           EpicLearning.com                   The University of Georgia




 The Story of the Traveling Georgia Artist
  Chris is a young but very talented artist. Chris is 18 years old and lives in
a very small Georgia town. Chris loves Georgia, but has never traveled
more than 50 miles away from home. Although the family admires Chris’s
creative work, they really don’t understand it. Chris wants to go to college
and become a great artist, but Chris’s family is very poor. No one in Chris’s
family has ever gone to college. Instead, everyone in the family went to
work in the family business right after high school. Although Chris has
earned the HOPE scholarship, this only pays for tuition and Chris’s family
has no money for room and board. Chris’s family is supportive of Chris
going to college if Chris can find the money.
  Chris decides to borrow a friend’s old van and travel all through the State
of Georgia selling the works of art Chris has made. If Chris can earn
enough money, Chris will attend the University of Georgia in the Fall
semester. But, if unsuccessful, Chris will have to return home to help out in
the family business.
  This is Chris’s big chance to see Georgia, earn a reputation as a real
artist, and get the opportunity to go to College.


                                 Home Page
EpicLearning.com                       The University of Georgia




                         Quiz




           Quiz                 Quiz


                                                      Quiz




                  Quiz                                Quiz




                         Quiz
EpicLearning.com                        The University of Georgia

                   Quiz




                          Quiz


                                                Quiz


                   Quiz          Quiz




                          Quiz


                                         Quiz
EpicLearning.com                     The University of Georgia




                                                    Income Cards




  Quiz




         Quiz


                       Quiz

                Quiz


                              Quiz
EpicLearning.com             The University of Georgia




      Quiz


                      Quiz


      Quiz




               Quiz


      Quiz


                                           Expense Cards
          EpicLearning.com                      The University of Georgia




                                Income: $60                    Income: $75
  Income: $250
                                 You sold 2                 You sold 4 pieces of
You sold 1 painting.
                                photographs.                      pottery.




   Sell Art Cards              Sell Art Cards                 Sell Art Cards




   Income: $0                   Income: $200                  Income: $100
  You didn’t sell            You sold 2 paintings.          You sold 2 pieces of
    anything!                                                     pottery.
           EpicLearning.com                  The University of Georgia




    Expenses:                  Expenses:                     Expenses:
  $25 for gasoline            $10 for food                  $75 for motel




   Expense Cards              Expense Cards                 Expense Cards



Van needs work, lose           Expenses:
1 turn while you take         $20 for food                   Expenses:
 part-time job to pay                                       $40 for motel
         for it.
               EpicLearning.com               The University of Georgia
CheckBook                                                            Page ____
Numbe   Date     Description of Transaction    Payment/   Deposit/     BALANCE
r                                              Debit      Credit
             EpicLearning.com                The University of Georgia


Time to play “The Traveling Georgia Artist”!
•   Print out this slide before starting a new game.
•   Players can choose any question not yet answered correctly (reuse
    when all questions answered).
•   Cross out questions on this slide when they are answered correctly.


                        Georgia Quiz Questions

    1    2       3      4       5    6      7      8        9   10

    11   12      13     14      15   16     17    18     19     20




                      Home Page           Game Directions
     EpicLearning.com               The University of Georgia




Who is the current Governor of Georgia?

      •   Roy Barnes
      •   Zell Miller
      •   Sonny Perdue
      •   Jimmy Carter




                        Home Page
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
      EpicLearning.com          The University of Georgia


              Tonight’s Plan
• Quick review of the fundamentals of web
  construction.
  – We will loosely follow my tutorial steps.
• Overview of what is required in your web-
  based portfolio for this class.
• Occasional live demos enroute.
• Web Site Management
  – Using WS-FTP
  – Using Dreamweaver’s site management tools
    (recommended)
http://www.arches.uga.edu/~lri
         eber/portfolio
• [PlaceWare Web Page. Use PlaceWare > Edit Slide
  Properties... to edit.]
      EpicLearning.com           The University of Georgia




Do I have to learn Dreamweaver?
• No, but this is the web editor I’m
  supporting/teaching this semester.
• You are being evaluated on your web site,
  not on your DW skill.
  – There will be no quizzes or tests on
    Dreamweaver.
• If you want to use another editor, you are
  welcome to do so (but, you on your own).
  – I’m happy to help, though, if I can.
  EpicLearning.com   The University of Georgia




Use Question to Presenter Field

   Send me your top Dreamweaver
        questions/problems.
   EpicLearning.com   The University of Georgia


Step 1: Make a folder for all of
        your web work
  EpicLearning.com   The University of Georgia


Step 2: Make a root folder for
        your portfolio
                        Make a folder inside for
                        images.
   EpicLearning.com   The University of Georgia


Step 3: Launch Dreamweaver &
        define a new site
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
EpicLearning.com   The University of Georgia
      EpicLearning.com   The University of Georgia



Step 4: Begin constructing home page
        EpicLearning.com            The University of Georgia




 Step 5: Give your home page a title
This is what people will see at the top of their browser window.
If they bookmark your site, this title will show in their
bookmark listing.
   EpicLearning.com          The University of Georgia


Step 6: Save your home page with
      the name “index.htm”




  What’s so special about the name “index.htm”?
            EpicLearning.com   The University of Georgia




      Step 7: Back to the page’s design
Formatting options…
…text format
…font
…font size, style, color
...text alignment
             EpicLearning.com   The University of Georgia

      Step 8: Adding horizontal rules for
                organization


Horizontal
rule tool:
 EpicLearning.com    The University of Georgia

Step 9: Previewing your page

                      Choosing a primary
                      browser…
                      •Internet Explorer,
                      •Netscape




                    Shortcut…
                    Press F12 to preview page
      EpicLearning.com   The University of Georgia




Step 10: Save and create other pages
Poll: How successful have you
      been so far in doing the
• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
                        previ...
  Slide Properties... to edit.]
• Very successful - no problem!
• OK, but I still need some practice
• I have tried to do it, but have not had
  success
• I haven't tried yet
   EpicLearning.com   The University of Georgia




Pause to answer questions...
     Live Demo: Live demo of
          Dreamweaver
• [PlaceWare Live Demo. Use PlaceWare > Edit Slide
  Properties... to edit.]
     EpicLearning.com      The University of Georgia




      Step 10: Adding links
• Absolute links to other people’s web
  pages
• Relative links to other web pages in
  your root folder.

• Live demonstrations...
  Live Demo: Live Demo of
 making links in Dreamweaver
• [PlaceWare Live Demo. Use PlaceWare > Edit Slide
  Properties... to edit.]
Poll: How successful have you
      been so far in doing the
• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
                        previ...
  Slide Properties... to edit.]
• Very successful - no problem!
• OK, but I still need some practice
• I have tried to do it, but have not had
  success
• I haven't tried yet
   EpicLearning.com   The University of Georgia




Pause to answer questions...
         EpicLearning.com   The University of Georgia




   Adding graphics to your web site
• Step 1: Finding
  graphics and
  adding them to
  the “images”
  folder in your
  root folder
         EpicLearning.com     The University of Georgia



   Adding graphics to your web site
• Step 2: Inserting the graphics into your web pages
    EpicLearning.com   The University of Georgia




Adding graphics to your web site
    EpicLearning.com   The University of Georgia



Adding graphics to your web site
Poll: How successful have you
      been so far in doing the
• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
                        previ...
  Slide Properties... to edit.]
• Very successful - no problem!
• OK, but I still need some practice
• I have tried to do it, but have not had
  success
• I haven't tried yet
   EpicLearning.com   The University of Georgia




Pause to answer questions...
     EpicLearning.com   The University of Georgia


          Graphics Rule #1

• Graphics are always “external” to your
  web page… …your web page simply
  “points” to them.
      EpicLearning.com   The University of Georgia


           Graphics Rule #2

• If the graphic is not there later when you
  view the page, either because you
  moved the graphic to another location
  or changed its name, the graphic will
  NOT appear.

“But it was working yesterday!”
     EpicLearning.com   The University of Georgia


          Graphics Rule #3

• You have to remember to upload your
  graphics separately to the web server,
  otherwise, the graphics won’t appear to
  people who visit your web site.

“But it worked on my computer!”
     EpicLearning.com    The University of Georgia


          Graphics Rule #4

• Graphics have to saved in very special
  formats: GIF and JPEG are most
  common.

“But it looked great when I drew it!”
        EpicLearning.com   The University of Georgia


One more thing for
Windows 98 users…

Case can matter!
       EpicLearning.com    The University of Georgia



Your e-Portfolio: An Overview
• Links to all of your project documents
  –   Word Processing
  –   PowerPoint
  –   Cognitive Tool
  –   Open-ended Project
  –   WebQuest
• Short reflections of each project
• Good design
• Update your class profile and add the URL of
  your e-portfolio by tomorrow and update as
  needed for rest of the course.
   EpicLearning.com        The University of Georgia


Step 1: Copy your e-Portfolio
 elements to your root folder
 Naming convention recommendations:
 -all lowercase;
 -no spaces
          EpicLearning.com        The University of Georgia


                             Step 2
• Design your
  page
• Type your text
           EpicLearning.com         The University of Georgia


                              Step 3
• Insert your graphics
   –   Select insertion point
   –   Select “Insert Image” tool
   –   Select image from disk
   –   OK
EpicLearning.com   The University of Georgia



     Step 4: Set Links
      EpicLearning.com   The University of Georgia



   Step 5: Uploading your site

• Two ways:
 1. WS-FTP (Windows); Fetch (Mac)
 2. Dreamweaver’s site management tools
Poll: How familiar are you with
          WS-FTP?
• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
  Slide Properties... to edit.]
• I have used it extensively
• I have used it a little, but have been
  successful
• It confuses me
• I haven't tried using it yet
 Poll: How familiar are you with
          Dreamweaver's site
• [PlaceWare Multiple Choice Poll. Use PlaceWare > Edit
              managemen...
  Slide Properties... to edit.]
• I have used it extensively
• I have used it a little, but have been
  successful
• It confuses me
• I haven't tried using it yet
          EpicLearning.com    The University of Georgia




                          WS-FTP
Entering a new profile:
             EpicLearning.com        The University of Georgia



                                Step 6




Make the left side point to your    Make the right side point
“root folder”.                      inside your public_html .
             EpicLearning.com        The University of Georgia




                                Step 7




Select your root folder
(or selected files inside)           Click on the right pointing
                                     arrow to transfer the files
     EpicLearning.com   The University of Georgia


  Using Dreamweaver’s Site
   Management Features

• I think this is the way to go
• Follow my Appendix on setting up a site
  – New feature with MX: Basic vs. Advanced
  – Hostname (FTP address): arches.uga.edu
  – Folder on server: public_html
EpicLearning.com   The University of Georgia




                                  Step 8
                                • Test your
                                  page and
                                  all links
   EpicLearning.com   The University of Georgia




Pause to answer questions...
     EpicLearning.com   The University of Georgia


  Using Dreamweaver’s Site
      Mangement Tools

• Live demonstration
       Live Demo: Live demo of
           Dreamweaver's site
•   [PlaceWare Live Demo. Use PlaceWare > Edit Slide
             management tools
    Properties... to edit.]
   EpicLearning.com   The University of Georgia




Pause to answer questions...
http://www.arches.uga.edu/~lri
         eber/portfolio
• [PlaceWare Web Page. Use PlaceWare > Edit Slide
  Properties... to edit.]
     EpicLearning.com   The University of Georgia




           Troubleshooting
• Make changes in the Dreamweaver
  document
• Upload again
• Click reload/refresh in the browser
• Empty the browser’s cache
  EpicLearning.com    The University of Georgia




                 The End

Time to answer questions...
        EpicLearning.com     The University of Georgia


                      Updates
• Questions or Issues?
• Cognitive Tool assignment due today (Oct.
  1)
• Online portfolios (first draft) are due by
  October 15.
  – Face-to-face workshop/help on Saturday,
    October 18, 9:30 for those who need/want it.
       EpicLearning.com    The University of Georgia


             Updates (con’t)
• WebCT Discussions
  – Any volunteers for this week?
  – If you have an idea for either WebQuest or
    Open-ended project, then I recommend you go
    ahead and hold the discussion.
         EpicLearning.com           The University of Georgia


               Updates (con’t)
• 4 WebCT Discussions (so far) this week
  – Anyone else wanting to do one this week? It’s
    not too late!
     • If so, just sign up by 7:30 pm – I will check the
       schedule one last time then, then send an email
       reminder to everyone.
  – Consider participating in this week’s
    discussion/s
     • But, you only have to participate in a total of 3
       discussions sometime during the semester!
• 2 WebCT Discussions scheduled (so far) for
  next week
           EpicLearning.com              The University of Georgia


         About the Discussions
• You need to lead 2 WebCT discussions about your…
   – WebQuest design
   – Your Open-Ended Project design
• You need to participate in at least 3 discussions of other
  people’s projects
• A new group of discussions will begin each Thurs., 9:00
  and end Sunday evening.
   – Sign up to lead a discussion on the class home page
• Each discussion formally begins when the leader posts a
  “kick-off” note of at least 2 paragraphs:
   – 1) General introduction; 2) Description of the design
   – Give your kick-off note a title such as “Lloyd Rieber’s WebQuest”
• Comments posted after the discussion formally ends are
  welcomed, but these do not count in the grading.

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:2
posted:9/26/2012
language:Unknown
pages:106