College of the Siskiyous

Home

Syllabus

Calendar

Textbook

Documents

Study Guide

PowerPoint Slides

Student Information Form

Online Classroom ~ Etudes

Instructor ~ David Donica

Prospective Students   Current Students    Faculty and Staff    Alumni and Community  
CSCI 28A ~ Web Publishing I ~ Fall 2009  

Weekly Exercise 07: printer friendly version
  1. Go to http://cooltext.com/ and under the title "Choose a Logo Style" click on the "Gradient Bevel" link.
    1. Change the Logo text: to your name.
    2. Click on the text inside the Font: box and choose Handwriting Fonts. From the list choose the font Gregs Hand.
    3. Change the Text Size: to 50
    4. Change the Text Color: to SlateGray (RGB: 112,128,144 - Hex 708090)
    5. Leave the Highlight Color: as White (RGB: 255, 255, 255 - Hex FFFFFF)
    6. Leave the Background Color: as White (RGB: 255, 255, 255 - Hex FFFFFF)
    7. Leave the Background Image: as None
    8. Change the File Format: to .PNG w/ Transparency
    9. Click on Render Logo
    10. Click on Download Image and choose Save File
    11. From Firefox Download folder Open Containing Folder.
    12. Move the file to the local copy of your images folder and rename it to "namelogo.png"
    13. Upload the image to your remote "images" folder on the Internet - Below is my graphic image
  2. Return to http://cooltext.com/ and click on the "Buttons" link at the top of the page.
    1. Change the Logo Text: to Home Page.
    2. Click on the text inside the Font: box and choose Type 1. From the list choose the font Garamond.
    3. Change the Text Size: to 14
    4. Change the Text Color: RGB: 50, 50, 54 - Hex 323236
    5. Leave Bold: unchecked
    6. Leave Italics: unchecked
    7. Text Offset X: 0
    8. Text Offset Y: 0
    9. Shape Option, Shape: Rounded
    10. Fill Option, Gradient: Flat
    11. Change the Button Color 1: RGB: 0, 191, 255 - Hex 00BFFF)
    12. Change the Button Color 2: White (RGB: 255, 255, 255 - Hex FFFFFF)
    13. Change Outline Thickness: Thick
    14. Leave Outline Color: Black (RBG: 0, 0, 0 - Hex 000000)
    15. Shadow Type: Glow
    16. Shadow Color: RGB: 100, 150, 168 - Hex 6496A8
    17. Other Option, Effect: Glass
    18. Other Options, Mouse Over: None
    19. Size, Width: Auto checked
    20. Size Height: Auto checked
    21. Click on Render Button
    22. Click on Download Image and choose Save Fil
    23. From Firefox Download folder Open Containing Folder.
    24. Move the file to the local copy of your images folder and rename it to "homepage.png
    25. Upload the image to your remote "images" folder on the Internet - Below is my graphic image
  3. Create and save one logo of your choice in your local copy of your images folder. Upload the image to your remote images folder.
  4. Create and save one button of your choice in your local copy of your images folder. Upload the image to your remote images folder.

Helpful Thoughts & Ideas:

  • The logo and button images you create for this exercise will be used in next weeks exercise and could be a part of your class project.
  • Cool Text has over 1,200 fonts available for download from the site we used in today's exercise.
 
 

Please send any comments or questions about this site to David Donica.
© 2009 College of the Siskiyous. All rights reserved.