Web Style Manual

WWW Consortium; Sammanställning av olika verktyg

Gif Animations on the WWW

Grafik hantering jpg och gif

Icons for use in HTML Documents

Omvandla Excel till HTML

Pattern Land - Backgrounds

WWW Images
WWW Viewer Test Page

 

  H t m l   T i p s   &   T r i c k s

•  
• The Animation Zone This is the place to get some animated GIF files.
• Fairy Suryana's 3-D Library The best place in the web to get 3-D fonts and animate gif.
• The Icon Depot The name tells you already, lots of icons.
• netscape tricks and easter eggs Lots of Netscape tricks for all platforms.
• Texture Land Dowload background wallpaper and the Color Manipulation Device to help you choose the best colors for your web page.
• Thomas Homepage Nice page with web gallery and web tutorial.
• YIKES! AAAH! YIKES! Another free graphics?? Yes! The title says it all.

• Trick #1
  Do you know you can change the color of any character very easy without knowing their hex code? (like "#000000", "#FFFFFF", "#FFFF00")
  red orange yellow green lightgreen lightblue violet gold silver or any color you like as long as you can name them.

  SOURCE CODE:
  <font color="red">red </font><font color="orange">orange </font>
  <font color="yellow">yellow </font><font color="green">green </font>
  <font color="lightgreen">lightgreen </font><font color="lightblue">lightblue </font>
  <font color="violet">violet</font><font color="gold">gold </font>
  <font color="silver">silver </font>

• Trick #2
  Do you know you can create graphic looks like characters without using any image file? So you can fool your visitors. It's faster to load, and also save some disk space.
  E d m u n d ' s S h a r e w a r e, C h i n e s e, H t m l, J a v a, U n i x, S e a r c h

  SOURCE CODE:
  <font size="+1" color="ffff70">E</font> <font size="+1" color="ffff80">d</font>
  <font size="+1" color="ffffa0">m</font> <font size="+1" color="ffffc0">u</font>
  <font size="+1" color="ffffe0">n</font> <font size="+1" color="ffffa0">d</font>
  <font size="+1" color="ffff80">'</font> <font size="+1" color="ffff70">s </font>
  <font size="+1" color="50ff50">S</font> <font size="+1" color="70ff70">h</font>
  <font size="+1" color="a0ffa0">a</font> <font size="+1" color="c0ffc0">r</font>
  <font size="+1" color="e0ffe0">e </font> <font size="+1" color="e0ffe0">w</font>
  <font size="+1" color="c0ffc0">a</font> <font size="+1" color="a0ffa0">r</font>
  <font size="+1" color="70ff70">e, </font> <font size="+1" color="00c0ff">C</font>
  <font size="+1" color="30c5ff">h</font> <font size="+1" color="50c8ff">i</font>
  <font size="+1" color="70d0ff">n</font> <font size="+1" color="90d8ff">e</font>
  <font size="+1" color="a0e0ff">s</font> <font size="+1" color="a0e0ff">e, </font>
  <font size="+1" color="ff30b0">H</font> <font size="+1" color="ff50c0">t</font>
  <font size="+1" color="ff70c8">m</font> <font size="+1" color="ffa0d0">l, </font>
  <font size="+1" color="ffff40">J</font> <font size="+1" color="ffff60">a</font>
  <font size="+1" color="ffff70">v</font> <font size="+1" color="ffff80">a, </font>
  <font size="+1" color="c0ffc0">U</font> <font size="+1" color="a0ffa0">n</font>
  <font size="+1" color="70ff70">i</font> <font size="+1" color="50ff50">x, </font>
  <font size="+1" color="ff30b0">S</font> <font size="+1" color="ff50c0">e</font>
  <font size="+1" color="ff70c8">a</font> <font size="+1" color="ffa0d0">r</font>
  <font size="+1" color="ffb0d8">c</font> <font size="+1" color="ffd0e0">h</font>

• Trick #3
  Do you know you can control different background color in one page by using frame? Click here to see.
• Trick #4
  Do you know you can control different background color by using table? Inside the table just use <td bgcolor="color hex code or color name">. Like this:

  FF0000	00FF00	0000FF	FF00FF	9900CC	FFFF00	FF6600
  FF99CC	00FFFF	663333	9999FF	6699FF	6666CC	000066
  336699	00CCFF	99FFFF	99CCCC	669999	336666	009933
  33CC66	66FFCC	99FFCC	99FF00	FFFF66	996633	CC6699
  FFCC99	990000	FF6666	FFCCCC	993366	CC3366	CC3399
  FF6699	990099	CC66CC	6633FF	685DFF	00C8E7	FBF5E6
  FFEFE6	E6FFE0	E6FFE3	ECFFFB	DAE4FF	FFE0FD	EEECFF
  FFDAE4	FCFFDA	A8F3FF	9670FF	DAF8FF	FFEF13	FF0073
  FF83F3	BDFFBB	44FF47	95FFC5	000000	191919	333333
  4C4C4C	7F7F7F	999999	B2B2B2	CCCCCC	E5E5E5	FFFFFF

  Or like this:

  From Toronto, Ontario. Canada

  Hi! It's me! Edmund!

  E d m u n d ' s  S h a r e w a r e, C h i n e s e, H t m l, J a v a, U n i x, S e a r c h

• Trick #5
  Do you know you can use only one image file to display many images in different color. Click here to see.
  
• Trick #6
  Do you know you can let your visitor change the background color easily by using the mouse. Click here to see.
  
• Trick #7
  Do you know you can create effects with <sup> and <sub> tags?
  UP ^{Up Up and away!going back} to normal. _{Going down! and down then up up} up again.

  SOURCE CODE:
  <font color="#ffff00">UP ^{Up ^{Up and ^away!going}back}to normal. _{Going _{down! _{and down}then up}up}up again.</font>

• Trick #8
  Do you know you can create many effects with table border? Click here to see what I mean.
  
• Trick #9
  Do you know you can create different symbols with special code? Click here to see the code table.
  
• Trick #10
  Do you know how to control fonts for your homepage? You can create Standout Diploma with your Signature or Handwriting. Click here to find out.
  
• Trick #11
  Do you know you can open a www.companyname.com by just enter companyname.
  Enter netscape instead of http://www.netscape.com
  Enter imb instead of http://www.ibm.com
  
• Trick #12
  A lot of people ask me what is the trick to hide the source code. If you still can't figure out how, here is it: Just hit lots of <Enter> at the beginning of your page. Also place a statement saying there is nothing here. Althought this trick is so simple, yet it does fool many of your visitors. Enjoy! :)