Learning Exercise

Create a Text Logo for a Web Page

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.
Course: web page development, graphic design

This site is a free online service that provides real-time creation of graphics. Users can generate customized images of... see more


  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.


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


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


web page development, graphic design

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