Digital Design for the Arts and Humanities website

Digital Design homepageDaily Readings for Digitial Design courseDigital Design Course syllabusE-Mail Digital Design StudentsTechnology, Arts, and Media Program homepageSewall Academic Program homepageCU-Boulder homepage

Digital Design Course homepage

Publishing & Getting your Site Noticed

   

Assignment:  (Do after Class)

1.  Using the following Code as a guide,
create "meta tags" for one of your webpages.
You can copy this source code off a stripped-down
version of my home page: exmeta.htm

<title>Digital Design Home Page</title>

<meta name="description" content="Web design
for the Arts and Humanities.
How to create, edit,
and revise internet websites. Web design principles
for designing professional websites">

<meta name="keywords" content="web design,
digital design, creating websites,
editing websites,
designing websites, web design principles, 
designing
webpages, designing for the internet">

<meta name="Author" content="Chris H. Lewis, Ph.D.">

<meta name="copyright" content="2001, Chris H. Lewis, Ph.D.">

<meta http-equiv="Reply-To" content="cclewis@spot.colorado.edu">

<meta name="resource-type" content="document">

<meta http-equiv="Content-Language"
content=
"ENGLISH">

<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252"
>

<meta name="distribution" content="GLOBAL">

<meta name= "Robots" content= "All">

2. Make sure that you put your "webpage title" and
"meta tags" just below the <head> tag.

3.  Practice using this "meta tag maker":
     a) Dr Clue's Metatag Maker

4. Practice creating meta tags and placing them
into some of of your webpage's HTML code. 

5. After adding the "meta tags" to your webpage,
test it using Meta Medic "Metatag Checker" to see
if your meta tags are properly done.

6.  Go to your favorite Search Engine and call up
a product like "shampoo."  Go to some of these shampoo
webpages and check to see what "meta tags" they used
in their page.  This can often give you ideas about creating
"meta tags" for your own webpages.



1. I will start grading your image websites on Wednesday .
Make sure that your image website is up and running by
Wednesday.
If you are still having trouble using FTP to
load your pages on the web, please come see me during
my office hours or make a special appointment to come
see my at another time. Please send me the new URL
for your Design Portfolio page if you were transferred to
the www.cclewis.com server or if you have changed the
URL address for your portfolio webpage. Please check by Wednesday to make sure that I have the proper URL on the Students' Web Design Portfolio webpage.

2. Summarizing the "CRAP" Design principles.

 

3. Creating a window within a window effect
without using a frameset

  1. See Ipath Footwear as a good example

  2. Using IFrame to put a webpage within a layer

  3. Example of webpage within a layer

  4. In order to make sure you don't have a
    horizontal scrolling bar, you need to make the
    secondary webpage no wider than the width of
    your window frame. See example: scroll7.htm

  5. <DIV
    STYLE="position:absolute;
    left:33px;
    top:40px;
    width:487px;
    height:198px;
    clip:rect(0,324,224,0);"
    >
    <IFRAME
    SRC="http://www.colorado.edu/AmStudies/lewis/Design/scroll5.htm"
    WIDTH="250"
    HEIGHT="200"
    MARGINWIDTH=0
    MARGINHEIGHT=0
    FRAMEBORDER="NO"
    SCROLLING="YES"
    WRAP="Virtual"
    STYLE="border-width:12;
    border-color:#445599;
    border-style:solid;"
    >
    </IFRAME>
    </DIV>

  6. If it isn't window frame isn't wide enough, you will get a horiztonal scrolling bar, as you do with my second example: scroll8.htm

2. a) Top Flash Gallery

    b) PC's: The Top 100 Web Sites

    c) Lynda Weinman's Inspirational Websites

    d) Webby Awards

2. Learning to create Flash websites

  1. Website # 4: Flash Banner Ad on April 21
  2. Example of Flash Banner ad: Enn.com
  3. Online Flash Tutorials
  4. Incubus.com
  5. Flashkit.com
  6. Flashplanet.com

3. Getting your Site noticed by Search Engines

4.  How do Search Engines Work

5.   Creating Meta Tags

6.    Submitting your site to Search Engines

7.   Putting a Search Tool on your website

    a) Search Engine Software For Your Web Site


    b) Guide to Site Search Tools

    c) Adding Search to your Website

    d) The Fundamentals of Quality Search

e) Free Website Search Engine Tool

8 .  Summary of registering Websites with Search Engine Basics:

  1. Make sure that you have a clear title that
    describes what your webpage is about and
    what content it contains.

  2. Use "keywords" in your title that describe your 
    webpage and its content.

  3. Make sure you have a clear "description" that
    in a sentence or two describes your webpage
    and its content.

  4. Make sure you use lowercase letters for the
    "keywords" that describe your webpage. For
    example, "guitar" not "GUITAR."

  5. Check the keywords that other similar webpages
    use in their "Meta tags."

  6. Go to your favorite "Search Engines" and use
    some of the keywords you are considering using
    to search for websites.  Do you come up with
    websites similar to your own?

  7. Try to use one of your keywords for the name
    of the link to the website.

  8. Make sure that your webpage "title" and
    "description" and "keywords" are at the very
    beginning of  your webpage.

  9. Don't try to "stuff" your keywords by repeating
    certain keywords a large number of times,
    such as repeating "web design" over thirty
    times in your "keywords."

  10. Make sure that you have "date created" and 
    "date modified" on your webpage.  A more
    current website should be treated as more useful.

  11. Try not to use more than ten or  fifteen keywords
    or phrases in your "keyword Meta tag."

  12. Use keyword phrases between 2 to 3 words
    long. One word keywords tend to be more
    competitive and arenít usually as effective.

  13. Limit the total number of characters in your
    "keywords" to less than 254. Some search
    engines penalize for having too many keywords.

  14. Don't use irrelevant but popular keywords to
    get your site noticed. For example, many web
    junkies put "Pamela Lee Anderson" as a
    keyword knowing that this was one of the
    most popular "search phrases."

  15. Make sure that every webpage has "Meta tags"
    that  include "description," "keywords," "author," 
    "language," "copyright," "robots", and your "e-mail address." 
    See Dr Clue's Metatag Maker

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
Good Web Design Sites
Award-winning Web Designs
Great Web Design Books
Sewall Class Web Designs

| Home Page  | Readings | Syllabus | Web Resources | Top of Page |

Number of Visitors to this site: 
15559      by Chris H. Lewis, Ph.D.

© 2000 by Chris H.  Lewis, Ph.D.
Sewall Academic Program; University of Colorado at Boulder
Created 1 June 2000:  Last Modified: 4 April, 2006
E-mail: cclewis@spot.colorado.edu
URL:    http://www.colorado.edu/AmStudies/lewis/Design/noticed.htm