|
|
 |
|||||
 |
 |
 |
 |
 |
 |
 |
 |
|||
| blue cube |
softie
|
|||
 |
 |
 |
 |
 |
|
canvas
|
sky
|
gray
|
paper raw
|
ocker stripes
|
 |
 |
 |
 |
 |
|
cristal blue
|
cristal ocker
|
blue
|
cristal blue light
|
cristal green
|
 |
 |
 |
 |
 |
|
snow
|
gras
|
sand
|
water
|
leaves
|
I created these tiny seamless GIF graphics - 0,1
to 0,5 KBytes - as backgrounds for tables.
GIF Graphics, in shades of grey - 50 to 230 Bytes only ! useful as a break line,
lath, background for the table.
The colourful line above is actually a table (
200 Bytes light ! ) with the following code:
<table width="100%" border="0"
cellspacing="0" cellpadding="0" background="/libnew/lath/strip_up9.gif"
height="9">
Do you want to have a thinner line ?
Place a transparent Gif inside the table - can be 1 pixel wide - and just as
high as you wish.
 |
 |
|
 |
|
|
And here some clips for vertical tables if you need a
colour margin for your page. |
||||
 |
 |
 |
 |
 |
|
- just give the
width you need and the browser loads it immediately ! -
|
Do you see my uppermost navigation bar or link lath on my pages ? Such a bar is 100 Bytes light !
|
You can try different heights than
a given one and have new effects !
Use any paint program to colorize it. |
||||||||||
 |
 |
|
 |
 |
 |
 |
 |
 |
 |
 |
|
All these laths here are 20px wide; you can extend them on your web page to the width you want. The browser needs to load 20 px only ! Having lots of pictures to show, I need these little tricks to make a navigation quick! |
||||||||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
|
Looks neat when
you want to type a short text in a table with a background - or place
your links there !
|
       |
||
Graphics for making rollover bars |
||
   |
   |
|
 |
 |
|
 |
 |
|
|
rainbow bar
4 Kb change the length and width as you need |
note about ©
In the course of designing my site, I've created many
wallpapers, graphics and clips.
These are free for the taking, but you might want to give credit where credit
is due, or link to me
when you choose to use these on your private web pages / in noncommercial projects.
Commercial use is copyrighted.
Meta Tags contain various information about your web page, having no influence
on how the page is displayed.
Meta Tags are needed for robots, crawlers, spiders, search engine programs which
index your page, for browsers and servers in web.
Take and use what you need from the collection below. Content is the most important
factor for your page placement in search engines.
Use Meta Tags to make the content visible; it is a way to help your page be
more easily found on the web.
Since search engines logarythms differ from one to the other and often change,
all the Tips are for the most important part of the service;
like the Yahoo Directory or Google. I believe this basic tips are good for all
other spiders as well.
|
|
|
|
|
The Rule: |
|
Example for a proper coding sequence: the colour
blue tells you to fill the place with your words and numbers |
|
<title>Your Document Title</title> |
|
<meta http-equiv="content-type" content="text/html;
charset=iso-8859-1"> |
|
<meta http-equiv="content-language" content="en">
|
|
<meta name="description" content="Your
Description, the subject of the Page."> |
<meta name="keywords" content="keyword, phrases of 2 or 3 words, keywords"> - use up to 25 keywords or phrases; consider that less is sometimes more; - select keywords that precisely reflect the content of the page, appearing in the title, heading and in the main body of the text; - proportion: make sure the keywords make up 4-8% of your text; - use plurals, whenever possible; most people use plurals in their search; - it is not important if you use commas, uppercase, lowercase or initial capitalisation or not (use sporadically, for well known names, such as "Lord Buddha, Mercedes Benz"); an example for a page with 2 languages and an attribute "lang": <meta name="keywords" lang="en" content="keyword, phrases, keywords"> <meta name="keywords" lang="de" content="Schlüsselwörte, Phrasen, und so weiter">
|
| <meta name="robots" content="all"> where "all" invites the robot to index the page; alternatively you can use: <meta name="robots" content="noindex"> or <meta name="robots" content="none"> where "noindex" or "none" means you prevent indexing <meta name="robots" content="nofollow"> where you let the robot index this page and prevent it from following the links to other documents
|
|
<meta name="revisit-after" content="30
days"> |
| <meta name="author" content="Your
Name"> the tag informs people of the author's identity
|
| <meta name="date" content="2003-07-22T"> used to indicate the date of creating the page - year, month, day
|
| <meta name="copyright" content="Your
Name"> used to tell the name of the copyright owner for the page |
| <meta http-equiv="reply-to" content="your@mailaddress"> the tag is used to tell your e-mail address, which makes replying possible
|
| <meta http-equiv="window-target"
content="_top"> the tag is used to force the browser to show your page at the top of the window, when it appears in a frame of another page presenting yours
|
| <meta name="classification" content="arts
& humanities">
|
| <meta name="distribution" content="global"> |
| <meta name="rating" content="general"> |
| <meta name="Identifier-URL" content="http://www.wisarts.com/index.html"> place your address instead of mine |
| <meta http-equiv="expires" content="0"> where you tell the server to command the browser to load this HTML file from an original server address instead of "0" you can give a date and hour, after which the browser must load this HTML file from an original server address <meta http-equiv="expires" content="Sat, 01 01 2002 12:00:00 GMT"> allowed names for the days: Mon, Tue, Wed, Thu, Fri, Sat, Sun allowed names for the months: Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec |
| <meta http-equiv="pragma" content="no-cache"> the tag is used to tell the Proxy Agent not to keep the page in cache
|
| <meta http-equiv="refresh" content="23;
URL=http://www.yourpage.net/yourpage2/"> the tag tells the browser to load another page in 23 seconds; here yourpage2 timeout "0" tells the browser to load the next page immediately make sure you follow this unusual tag in all parts, changing only the timing and the address; certain animations or comics are made with this tag |
| <meta http-equiv="refresh" content="10"> this example of a client pull causes the page to be automatically reloaded on a regular 10 second basis |
Note that META Tags are not suitable for your private notes. For all your
private information, use a commentary:
<!-- Your commentary does not appear on a page; it
is visible only in a Page Code.
This can be placed in the head or anywhere in your code to convey additional
information -->
I hope all this will help you to obtain a good search ranking in the search
engines.
|
Wis Fine Arts -
Paintings, Graphics, Drawings, Computer Art, Poetry, Photography -
Wieslaw Sadurski, polish artist based in Berlin
|
