![]() |
![]() |
#1 |
Aşmış Üye
![]() Üyelik Tarihi: Dec 2006
Konum: KoCaELi
Yaş: 40
Mesajlar: 34,356
Teşekkür Etme: 21 Thanked 162 Times in 97 Posts
Üye No: 23848
İtibar Gücü: 8774
Rep Puanı : 54700
Rep Derecesi :
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Cinsiyet : Erkek
|
![]() HTML
HTML dosyası uzantısı .HTM veya .HTML olan web tasarımı için kullanılan dosyadır. Derste, bu tip dosyalar hazırlanırken Başlat/Programlar/Donatılar/Not Defteri(=NotePad) programı kullanılacaktır. 2.1.1 Yeni Bir HTML Dosyası Hazırlamak 1. Internet Explorer penceresini açın,
HTML kodları(=deyimleri,komutları)<>şeklinde ifade edilen işaretlerin arasına yazılan HTML deyimleridir. Hemen hemen her kodun başlangıcı<>ve bitişi</>şeklindedir. Bu ibareler arasında kalan işlemler ilgili komut tarafından icra edilir. Bazı deyimlerin bir veya daha fazla parametresi vardır. Bu parametrelerin hepsi seçimliktir. Yani kullanma zorunluluğu yoktur. Fakat kullanıldığı takdirde deyime zenginlik katar. Ayrıca bu parametrelerin kullanılması için belli bir sıralama yoktur. HTML kodları yazılımında büyük harf küçük harf ayrımı da yoktur,örneğin <BODY>=<body>gibi. Aşağıda verilen örneklerin bir çoğunda büyük harf kullanılmıştır. 2.1.2 Giriş <HTML></HTML> Bütün HTML dosyaları <HTML> kodu ile başlar </HTML> kodu ile biter. Yani Web sayfası ile ilgili tüm deyimler bu iki kodun arasında kalmalıdır. <HEAD></HEAD> Web sayfası ile ilgili temel özellikler,Sayfa Başlığı, Yazı karakterler kümesi, link özellikleri gibi,burada tanımlanır.Kısacaheadkısmında sayfanın nasıl görüntüleneceği gibi bölümler yer alır.Yeri geldikçe bu deyimin kullanımı gösterilecektir. <TITLE></TITLE> <TITLE>satırında Internet Explorer (=IE) programına sayfaya başlık verilmek istendiği işaret edilmektedir. IE<TITLE>ve</TITLE>arasında yazılan metni pencere başlığı olarak kabul eder. Bu deyimler<HEAD></HEAD>deyimleri arasına yeralır. <BODY></BODY> Web sayfasında yer alacak asıl bilgiler HTML formatındaki dosyanın <BODY> deyimi belirlenen kısma yazılır. İşlem </BODY> deyimi ile biter. Bu iki deyim arasında herhangi bir metin web sayfasında ekranda aynen görülür. <!-- ... --> Dosyanın içinde bir açıklama yapmak için kullanılır. Açıklama ... ile belirlenen kısma yazılır. Örnek 1: Aşağıdaki örneği bir not defterine yazın ve dosya uzantısını htm veya html olarak belirleyin. Kod: <HTML><HEAD><TITLE>Ornek01.html</TITLE></HEAD><BODY>Merhaba Dünya!...</BODY></HTML> <BR> Bir metin yazılırken bir alt satıra geçmek için kullanılır. Bu deyim kullanılmazsa Tüm işlemler aynı satırdaymış gibi işlem görür. Yani<BR>deyimi Enter tuşunun görevini görür. <CENTER></CENTER> Bir veya daha fazla satırı sayfa içinde ortalamak için kullanılır. Örnek 2: Kod: <HTML><HEAD><TITLE>Ornek02.html</TITLE></HEAD><BODY>Gölbaşı<BR>Meslek Yüksek Okulu<!-- Bir yukarıdaki ve bir aşağıdaki satırları dikkatle inceleyin. --> GölbaşıMeslek Yüksek Okulu<BR> <CENTER>A D I Y A M A N</CENTER> </BODY></HTML> <H?></H?> Bu deyim Web sayfasında yazılacak olan metnin puntosunda değişiklik yapmak için kullanılır. ? İşareti yerine 1-5 arası bir rakam gelir. Örneğin,<H1>büyük puntolu yazı yazmak için kullanılır.Sayı değeri büyüdükçe punto küçülür.</H1>ile bitirilir. <FONT SIZE=”sayı” COLOR=”renk” FACE=”yazı tipi”></FONT> <H?></H?>deyimlerini kullanmak yerine bu deyim kullanılabilir. Parametreler: SIZE :Sayfada bulunan bir yazının punto ayarı burada yapılır. Örneğin sayı yerine +4 yazılırsa FONT deyiminin arasına yazılmış olan metnin boyutu +4 birim daha büyük görülecektir, -2 yazılırsa metin -2 birim daha küçük görülecektir. COLOR :Yazının rengi burada belirlenir. Red,Blue... gibi FACE :Yazı tipi ayarlamalarını burada yapılır. Arial, Tahoma... gibi Örnek 3: Kod: <HTML><HEAD><TITLE>Ornek03.html</TITLE></HEAD><BODY><CENTER><!-- 3 punto ile --><H3>Ahmet Bingül</H3> <!-- punto ayarı verilmemiş --> <FONT FACE=”Courier New” COLOR=”Blue”>Ahmet Bingül</FONT> <!-- punto ayarı 2 birim azaltılmış --><FONT COLOR=”Green” SIZE=”-2”>Ahmet Bingül</FONT> </CENTER></BODY></HTML> <B></B> Bu iki deyim arasına yazılan metni koyu (=Bolt) olarak sayfada gösterilmesini sağlar. <U></U> Bu iki deyim arasına yazılan metni altıçizili (=Underline) olarak sayfada gösterilmesini sağlar. <I></I> Bu iki deyim arasına yazılan metni italik (=Italic) olarak sayfada gösterilmesini sağlar. <SUP></SUP> Bu iki deyim arasına yazılan metin üstindis olarak işlem görür. <SUB></SUB> Bu iki deyim arasına yazılan metin altindis olarak işlem görür. Örnek 4: Kod: <HTML><HEAD><TITLE>Ornek04.html</TITLE></HEAD><BODY><CENTER><B>Bu metin koyu </B><BR><I>Bu metin italik</I><BR><U>Bu metin altıçizili</U><BR><B><I>Bu metin koyu ve italik</I></B><BR><BR></CENTER>a kare + ab kare = a<SUP>2</SUP> + b<SUP>2</SUP><BR>x1 + x2 = x<SUB>1</SUB> + x<SUB>2</SUB></BODY></HTML> 2.1.3 Paragraf Biçimlendirme <PRE></PRE> Web sayfasında yazılan kelimelerin arasında yalnız bir boşluk vardır. Ayrıca bir alt satıra geçerken <BR>deyiminin kullanılması gerektiği daha önce bahsedilmişti. Web sayfasında yazdığınız metnin NodPad e yazdığınız formatta görünmesi için bu deyim kullanılır. Örnek 5: Kod: <HTML><HEAD><TITLE>Ornek05.html</TITLE></HEAD><BODY>AhmetBingül<!-- Yazı tipinin varsayılan değeri Courier New dir.--><PRE> AhmetBingül </PRE></BODY></HTML> <P ALIGN=”Right|Left|Center”></P> Eğer uzun bir metin birden fazla paragrafla belirlenmek istenirse paragrafın başına ve sonuna bu deyimler yazılır. Parametreler: ALIGN ![]() sağa dayalı yazılır.<P ALIGN=”Left”>sola dayalı olarak ve<P ALIGN=”Center”> paragraf ortalanarak sayfada görüntülenir. Örnek 6: <HTML> <HEAD><TITLE>Ornek06.html</TITLE></HEAD> <BODY> <P ALIGN=”RIGHT”>HTML de font ayarları SIZE ile yazılan metnin punto ayarı yapılabilir. sayı, +5 olarak seçilirse yazı büyüklüğünün 5 punto kadar arttır anlamındadır.-5 seçilseydi 5 birim azalt anlamındadır. COLOR ile yazının rengi belirlenir. Renk ingilizce renk adlarından biri olmalıdır, yellow gibi. FACE ile yazı tipi belirlenebilir. Bu üç parametre seçimliktir ve sırası önemli değildir. İstenilen parametre kullanılabilir. </P> <P><B>Ahmet Bingül</B></P> <BR> <H2> <I>Gölbaşı </I><U>MYO</U> </H2> </BODY> </HTML> 2.1.4 Sayfanın Artalanını Belirleme Bu işlem<BODY>deyiminin parametreleri kullanılarak yapılır. Daha önce<BODY>deyimini kullanırken bu parametrelerden bahsedilmemişti. i) Artalan Rengini Belirleme <BODY BGCOLOR=”renk”></BODY> Renk kısmına sayfanın istenilen artalan rengi yazılır. Bu renkler ingilizce renk isimleri olmalıdır. Örneğin: Blue, Black, Green, Yellow, Red, Gray, Cyan... gibi. <BODY BGCOLOR=”#kkyymm”></BODY> Yukarıdaki kısımda kullanacağınız renk sayısı sınırlıdır. Dolayısıyla Aradığınız renk tonu yukarıdaki özellikte bulamayabilirsiniz. doğada bulunan üç ana renk kırmızı,yeşil,mavi dir. Tüm renkler bu renklerin karışımından elde edilebilir. #kkyymm ifadesini kullanarak bir k-y-m renklerinden bir karışım elde edebilirsiniz. Burada kk,yy,mm ifadeleri birer rakama karşılık gelmektedir. Örneğin #990000 tam olarak kırmızı renge karşılıktır. Renk tonu ayarları bu rakamlar aracılığı ile yapılır. Bazen bir renk tamamen kullanılacaksa, yani ilgili pozisyona 9 konacaksa, F(=Full) kullanılabilir. Örneğin; #FF15FF = #991599, #0F5FFF = #095999 gibi.(yaklaşık olarak!) Örnek 7: Kod: <HTML><HEAD><TITLE>Ornek07.html</TITLE></HEAD><BODY BGCOLOR=”#FF00FF”><!-- Artalan Mor renk olarak seçildi. --><CENTER><FONT COLOR=”WHITE” SIZE=”3”>MERHABA DUNYA!..</FONT></CENTER></BODY></HTML> ii) Artalana Resim Ekleme <BODY BACKGROUND=”file://artalana_konacak_olan_resmi_ konumu”></BODY> Artalanı belli bir renkte boyamak yerine, artalana konumu bilinen bir resim dosyası eklenebilir. Bu dosyaların uzantıları .GIF,.JPG,.JPEG veya .BMP olmalıdır. Örnek 8: Kod: <HTML><HEAD><TITLE>Ornek08.html</TITLE></HEAD><BODY BACKGROUND=”File:///a:/resimler/artalan.gif”><!-- Diskette bulunan bir resim artalan olarak görüntüleniyor... --><P ALIGN=”Center”><B>Ahmet Bingül</B></P></BODY></HTML> 2.1.5 Sayfaya Yatay Çizgi Ekleme <HR WIDTH=”uzunluk” COLOR=”renk” SIZE=”yükseklik” NOSHADE> Web sayfasına belli bir uzunlukta,renkte ve boyutta yatay bir çizgi çizmek için kullanılır. Parametreler: WIDTH : Sayfada bulunan yatay çizginin uzunluğunu piksel veya % olarak burada belirlenir. Piksel ekrandaki nokta sayısı ile ilgilidir. % ise ekrandaki bir satırı kaplama oranıdır. Örneğin 80% bir satırın %80 ni kaplayacak şekilde bir yatay çizgiyi işaret eder. SIZE : Çizginin kalınlığı burada ayarlanır. 1-5 arası değerler kullanılır. COLOR : Yatay çizginin rengi burada belirlenir. NOSHADE : Yukarıdaki 3 durumda da çizginin bir gölgesi vardır. Bu parametre kullanılırsa yatay çizginin gölgesi ortadan kalkar. Örnek 9: Kod: <HTML><HEAD><TITLE>Ornek09.html</TITLE></HEAD><BODY BGCOLOR=”#000000”><HR><HR WIDTH=”75%” NOSHADE><CENTER><FONT COLOR=”White” FACE=”Arial”>AHMET BINGUL...</FONT><HR COLOR=”#F0FF09” WIDTH=”200” SIZE=”2” NOSHADE><HR COLOR=”White” WIDTH=”200” SIZE=”2”></CENTER></BODY></HTML> 2.1.6 Sayfaya Resim Ekleme <IMG SRC=”file://dosya” WIDTH=”genişlik” HEIGHT=”yükseklik” ALT=”açıklama” BORDER=”sınır”> Web sayfası içinde resim dosyası yerleştirmek için bu deyim kullanılır. Parametreler: SCR : file:// dan sonra sayfaya eklenecek olan resim dosyasının konumu yazılır. WIDTH :Sayfaya eklenmiş olan resmin eninin ebatları piksel veya % olarak burada belirlenir. HEIGHT : Sayfaya eklenmiş olan resmin boyunun ebatları piksel veya % olarak burada belirlenir. ALT : Sayfaya eklenmiş olan resmin fare ile üzerine gelindiğinde, açıklama amaçlı bir yazı göstermek için kullanılır. BORDER :Sayfaya eklenmiş olan resme kenarlık vermek için kullanılır. Sınır (0-6) arası. |
![]() |
![]() |
![]() |
#n/a |
Bot
![]()
Giriş Tarihi: Ocak 2005
Yaş: 0
Mesaj : 0
Üye No: 0
Rep Power: Çok
|
uyuzsultan (10-27-2007) bu konu için teşekkür ettiler...
|
![]() ![]() ![]() |
Konuyu Görüntüleyen Aktif Kullanıcılar: 1 (0 üye ve 1 misafir) | |
|
|