Back to learning exercises hit list
Search all MERLOT
Click here to go to your profile
Select to go to your workspace
Click here to go to your Dashboard Report
Click here to go to your Content Builder
Click here to log out
Search Terms
Enter username
Enter password
Please give at least one keyword of at least three characters for the search to work with. The more keywords you give, the better the search will work for you.
select OK to launch help window
cancel help



Learning Exercise

Material: Online Graphics Generator
Submitted by: Ralph Westfall on Aug 05, 2000
Date Last Modified: Aug 05, 2000
Title: Create a Text Logo for a Web Page
Description: This assignment instructs the user how to use the Cool Text site to convert some text--perhaps their name--into a logo image based on the style they select. The logo can be inserted into a web page, or it could also be used for customized stationery.
Type of Task: Individual, Student-centered, Supplemental activity, Team, Unsupervised
Time Required 15 minutes
Topics: web page development, graphic design
Course: web page development, graphic design
Audience: High School
Prerequisites Skills: basic computer skills, including use of web browser, text editor and/or web page authoring program, and an FTP program; a little bit of knowledge of HTML
Learning Objectives: the student will create a logo that complements the design of a web page, and add this logo to the web page on a server
Technical Notes: student needs access to a computer with a web browser, text editor and/or web page authoring program, and an FTP program; student also needs to have a web page hosting account at an ISP or on a school server
Text of Learning Exercise:

  1. Go to the CoolText web page and click the graphic text that says Logos near the top left of the screen.
  2. Click the style you want from the samples in the Choose a Style area of the new page.
  3. Replace the contents of the Logo Text box with the words you want in your logo. Then select the font style, size color, etc. from the options in the input boxes. (If you are not sure what to do, just accept the default options, because you can always go back and change your choices.)
  4. After completing your selections, click the Create Logo button and wait for your logo to appear on the following page.
  5. If you don't like the appearance of the logo, use the Back button on the browser to return to the previous page, change the settings, and create the logo again.
  6. When you are satified with your logo, click it with the right mouse button and save it to your computer (you may want to change the file name).
  7. Use a text editor or web page authoring tool to open the HTML file for your web page and find the location where you want to place the image. Insert the following code into the file, using the actual image file name and extension

    <img src="name_of_image_file_you_just_created">
  8. Save your HTML file, use an FTP program to upload it to the server, and then view it in a browser.
  9. Repeat previous steps as necessary or desirable to change the location of the image on the web page, or its appearance.
Bookmark and Share