Geri git   Van.GEN.TR Forum | Yerel Van Forumu > Bilgisayar > Web Tasarım

Web Tasarım Web tasarımıyla ilgili bilgiler burda...

Cevapla
 
Konu Araçları Stil
Alt 23/07/07, 17:28   #11
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Kolon ve Satır Birleştirme

Rowspan: Satır birleştirmek için kullanılır (her satıra ait sadece 1 hücreyi yani bir başka deyişle alt alta hücreleri birleştirir)
Colspan: Sütun birleştirmek için kullanılır (yanyana hücreleri birleştirir)

** bu kodları kullandığınızda değerleri ne kadar verirseniz okadar td atlamak zorundasınız. Yani o değer kadar td komutunu yazmamanız gerekir. Şöyle ki; td atlamazsanız tablonuz (çigileri varsa) düzensiz görünür.

Örnek:

<table border=3>
<tr>
<td rowspan=2>&nbsp
</td>
<td >&nbsp
</td>
<td >&nbsp
</td>
<td >&nbsp
</td>
</tr>
<tr>
<td colspan=2>&nbsp
</td>
<td >&nbsp
</td>
</tr>
</table>

** Ayrıca belirtmeliyim ki; hücrelerin içini boş bırakmak ve çizgi görünmesini isterseniz &nbsp kodunu kullanmalısınız.
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:29   #12
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Çerçeveler (frame'ler)

Çerçeveler sayfamızda bazı sabit bölümler ve istediğimiz alanın değiştiririlmesinde kullanılır. asıl amaç sayfanızda dolaşırken cpu kullanımını azaltmaktır ama görünümün düzen içermesi içinde kullanılır. <frameset> kodu ile başlar, </frameset> kodu ile son bulur. Bu iki kod genel çerçeveyi belirler. Bu kodların arasında kullanılan başka kodlar da vardır.

rows:altalta oluşturulacak sayfa sayısını belirtir.

cols: yanyana oluşturulacak sayfa sayısını belirtir.

src: Oluşturulmuş bir sayfayı belirtilen çerçeve içine çağırır.

<Frame>: ilgili frameset ayarlarını bu kodla yaparız. yani çerçeveye sayfa eklemek, çerçevelere bölmek gibi..

<noframes> </noframes>: çerçeveleri tanımayan tarayıcılarda ekranın boş gözükmemesi için bu kodla yedek bir sayfa bağlantısı kurulur.

scrolling=yes: ilgili çerçevede scrollbar kullanımını etkinleştirir.

scrılling=no: ilgili çerçevede scrollbar kullanımını kapatır.

scrılling=auto: ilgili çerçevede scrollbar kullanımı default ayarındadır.

name: çerçeve ismi belirler.


örnek:

<html>
<head>
<title> deneme sayfası </title>
</head>
<frameset cols="100,*,100"> sayfayı solda 100pxl sağda 100pxl geriye kalan pxl'leri orta bölümde olacak şekilde kolonlara böldük
<frame name="soldakisayfa" scrolling=no src="sol.htm"> soldaki bölüm tanımlandı
kolonla ayırdığımız çerçevelerin orta bölümü yapılıyor
<frameset rows="150,*"> sayfayı üstte 150pxl geriye kalan pxl'leri orta bölümde olacak şekilde satır mantığıyla böldük
<frame name="üstsayfa" scrolling=no src="üst.htm"> üstteki bölüm tanımlandı
<frame name="altsayfa" scrolling=yes src="alt.htm"> alttaki bölüm tanımlandı
</frameset> kolonlara ayırdığımız sayfanın orta bölümü bitti
<frame name="sağdakisayfa" scrolling=no src="sag.htm"> sağdaki bölüm tanımlandı
</frameset> kolonlara ayırdığımız sayfanın sağ bölümü bitti
çerçeveleri tanımayan tarayıcılar için bu kısmın yazılması gerekir.
<noframes>
<a href="baglantisayfasi.htm"> </a>çerçeveleri tanımayan bir tarayıcıda direkt olarak ekrana bağlantisayfasi.htm gelir.
</noframes>
</html>
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:29   #13
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

bu örnekte görüldüğü gibi cols'ta veya Rows'ta ne kadar bölüm tanımlarsanız o kadar <frame mane=... src=.. > kullanmalısınız. Şunuda belirteyim ki; önce cols kullanmak şart değildir. sayfanızın düzeninin nasıl olmasını istiyorsanız ona göre cols yada rows başa gelir. bölmek istediğiniz kısımlarda bölme işlemini yaparsınız. yukarıdaki örnekte net bir şekilde görebilirsiniz.

Ayrıca benim tanımladığım bölümlerde pxl olarak kullanulan (150 yada 100 gibi) sayıları %30,%20,%80 şeklinde yüzde kavramıyla da tanımlayabilirsiniz. örnekte görmüş olduğunuz yıldız ise geriye kalan bölüm anlamındadır. tarayıcınız bunu bu şekilde anlar.
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:29   #14
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Arkaplan görüntüleri, sayfa duvarkağıdı

Sayfada düz arkaplan yerine renkli görüntüler kullanmak için background="resimadı" işareti kullanılmaktadır.

örnek:

<BODY BACKGROUND="zemin.jpg" text="#000000" link="#0066CC" vlink="#336600">

Bu resim sayfa ile aynı dizin içerisinde bulunmalı ve adı küçük/büyükharf olarak tag'de yazılan biçimi ile aynı olmalıdır. İnternet üzerindeki sistemlerin hiçbirinde dosya isimlerinde Türkçe harfler kullanılmamaktadır.

background işareti bgcolor ile birlikte kullanıldığında arkaplan resmi yükleninceye kadar sayfa bgcolor renginde görünecektir.
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:30   #15
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Yatay çizgiler

Sayfa içerisinde istediğiniz yere <hr> (horizontal ruler) işareti ile yatay bir çizgi atabilirsiniz.

Bu yatay çizigye bir kaç ekstra özellik kazandırmak mümkün:

Kalınlık: SIZE=sayı
Hizalama: ALIGN=LEFT/RIGHT/CENTER
Genişlik: WIDTH=yüzde veya WIDTH=sayı
Gölgesiz: NOSHADE

Bu özellikleri birleştirerek bir örnek verelim:
<hr size=10 align=left noshade width=50%>

Sola dayalı, 10 piksel genişliğinde, gölgesiz, ve sayfa genişliğinin yarısı genişlikte bir çizgi oluşturur.

**Web sayfalarında gördüğünüz bir çok süslü çizgi <hr> işareti ile değil, resimler kullanılarak oluşturulmuştur.**
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:30   #16
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Sırasız listeler

Kendi sırasız listelerinizi <ul> (unordered list) işaretini kullanarak yaratabilirsiniz. Nokta olması istenen her liste maddesi başında <li> bulunmalıdır. Komut biçimi şu şekilde:
<ul>
<li>Birinci madde
<li>İkinci madde
<li>Üçüncü Madde
</ul>

Sırasız liste şu şeklide görünecektir.

* Birinci madde
* İkinci madde
* Üçüncü madde

Sırasız listeler istendiğinde iç içe döngülendirilebilir.
<ul>
<li>Birinci madde
<li>İkinci madde
<ul>
<li>İkinci madde birnici şık
<li>İkinci madde ikinci şık
</ul>
<li>Üçüncü madde
</ul>

Döngülendirilmiş liste şu şekilde görünecektir.

* Birinci madde
* İkinci madde
* İkinci madde birinci şık
* İkinci madde ikinci şık
* Üçüncü madde


Sıralı veya Numaralı listeler


Sıralı listeler yaratmak için <ol> (ordered list) işaretini kullanabilirsiniz.
<ol>
<li>Birinci madde
<li>İkinci madde
<li>Üçüncü Madde
</ol>

Listeniz aşağıdaki gibi görünecektir.

1. Birinci madde
2. İkinci madde
3. Üçüncü madde

Sıralı listeler sırasız listeler gibi döngülendirilebilirler. Ayrıca sıralı ve sırasız listeler ile karışık iç içe döngüler oluşturmak mümkündür.


Tanım listeleri

Tanım listesini en iyi açıklamanın yolu bir örnek göstermektir.
<dl>
<dt> Elmalar
<dd> Elmalar hakkında bilgi burada verilmektedir.
<dt> Armutlar
<dd> Armutlar hakkında bilgi burada verilmektedir.
</dl>

İşte yukarıdaki tanım listesi aşağıdaki şekilde görünecekir.

Elmalar
Elmalar hakkında bilgi burada verilmektedir.
Armutlar
Armutlar hakkında bilgi burada verilmektedir.
<dl> bunun bir liste olduğunu gösterir.
<dt> bunun bir liste terimi olduğunu gösterir.
<dd> bunun bir liste maddesi olduğunu gösterir.
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:30   #17
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Ses Dosyaları

Bir Sayfa yüklendiğinde otomatik olarak ses dosyasının çalması nasıl sağlanır?
<EMBED SRC="ses.wav" AUTOSTART="TRUE" HIDDEN="TRUE" LOOP=3 > WAV
<EMBED SRC="ses.au" AUTOSTART="TRUE" HIDDEN="TRUE" LOOP=2 > AU
<EMBED SRC="children.mod" HIDDEN="FALSE" WIDTH="166" HEIGHT="95" autostart="true" loop="false"> MOD
<EMBED SRC="enter.mid" HIDDEN=true AUTOSTART=true LOOP=true > MIDI


Aktif Ses Kullanımı:
<EMBED SRC="ses.wav" NAME="snd" WIDTH="1" HEIGHT="2" SES> Here is a <A HREF="page.htm"
OnMouseOver="Play_()">link</A> aktif ses
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:31   #18
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

Formlar

Formlar kullanıcılardan gelen bilgileri standart şekillerde alan sayfanın etkileşimli alanlarıdır. Form kullanmanın e-mail almaya göre bir çok avantajı var. Eğer uygun yazılımlar geliştirirseniz form bilgilerini doğrudan istediğiniz yazılıma yönlenirebilirsiniz. Herhangi bir yazılım kullanmıyorsanız formunuzu ilk örnekteki gibi salt metin olarak e-mail adresinize gelecek şekilde ayarlayabilirsiniz.
<form action="mailto:kullanici@adresiniz.net?subject=Kon u Başlığı" method="POST" enctype="text/plain" >
Form Elemanları
</form>

Cgi için örnek POST komutu:
<form method="post" action="http://sunucu_adi/cgi-bin/program_adi.pl?değişken">
</form>

GET komutu nadir kullanıldığından anlatılmayacak.

Formlarda kullanılan bazı alan seçenekleri:

Radyo Buton'u tipi:
<BR>Soru1.
<BR><INPUT TYPE=Radio CHECKED NAME="Soru_adi1" VALUE="Birinci_Yanıt"> İkinci_Yanıt
<BR><INPUT TYPE=Radio NAME="Soru_adi1" VALUE="İkinci_Yanıt"> İkinci_Yanıt
<BR><INPUT TYPE=Radio NAME="Soru_adi1" VALUE="Üçüncü_Yanıt"> Üçüncü_Yanıt

Liste tipi soru:

<BR>Soru2<BR>
<SELECT NAME="Soru_adi2" >
<OPTION> Seçenek1
<OPTION> Seçenek2
<OPTION> Seçenek3
</SELECT><BR>

Küçük metin:

<BR>Soru3:<BR>
<INPUT TYPE=Text NAME="Soru_adi3" VALUE="varsayılan_değer" SIZE=25 MAXLENGTH=30><BR>

Geniş metin alanı:

<TextArea NAME="Soru4" ROWS=7 COLS=35 MAXLENGTH=100>
Varsayılan Yazı
</TextArea><BR>

Kutu işaretleme tipi soru
<Br> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek1">seçenek1
<BR> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek2">seçenek2
<BR> <INPUT TYPE="checkbox" NAME="Soru_adi3" VALUE="seçenek3">seçenek3
</UL>

Gönderme ve Sıfırlama butonları:

<INPUT TYPE=Submit NAME="Gönder" VALUE="Gönder">
<INPUT TYPE=Reset NAME="Reset" VALUE="Reset">
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 23/07/07, 17:32   #19
ZyreC
Site Yöneticisi
 
ZyreC - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Dec 2006
Bulunduğu yer: Van
Yaş: 42
Mesajlar: 4.724
Tecrübe Puanı: 200 ZyreC isimli üye Tecrübe puanını kapatmıştır.
Standart

META-işaretler:

Meta işaretler tarayıcılar, arama motorları ve sayfaya gelebilecek yazılımlara yönelik bilgiler içeren işaretlerdir. Sık kullanılan bir kaç Metaişaretin anlamını açıklamak yeterli olacaktır. Meta işaretler sayfada <HEAD> bölümü içerisine yerleştirlir.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9"> Turkish Metatag, Sayfanın Türkçe olduğunu ve uluslarası standart ensititüsünün ISO-8859-9 standardına uygun yapıldığını gösterir.

<META NAME="generator" CONTENT="Yazılım Adı"> Generator Meta tag, sayfanın hangi yazılım ile hazırlandığını gösterir.

<META NAME="Author" CONTENT=" Nevit "> Author Meta tag sayfanın hazırlayıcısı olan kişiyi gösterir.

<META NAME="keywords" CONTENT="keyword, keyword, keyword"> Content Meta tag Anahtar kelimelerin burada bulunması sadece bu bölüme bakan bazı arama motorlarının işini kolaylaştırır.

<META NAME="description"CONTENT=" Sayfanın tanımı "> Description Meta tag Bazı arama motorları arama motorunu kullanan kişilere bu bölümü gösterirler.

<META HTTP-EQUIV="Refresh" CONTENT="7;URL=index.html"> Refresh, İtme teknolojisi ile devreye giren bir meta işarettir. Sayfaya gelen kişi herhangi bir işlem yapmasa bile başka bir sayfaya aktarılır.

<META HTTP-EQUIV="Content-Type" Content-Base: "http://www.**********.com> Content Base, sayfa içeriğinin bulunduğu URL'yi gösterir.


Alıntıdır
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça


Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…


Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez...
ZyreC isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 1053
Takımınız:
Alt 25/08/07, 20:49   #20
TutSak
Yarbay
 
TutSak - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: Aug 2007
Yaş: 34
Mesajlar: 382
Tecrübe Puanı: 21 TutSak is a jewel in the rough TutSak is a jewel in the rough TutSak is a jewel in the rough TutSak is a jewel in the rough
Standart

oooo Zor ßişeye ßenziyoR ZamanLa ÖğrEnecez iNş PayLaşım iÇin tşkLer ZyreC Emeğine SağLık.
TutSak isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Konu Sayısı: 79
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 

Yetkileriniz
Yeni Mesaj yazma yetkiniz Aktif değil dir.
Mesajlara Cevap verme yetkiniz aktif değil dir.
Eklenti ekleme yetkiniz Aktif değil dir.
Kendi Mesajınızı değiştirme yetkiniz Aktif değildir dir.

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-KodlarıKapalı
Gitmek istediğiniz klasörü seçiniz


Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 14:59 .


Powered by vBulletin
Copyright © 2000-2007 Jelsoft Enterprises Limited.
Sitemap
6, 5, 3, 7, 8, 9, 10, 11, 12, 13, 14, 15, 113, 16, 17, 18, 19, 81, 20, 27, 22, 23, 24, 25, 26, 48, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 43, 136, 40, 58, 45, 42, 44, 46, 47, 53, 54, 55, 56, 57, 59, 60, 70, 61, 62, 63, 64, 65, 66, 68, 69, 71, 72, 74, 75, 76, 77, 78, 79, 80, 82, 83, 96, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 98, 97, 100, 101, 102, 103, 106, 104, 105, 112, 109, 108, 107, 110, 111, 114, 115, 118, 116, 117, 119, 148, 154, 124, 165, 122, 120, 123, 121, 150, 153, 125, 128, 129, 131, 132, 133, 134, 135, 137, 138, 139, 140, 141, 142, 143, 144, 145, 146, 147, 151, 149, 202, 175, 164, 152, 167, 155, 156, 157, 158, 159, 160, 161, 162, 163, 195, 169, 166, 168, 170, 171, 172, 199, 174, 173, 196, 200, 176, 177, 180, 178, 179, 182, 189, 187, 184, 186, 191, 192, 193, 194, 197, 198, 201, 203, 229, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 236, 231, 232, 233, 234, 235, 237, 240, 239, 241, 243, 242, 244,