Web Tasarım
Web sitesi açmak isteyen ama nasıl yapıldığını bilmeyenler için birazda yardımcı olacak ipuçları.
- Yahoo, Google vb kuruluşlarda E mailiniz varsa geocities veya page creator da kayıt olmanız çok basit. Sadece bildiğiniz E posta şifreye kullanarak bir sayfa açmanız mümkün.
- Benim site Google pages de yer almaktadır ve burada ana sayfa google tarafından işletmektedir geri kalan sayfalar aynı adreste yüklü (upload). Yahoo Geocities kullanmak istersiniz biraz karışıktır ama File Manager linki takip edersiniz ve ilk sayfa index.html olarak kayıt edersiniz gerisi kolaydır.
- Web tasarımı sizi çok iyi öğretebilen "w3 Schools" (bedava) ziyaret edin adresi ise http://www.w3schools.com/default.asp
Web tasarımda birçok değişik programlar kullanımdadır en sağlıklısı Windows’un Notepad (vb) programı.
Bir web sayfa, sadece web tarayıcının (Explorer,Mozilla,Netscape) içeriği nasıl okuması gerektiğini anlatan bir yazıdır. Bu yazının belli başlı kuralları var ve bu kuralların en baştaki şudur açılan emirler aynı şekilde ve sırasıyla kapanması gerekmektedir.
Mesela inanın yada inanmayın alttaki yazı bir web sayfasıdır:
<html>
<body>
<h1>başlık</h1>
<p>paragraf</p>
</body>
</html>
Komutlar
| Kullanılan temel komutları | Anlamı |
| <html> | Web sayfa başlangıç |
| <body> | İçerik başlangıç |
| <h(1,2,3,4,5,6)> | Başlık başlangıç |
| <p> | Paragraf başlangıç |
| <font face="Tahoma" size="4" color="purple"> | Yazı tipi Tahoma ebat ise 4 (en büyük 7) rengi mor |
| <b> | Yazı kalınleştirir |
| <i> | Yazı yatırır |
| <big> | Yazı büyütür |
| <sub> | Yazı aşağı alır |
| <sup> | yazı yukarı alır |
| <br /> | Yazı yeni satırda başlatır |
| <ul> | Liste başlatır |
| <ol> | Numaralı liste başlatır |
| <li> | Liste madde başlık |
| <table> | Tablo başlatır |
| <tr> | Tablo satır başlangıç |
| <td> | Tablo hücre başlangıç |
| <img src="resim.jpg" alt="benim resim" width="300" height="400" border="2"> | Resim, resim isim, resim görünmediğinde yazı, en, yüksekliği, etrafındaki kenar kalınlığı. |
| <a target="_blank" href="http://www.w3schools.com/default.asp">w3</a> | Web üzerinde yer alan her neyse yeni bir sayfada açmaktadır ve nesnenin adı gösterir |
| <hr /> | Sayfayı bölme çizgi |
| </p> </font> </b> </i> </big> </sub> </sup> </ul> </ol> </li> </table> <tr/></td></cite> | Komutu son işaretler |
| <!---yorum---> | Görünmeyen yorum |
| <cite> | alıntı belirtmek için |
| ç | küçük ç |
| Ç | büyük Ç |
| ä | küçük ä |
| Ä | büyük Ä |
Bu noktadan sonraki bölümü kopyalayıp boş bir Notepad sayfasına yapıştırın ve dosyayı Deneme.html olarak kayıt edin. Kayıt edildikten sonra bunun sizin bilgisayarınız web sayfa olarak algıladığını göreceksiniz. Dosyada düzeltmeler yapmak istediğinizde dosyayı sağ tıklayın ve notepad ile açın. Her şeyin çalışabilmesi için Web sitenizin tüm dosyalar aynı yerde bulunması gerekir (sayfalar resimler vs.).
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–transitional.dtd">
<html>
<head>
<title>Deneme</title>
<meta name="robots" content="noindex,nofollow" />
<meta http–equiv="Content–Language" content="tr" />
<meta http–equiv="Content–Type" content="text/html; charset=windows–1254" />
<meta http–equiv="Content–Type" content="text/html; charset=ISO–8859–9" />
<meta name="Description" content="bu bir Denemedir" />
<meta name="Keywords" content="deneme,web tasarım" />
</head>
<body bgcolor="yellow" text="purple" link="Navy" vlink="Green">
<blockquote>
<h1 align="center"><font face="Tahoma">
Web tasarım</font></h1>
<hr />
<h2>Başliklar bu şekilde kullanılır:</h2>
<p>
<font face="tahoma" size="4">
Bu bir <br /> deneme sayfasıdır <a target="_blank" href="http://www.w3schools.com/default.asp">bedava web tasarım okul</a>
</font>
</p>
<p><font face="Ariel" size="3"><b>bu kalın bir yazı ve sonu</b><br /> <i>bu ise yatık</i><br /> <big>bu ise büyük</big><br /> bu ise normal</font></p>
<table border="2" cellpadding="4" cellspacing="4" width="200">
<tr>
<td valign="bottom"><font face="Ariel">hücre1</font></td>
<td align="right"><font size="4" face="Tahoma" color="Navy">hücre2</font></td>
</tr>
<tr>
<td bgcolor="red" align="center"><font color="black">yeni satır</font></td>
<td background="http://getmeahorseor2.googlepages.com/Ay.gif"> </td>
</tr>
</table>
<p>Numaralı Liste</p>
<ol><li><font size="3">birinci</font></li>
<li><font size="3">ikinci</font></li>
<li><font size="3">üçüncü</font></li>
<li><font size="3">& son</font></li>
</ol>
<p align="center"><a target="_blank" href="http://getmeahorseor2.googlepages.com/WebTasarim2.html"><img src="http://getmeahorseor2.googlepages.com/Kar.jpg" alt="resim" width="400" height="300" /></a><br/>
<font size="4">Resim aynı anda link</font></p>
<p align="right"><a href="mailto:billigates@microsoft.com"><font size="5">E–mail</font></a></p>
</blockquote>
<p align="center"><font face="Arial" size="4"><a href="http://www.w3schools.com/default.asp">Anasayfaya </a></font></p>
</body>
</html>