Cape May County ETTC Technology Proficiency Courses

TPC16-4 - Web based Projects (Web Design IV)

Using the Format Painter Command

  1. Open FrontPage and start a new web page. Save it to the desktop. Name it favorites.
  2. We will create a few lists. Type in Favorites at the top of the page. Press the Enter key twice and type Foods.
  3. Change the size, font type and color for the word Food.
  4. Make sure your text cursor is at the end of the word Foods and press the enter key three times. Type Music.
  5. Press the enter key three times and type Things to do.
  6. Point to the word Foods and click once so the text cursor is somewhere in the middle of the word Foods.
  7. Point to the Format Painter button on the Standard Toolbar (looks like a paintbrush). Double click.
  8. Now, drag over the word Music. The word Music should now be formatted with the same settings as Foods.
  9. Drag over Things To Do and it should also format.
  10. Click on the button to turn Format Painter off.

 

Creating Numbered and Bulleted Lists

  1. Place the text cursor on the line below the Foods heading.
  2. Open the Format Menu and choose Bullets and Numbering.
  3. Click on the Numbers tab and select one of the number types. Click OK.
  4. Type in a food you like and press enter. Type three more foods (press the enter key between each item).
  5. You can click the numbering button on the Formatting toolbar to stop the number list.
  6. Now minimize FrontPage. There is a shortcut on your desktop for a web page called Buttonland (http://www.buttonland.com ). Double click this shortcut to open the page. Find a couple of graphics to use as bullets (save the graphics the same way you save other graphics, by right clicking on the graphic and choosing Save Picture As from the Menu). Save your bullets to the desktop.
  7. Go back to FrontPage (there is a button on the taskbar).
  8. Place the text cursor on the line below the Music heading.
  9. Open the Format Menu and choose Bullets and Numbering.
  10. Click on the Picture Bullets tab. Click the radio button for Specify Picture (white circle to the right of the selection).
  11. Click on the browse button and navigate to the Desktop. Double click on one of your bullet graphics. Click OK.
  12. Type a type of music or song you like and press the enter key. Type a few more entries.
  13. You can click the bullet button on the Formatting toolbar to stop the number list.
  14. Try creating a bulleted list of Things to Do.

Adding Sounds

While sound is a neat addition, it can be temperamental. Right now, Netscape and Microsoft Explorer browsers look at sound files differently. Sometimes sound will play in one browser but not they other. Also, sounds are files and these files will be downloaded when someone accesses your site, this increases the time it takes for a person to view your file. Also, remember many sound files are copyrighted just like graphics.

  1. Minimize FrontPage and click on the shortcut labeled Wavplace (www.wavplace.com or www.wavcentral.com).
  2. This site has many short sounds. You can click on a link to hear the sound.
  3. To save a sound file, right click on the link for the sound. Choose Save Target As from the Menu. Save the sound file to the Desktop.
  4. Close the browser and then double click on the shortcut labeled Classical Midi (http://www.classicalarchives.com/midi.html )
  5. Save a couple of pieces of music from here.
  6. Close the browser and go back to FrontPage.

Linking a Sound to an Image

  1. Make sure you are still on the Favorites page. Press Ctrl and End key to go to the very bottom.
  2. Insert one of the bullet graphics you saved earlier. Now click on the graphic to select it.
  3. Select the Hyperlink command. You will want to click on the File button (looks like magnifying glass and folder). Browse to the Desktop and select one of the wav files you saved from the first sound site. Click OK.
  4. Insert another graphic and make a hyperlink to another sound file.
  5. Save the page and preview it in the Web Browser to see if it works.

Background Sound

You can set a background sound for a page. When a site visitor opens the page, the sound is played. You can play the sound continuously, or play it a specified number of times.

Note This feature is not supported by all Web browsers.

  1. In Page view, right-click the page, and then click Page Properties on the shortcut menu.
  2. On the General tab under Background sound, in the Location box, type the sound file you want to play, or click Browse to locate the file. Use one of the MIDI files you saved from the second website.
  3. To play the sound continuously, select the Forever checkbox.
  4. To play the sound a fixed number of times, clear the Forever checkbox, and enter the number of times you want the sound to play in the Loop box.

Using Rubrics and Other Methods to Assess Student Web Pages

http://edtech.sdcs.k12.ca.us/rubric

http://www.simulations.com/web/rubric.htm

http://www.jordan.palo-alto.ca.us/students/connections/assess/webpage.html

http://www.arp.sprnet.org/inserv/eval.htm

http://faculty.harker.org/ms/scottc/rubrics/rubric4evalwebsites.html

http://cyberkids.ccsd.k12.wy.us/sv/TechEd/Tech2/websiterubric.html

http://www.jordan.palo-alto.ca.us/staff/goldman/public/webdesign3/webrubric.html

http://www.cyberbee.com/guide2.html

http://school.discovery.com/schrockguide/assess.html

How do I get my web page on the net? (AKA - Uploading or Publishing your Web Page)

When you complete a web site, you must upload all of the files to your web server (the person/computer hosting your web site). Every web server has certain rules and protocols that need to be followed. Usually the web server will tell you how to upload your files.

Uploading is done through FTP (File Transfer Protocol). There are many FTP programs. CUTEFTP and WSFTP are two major programs. Most FTP programs are free. You can go to any sharware software site (www.tucows.com , www.davesite.com are just a couple). Find their search area and type in FTP.

If you are loading your web page through a Cape May County School, you will need to find the web master of your school. That person has FTP capabilities to load your page to our server making it "live" on the Internet.

How do I get my web page noticed?

Search engines usually do not automatically pick up your web site when you upload it to the web. You have to promote your site. You need to submit your web URL to the search engine. Take a look at the sites below.

Site Promotion

http://websearch.about.com/internet/websearch/library/weekly/aa040400a.htm - ten steps to getting your page noticed

http://www.web-sitepromotion.com/index.html - intro to site promotion

http://websearch.about.com/internet/websearch/msubmenu2.htm - links to help optimize access to your web site.

http://reallybig.com/wpromote.shtml - some good links (some items free, some require fee)

http://www.webtimetools.com/Site_Promotion/site_promotion.shtml

http://www.pr2.com - tutorial and links for web site promotion (geared more to business)

http://www.registrationwizard.com - helps you register, but you must actually click a button for each major site.

http://www.hileytech.com/freesub.html - submits to major search engine

Hyper Text Markup Language

Allows you to write WWW pages to incorporate text, images, sounds, movies, hyperlinks, and so on.

Hyper (hyperactive), you can go to any link in any order when viewing the WWW.

Text is the type of files we work in for HTML.

Markup comes from the fact that in HTML we markup the text, or put in tags (codes).

Language meaning that we follow all the rules of grammar (hopefully J ).

  

Take a look at the site below. It is a great site for HTML I strongly recommend going through the tutorials he provides.

http://www.bfree.on.ca/HTML

 

Other help on the Web (software, counters, web host sites, other good stuff)

http://webdesign.about.com/compute/webdesign/msubvalidate.htm?rnk=r&terms=validation - good list of sites that can help you validate your web site.

http://webreference.com/authoring/languages/html/style.html – list of HTML style guides

http://www.webpedia.com/webpedia - good tutorials

http://davesite.com/webstation/html/html_links.shtml – good list of references (slow to load)

http://www.webtimetools.com/index.shtml - mix of counters, web hosting sites and other tools

http://www.stars.com – has some nice design tips and links, sometimes hard to find what you want

http://www.pageresource.com/counters5.htm – large list of free sites

http://www.whobuiltit.com - tracks down who designed a site

http://websearch.about.com/library/weekly/aa072099.htm - good article about creating a search function for your web site

http://softseek.com/Internet/Web_Publishing_Tools - SoftSeek's list of tools (includes HTML validation programs)

www.sitemeter.com - a site with free counters

http://reallybig.com/webmanag.shtml - has counters, site statistic programs and utilities

http://webservices.web.cern.ch/WebServices - example of an URL validation service - you enter URL and it checks it for you. Many services will check ONE URL at a time.

http://www.zdnet.com/devhead - ZDNet's web developer guide. Has link and code checkers.

*** http://netmechanic.com - many free programs including a link checker and HTML validation, very basic but good

For those who want a quickie Internet page for class activity or help setting up online classes

http://www.teacherweb.com (thanks to Tom Griffin for this link)

http://www.kn.pacbell.com/wired/fil/intro.html - helps you create a web page Internet activity

www.blackboard.com

http://www.freehomepage.com

http://scrtec.org/track - you build a web page using URL activities

http://www.iupui.edu/ithome/services/media/www/pbasic.html - Use the form to create a page

 

modified 6/6/01