Neuvoja HTML-sivujen tekoon
Seuraavassa Hyper Text Markup Language (HTML)-ohjeessa tehdään lionsklubin mallisivu. Neuvot annetaan kohta kohdalta punaisella koodien jälkeen.
<!-- sivun perustamis- ja muotoilukoodit -->
<HTML>
<HEAD>
<TITLE>Lionsklubin mallisivu</TITLE>
</HEAD>
<BODY TEXT="#000099" BGCOLOR="#FFFFFF" LINK="#0000FF"
VLINK="#800080" ALINK="#FF0000">
Kirjaisimen koko ja laji sekä tekstin ja taustan väri asetetaan HTML-editoriin numeroina ja/tai kirjaimina. Microsoft Front Page Editor ja Netscape Gold laittavat automaattisesti oikeat koodit kirjaisin- ja värivalintasi jälkeen. Jos löydät Internetistä mieleisesi sivun, niin talleta se ja käytä siitä sopivat osat sivusi tekemiseksi. Muista tekijänoikeudet !
<!-- otsikko lionslogon ja rakenteilla-kuvan kanssa -->
<IMG SRC="we_serve1.gif" HEIGHT=202 WIDTH=221 ALIGN=LEFT><BR>
<CENTER>
<B><FONT SIZE=+4>Lions Club Repo/Saari</FONT></B>
<BR>
<B><FONT SIZE=-1>Rakennamme sivuamme ... <IMG SRC="undercon.gif" HEIGHT=38 WIDTH=38>
anteeksi keskeneräisyys !</FONT></B></P>
</CENTER>
| Ylläolevilla koodeilla saa tämän sivun. |
Rakennamme sivuamme ...  anteeksi keskeneräisyys !
|
Kuvien ja piirrosten koko tulee sovittaa sivusi kokoon.
<!-- kokouksen tiedot
-->
<P> <HR WIDTH="500"></P>
Yllä oleva koodi on 500 pikselin vaakaviivan koodi. Sivun eri kohtia voidaan erottaa sillä sisällön jaottelemiseksi ja lukemisen helpottamiseksi.
<UL> <DT><B><U><FONT
SIZE=+1>Kokoukset:</FONT></U></B></DT>
</UL><UL> <UL>
<LI><FONT SIZE=+1><B><FONT COLOR="#C86400">Milloin:</FONT></B>
1. keskiviikko klo 18:30</FONT> <BR></LI>
<LI><FONT SIZE=+1><B><FONT COLOR="#C86400">Missä:</FONT></B>
Ravintola Punainen Kukko</FONT></LI> </UL> </UL>
Laita ilmoitus klubisi kokoontumispaikasta ja -ajasta.
| Ylläolevilla koodeilla saa tämän sivun. |
|
<!-- klubin virkailijat ja yhteystiedot -->
<P> <HR WIDTH="500"></P>
<UL> <DT><B><FONT SIZE=+1>Virkailijat / Hallitus:</FONT></B></DT>
</UL><UL> <UL>
<LI><B><FONT COLOR="#C86400">Presidentti:</FONT><FONT
COLOR="#800080"> James T. Kirk <FONT SIZE=-1>koti: xxx-xxxx; työ:
xxx-xxxx; s-posti: tiberius@roddenbury.com</FONT></FONT></B></LI>
<LI><B><FONT COLOR="#C86400">1. varapresidentti:
</FONT><FONT COLOR="#800080">Spock <FONT SIZE=-1>home:
xxx-xxxx; office: xxx-xxxx; e-mail: fascinating@vulcan.org</FONT></FONT></B></LI>
<LI><B><FONT COLOR="#C86400">Sihteeri: </FONT><FONT
COLOR="#800080">Nyota Uhura <FONT SIZE=-1>home: xxx-xxxx;
office: xxx-xxxx; e-mail: hailing@frequency.net</FONT></FONT></B></LI>
<LI><B><FONT COLOR="#C86400">Rahastonhoitaja: </FONT><FONT
COLOR="#800080">Montgomery Scott <FONT SIZE=-1>home:
xxx-xxxx; office: xxx-xxxx; e-mail: scotty@engines.com</FONT></FONT></B></LI>
<LI><B><FONT COLOR="#C86400">Jäsen- ja läsnäolotoimikunnan pj:</FONT><FONT
COLOR="#800080">Hikaru Sulu <FONT SIZE=-1>home: xxx-xxxx;
office: xxx-xxxx; e-mail: helm@excelsior.net</FONT></FONT></B></LI>
</UL>
Voit laittaa luettelon klubisi virkailijoista sivullesi ylläolevien koodien mukaan. Muuta arvoja ja nimiä. Kysy kumminkin ensin virkailijoilta mitä tietoja heistä saa laittaa Internetiin !
| Ylläolevilla koodeilla saa tämän sivun. |
|
|
<!-- linkit
-->
<P><HR WIDTH="500"></P>
<DT><B><FONT SIZE=+1>Linkit:</FONT></B></DT>
<UL>
<P><A HREF="http://www.lions.fi"><IMG SRC="lionnet_logo-small.gif"
HEIGHT=22 WIDTH=102 ALIGN=ABSBOTTOM></A;A HREF="http://www.lions.fi"><B> <U> LionNet Finland</A>
| Ylläolevilla koodeilla saa tämän sivun. |
|
<!-- linkki LionNet Finland -->
<P><A HREF="http://www.lions.fi"><IMG SRC="lionnet_logo-small.gif"
HEIGHT=28 WIDTH=128 ALIGN=ABSBOTTOM></A><FONT SIZE=+1> <A HREF="http://www.lions.fi"><U>LionNet Finland</A></FONT></B>
<B><FONT COLOR="#FF0000"><FONT
SIZE=-1></FONT></FONT></B></P>
<!-- linkki LionNet International -->
<P><A HREF="http://www.LionNet.com"><IMG SRC="lionnet_logo-small.gif" BORDER=0 HEIGHT=37 WIDTH=170 ALIGN=ABSBOTTOM></A><B><FONT SIZE=+2> <A HREF="http://europe.lionnet.com">LionNet International</A> </FONT><FONT COLOR="#FF0000"><></FONT></B></P>
Laita klubisi sivulle linkit piirisi ja maasi lionssivuille sekä linkki kansainvälisen järjestön sivuille.
<!-- linkki Lions Clubs International -->
<P><A HREF="http://www.LionsClubs.org"><IMG
SRC="lci_button.jpg" BORDER=0 HEIGHT=40 WIDTH=212 ALIGN=ABSCENTER></A> <B><FONT
SIZE=+1><A HREF="http://www.LionsClubs.org">Lions Clubs
International</A> </FONT><FONT COLOR="#FF0000"><
</UL> </UL>
Lionslogoja voit ladata esimerkiksi LionNetin kuva-arkistosta.
| Ylläolevilla koodeilla saa tämän sivun. |
|
|
<!--- webmasterin yhteystiedot --->
<P><HR WIDTH="500"></P>
-
<CENTER><P><IMG
SRC="flag_array.gif" HEIGHT=168 WIDTH=350></P></CENTER>
<!-- a graphic might be placed before the text - both would include a mailto link -->
<CENTER><P><B><U><FONT
SIZE=-1>Otammme mielellämme vastaan kysymyksiäsi ja kommenttejasi</FONT></U></B></P></CENTER>
<P><HR WIDTH="500"></P>
</BODY>
</HTML>
Laita aina sivulle omat yhteystietosi, esimerkiksi sähköpostiosoitteesi.
| Ylläolevilla koodeilla saa tämän sivun. |
|
Lähetä kysymyksiä tai kommentteja sivuistamme |
