Designing and Maintaining a Webpage Joel Hermansen

Document Sample
Designing and Maintaining a Webpage Joel Hermansen Powered By Docstoc
					    Designing and Maintaining a Webpage
•   Tips for Webpage design
•   Webpage design for Microsoft Word
•   Internetability
•   Evaluating a website                As with
•   Website framework                   any door,
•   Design conclusions                  follow it!
                                        See where
                                        it goes.
           Tips for Webpage design:

• Find a webpage program you are comfortable
  with. Internet language, HTML is very confusing
  and complex, it is easier to use a design program
  such as:
     •Microsoft Word: what we have in the
     •Microsoft Publisher: a super program
     •Notepad: clumsy
     •Specialized Webpage design programs
     What do I put on my Webpage?

• Personal Pages
• Classroom pages

                    As with any door,
                    follow it! See where
                    it goes.
         Personal/Topical Pages

•   Email
•   Search Engines
•   Links
•   Graphics
•   Miscellaneous
            Classroom pages:
•   Daily log
•   Assignment Log
•   Grades
•   Search Engines
•   Links
•   Graphics
•   Miscellaneous
•   Email
•   Tutorials
Webpage design with Microsoft

Step by step instructions for
Webpage design.
1. Click on windows start icon
See diagram to the right:
Webdesign with Microsoft Word

• Advance the mouse
  cursor to the Microsoft
  office icon on the start
  menu and move it to
  the right.
Webdesign with Microsoft Word
• Open up the “New
  option” under the File
     Webdesign with Microsoft Word
• From these options
  choose the Template
  tab and then click on
  the Webpage Wizard.
Webdesign with Microsoft Word
• This will give you the
  basic options for
  designing your
  backgrounds, layouts,
  colors, etc… Select
  the options that fits
  your needs.
Webdesign with Microsoft Word
• Using your knowledge
  of Microsoft Word
  select a font, font size,
  font color for your
• This would appear
  under the format
Webdesign with Microsoft Word:
• It is at this point where your creativity takes

• There are several things that you will need
  to design your page:
      • Internetablity
      • Hyperlink technology
      Questions and Answers:

• How do I get on the internet?
• How do I conduct an internet search?
• What is a key word?
• How do I get on the internet?
      • Keep in mind that this
        perspective will be from the
        PC’s available to us at NHS
        and has no bearing on your
        personal computer at Home!
      • Step one: the old start icon
      • Step two: to programs and to
        the right with cursor to
        Internet explorer.
• This will take you to
  the AASD homepage.
  From there you will
  most likely need to
  perform an internet
  search. In order to
  this you will need to
  access a search
  engine like Yahoo!
  By clicking on the
  appropriate icon.
• Maneuvering within a
  search engine. Yahoo      • Click here to
  as an example.            begin search.
• Step 1: the search box.
• Type in your search
• Keywords:
 In the box you will need to type a “keyword” which will
  tell Yahoo! what you are looking for. If you are looking
  for information on Hathesput, Egypt’s most famous female
  pharaoh type the word “Hathesput”. It is always a good
  idea to type your keyword in quotes; this will command
  your search engine to narrow your search. This is
  especially useful in a search that has multiple words, for
  example if you were doing a report on female pharaohs in
  Egyptian history. On many engines if you were to type
  this as your keyword, it would bring up every web site that
  has female in the title or description, every web site that has
  history in the title or description. Obviously it would be
  much simpler if you were to use quotes, that would be a lot
  of sites to examine.
 Upon completing your keyword selection you will need to
  “surf” the net. The results from your search will vary
  depending on the nature of your search, for example, you
  are much more likely to find a vast number of resources
  on the American Revolution as opposed to sites on
  mustard making. Thus, it would take much longer to
  examine the former as opposed to the latter. Your job is
  simple examine the sites the search provided for you by
  clicking on the hyperlink. The hyperlink is the site title
  underlined in blue, would look like this : After you have examined this
  site you will need to move back using the back key to
  return to your search listing.
• Judging your website finds.
      • .Now I am not in the business of telling you what a “good” web site is, that
        is up to your individual judgement. The history channel site is useful to me
        for many reasons:
       Offers a comprehensive listing of their historical television programming
        gives us an idea of what is coming well into the future.
       Offers links to other great historical sites.
       Offers occasional games to be played.
       Trivia
       This day in History
       Along with each program they offer a comprehensive historical introduction
        to the topic they are discussing.
       Tremendous offerings to teachers.
       Thus, it is fairly easy to see why I might link the History Channel to my
        page. What links would you add?
• The backbone of your site: the Hyperlink.
• A hyperlink, is the command given to the computer to
  take the user to a specific location on the internet.
• A link can be made to any site on the web from any
  type of document.
• In order to this you need to gain a few things:
1. A site you would like to link (personal criteria)
2. The URL or address of the site, where is it located on
  the vast internet?
• Where do I find a URL?
• At the top of each screen on internet explorer, you will
  find an address, one that you might bookmark or write
  down so that you may return.
• Bookmarking a site: when you find a site you enjoy, it is
  a wise idea to bookmark it’s exact location so that you
  may find it whenever you wish to return. Without having
  to go through the clumsy process of typing the address
  down each time you wish to attend that site. You may
  also name your site with the bookmark (favorite list)

     Step one:                        Step two:
• Hyperlinks: once you find the URL you want to link
  your page to, it is necessary to create a hyperlink on
  your webpage.
• In order to make a link to a page you liked you need
  capture that sites URL or address. This can be done
  by moving the cursor to the top of the explorer screen
  to “address” box and pushing the right button on your
  mouse, this will highlight the address and you simply
  need to copy the address using the right mouse key.
  Once this is done you return to your web page design
  and you have two options.
• Two options for cataloging your URL’s on your webpage.
• First: you can simply paste the URL or address to the screen
• Second: you can type a word or phrase that describes that
  web page. For example: Brown Universities American
  Revolution Page. This describes the page your viewer is
  going to see much better than This is what a typical
  URL looks like! It will be much easier for your viewer to
  follow your description as opposed to a longURL
• Hyperlinking:
• The screen you will see looks like this: All you need to do
  is place the copied URL in the top box.

  • The link will appear on your webpage underlined in
  blue, this will mean it is linked! If you need to repair or
  check the link you will simply repeat the process!
• Your completed page may look something like
  this: This is a section of my links page, on my
  personal page.

Shared By: