İLK SAYFAMIZI YAPIYORUZ
Evetttt, bu kadar temel bilgi ve hazırlıktan sonra artık '12 Dev Adam' web sayfamızı hazırlamaya başlayabiliriz.

Web sayfası hazırlamak için özel yazılımlar var mesela FrontPage, Dreamweaver, Adobe GoLive…vs. fakat bu programlar sizin işinizi ne kadar kolaylaştırsa da bazı dezavantajları olduğuda bir gerçek, o yüzden ben size asıl sahnenin arkasında neler döndüğünü göstermek istiyorum. Eğer windows tabanli bir bilgisayar kullanıyorsanız herhangi özel bir editör kullanmanıza gerek yoktur. Mesela dreamweaver veya frontpage gibi. Sizin için tek gerekli olan windows sisteminizinde içinde olan pek çekici görünmeyen Not Defteri’niz size yeterli olacaktir. Eğer bu program sistemizde mevcut değilse bunun yerine WordPerfect ya da Microsoft Word gibi farklı yazılımlarda kullabilirsiniz.
Şimdi isterseniz Not Defteri mizi açarak dizaynımıza başlayalım. Bunun için Başlangıç menü'sünden Donatıları ve ordan da Not Defterini seçebilirsiniz.

Önemli not: Not Defterinde dosyanızı saklarken dikkat etmeniz gereken en önemli nokta dosyanızın uzantısı. Not Defteri programı dosya uzantılarını .txt olarak saklar. Fakat bizim dosyamız bir HTML dosyası olduğu için uzantımızın .htm olması gereklidir. Ve eğer dikkatli olmazsak dosyamız '12devadam.htm.txt' gibi karışık bir hal alabilir. Böyle bir duruma izin vermemek aşağıdaki adımları izleyebilirsiniz:
1-Dosya menüsüne tıklayıp 'farklı kaydet' seçin.
2-Kayıt yapacağınız klasörün 'Konum' dan yerini tespit edin.
3-Dosya çesitini 'tüm dosyalar' olarak seçiniz.
4-Dosya adı olarak '12devadam.htm' diyerek .htm uzantısını dosya isminin sonuna eklemiş olun.

Yukardali resime göre konuşacak olursak A: sürücünüzde 'mircindi.htm' adlı bir html dosyası artık mevcut olacak.
İşte hemen sol tarafta yapacağımız web sayfasının görünümü, heyecanlamayın biraz sonra sizin olacak. :-)
|
|
|
|
 |
|
1. Başlığımızı yazıyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body></body>
</html>
|
|
|
|
 |
|
2. Sayfamızın arka plan rengini belirliyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"></body>
</html>
|
|
|
|
 |
|
3. İlk yazımızı yazıyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"><p>12 DEV ADAM'IN WEB SITESINE</p>
<p>HOS GELDINIZ!!!</p>
</body>
</html>
|
|
|
|
 |
|
4.Yazımıza renk ve biçim veriyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"><p align="center"><font size="7"><b><font color="#FFFFFF">12 DEV ADAM'IN WEB SITESINE </font></b></font></p>
<p align="center"><font size="7" color="#FFFFFF"><b><font size="6">HOS GELDINIZ!!!</font></b></font><font size="6"><b>
</b></font></p>
</body>
</html>
|
|
|
|
|