Annotated HTML guide

Açıklamalı HTML kılavuzu

Prototip Lions Kulüp Sayfası nın HTML (Hyper Text Markup Language) kodu, bölüm bölüm italik kırmızı yazılarla ve örneklerle açıklandı.

<HTML> <HEAD> <TITLE>Örnek Lions Kulüp Sayfası</TITLE> </HEAD> <BODY TEXT="#000099" BGCOLOR="#FFFFFF" LINK="#0000FF" VLINK="#800080" ALINK="#FF0000">

Sayfada kullanılacak metin ve renk bilgisi bu bölümde yazılır. Microsoft Front Page ve Netscape Gold görsel olarak şeçebildiğiniz renklere ait kodları otomatik olarak yazar. Ayrıca begendiğiniz bir sayfanın kodunu alıp notepad ile görebilir ve kendi sayfanızda kesip, kopyalayarak kullanabilirsiniz.

<IMG SRC="we_serve1.gif" HEIGHT=202 WIDTH=221 ALIGN=LEFT> <CENTER> ABC.. Lions Kulübü Sayfamız halen <IMG SRC="undercon.gif" HEIGHT=38 WIDTH=38> imal edilmektedir ! </CENTER>

This is what the code above produces.

ABC.. Lions Kulübü
Sayfamız halen imal edilmektedir. !

Tercihinize göre grafik ebatları değiştirilebilir. Clipart dosyalarından veya diğer Lions kulübü sayfalarından resim alıp kullanırsanız sayfanıza sığması için boyutları ile oynayabilirsiniz.

 <HR WIDTH="500">

Yukarıdaki satır 500 piksellik yatay çizgi için. Hem sizin için, hem de ziyaretçiler için bölümlerin basit grafiklerle bölünmesi kolaylık sağlar. Diğer bölümler arasında da genellikle aynı grafik kullanılır. Bu sayfada biz de aynı yatay çizgiyi kullandık.

<UL> <DT>Toplantılar:</DT> </UL><UL> <UL> <LI>Ne zaman: 2. ve 4. Çarşamba - 18:30 </LI> <LI>Nerede: Akol Otel-Büyük Salon</LI> </UL> </UL>

Eğer yükleme zamanının fazla uzatmayacaksa toplantı yerinizini küçük bir krokisi çok iyi olacaktır.

This is what the code above produces.

Toplantılar:

- Ne zaman: 2. ve 4. Çarşamba - 18:30
- Nerede: Akol Otel - Büyük Salon

<HR WIDTH="500"> <UL> <DT>Yönetim Kurulu:</DT> </UL><UL> <UL> <LI>Başkan: Ahmet Türkmen Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: ahmet@servisi.com</LI> <LI>Başkan 1. Yardımcısı: Mehmet Kemal Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: mehmet@servisi.org</LI> <LI>Sekreter: Cemal Noyan Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: cemal@frequency.net</LI> <LI>Sayman: Kemal Duran Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: kduran@engines.com</LI> <LI>Üyelik Direktörü:Halime Buldan Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: halime@excelsior.net</LI> </UL>

Buradaki bilgileri kendi kulüp bilgilerinizle değiştirebilirsiniz. Eğer yeni görevliler ekleyecekseniz ilgili bölümü kesip kopyalarak yeni bölüm açabilirsiniz.

This is what the code above produces.

Yönetim Kurulu:

- Başkan: Ahmet Türkmen T. Kirk Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: ahmet@servisi.com
- Başkan 1. Yardımcısı: Mehmet Kemal Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: mehmet@servisi.org
- Sekreter: Cemal Nolan Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: cemal@frequency.net
- Sayman: Kemal Duran Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: kduran@engines.com
- Üyelik Direktörü:Halime Buldan Ev: xxx-xxxx; İş: xxx-xxxx; e-mail: halime@excelsior.net

<HR WIDTH="500"> <DT>Linkler:</DT> <UL>

- <IMG SRC="lionnet_logo-small.gif" HEIGHT=22 WIDTH=102 ALIGN=ABSBOTTOM>  Kesim ve Bölgemizden Link   (Xxxxxxxxx Lions Kulübüne Link)

This is what the code above produces.

Linkler:
- Kesim ve Bölgemizden Link (Xxxxxxxxx Lions Kulübüne Link)

Bu link bölgenizdeki tüm kulüpler için yapılabilir. Parantez içindeki bilgiyi isterseniz kullanabilirsiniz

<IMG SRC="lionnet_logo-small.gif" HEIGHT=28 WIDTH=128 ALIGN=ABSBOTTOM> Ülke   (Ülke için LionNet nodu)

<A HREF="http://www.LionNet.com"><IMG SRC="lionnet_logo-small.gif" BORDER=0 HEIGHT=37 WIDTH=170 ALIGN=ABSBOTTOM></A> <A HREF="http://www.LionNet.com">Uluslararası</A>  (Uluslararası Linkler)

Kulüp sayfalarından genellikle bölgelerindeki kulüplere ve en yakın LionNet noduna link olur .Bu sayfanın amacı en basit bir şekilde sayfa yapımını anlatmak olduğu için eğer siz daha fazla yink yapmak isterseniz safyanın yapısını değiştirebilirsiniz.

<A HREF="http://www.LionsClubs.org"><IMG SRC="lci_button.jpg" BORDER=0 HEIGHT=40 WIDTH=212 ALIGN=ABSCENTER></A> <A HREF="http://www.LionsClubs.org">Uluslararası Lions Kulüpleri Birliği</A>   (Lions Merkez Ofisi) </UL> </UL>

Bir çok Lions logosu kullanılabilir. Resmi bir lions Kulübü olarak diğer Lions Kulüplerinin sayfalarında logoları kullanabilirsiniz Ayrıca LionNet resim arşivi 'nde de Lions Logoları mevcuttur.

This is what the code above produces.

Linkler:
- Ülke (Ülke için LionNet nodu)
  
  Uluslararası (Uluslararası Linkler)
  
  Uluslararası Lions Kulüpleri Birliği (Lions Merkez ofisi)

<HR WIDTH="500">

<CENTER><IMG SRC="flag_array.gif" HEIGHT=168 WIDTH=350></CENTER>

<CENTER>Görüş ve düşünceleriniz için</CENTER>
<HR WIDTH="500"> </BODY> </HTML>

Email linkleri için bir çok grafik bulunabilir. Email için linkiniz A HREF="mailto:name@server.ext".şeklinde yazılmalı

Yukardaki kodun görünüşü

Görüş ve düşünceleriniz için

G e r i d ö n