Bukadar bilgiden sonra şimdi bir websayfası hazırlayalım. Hazırlayacağımız websayfasında browser ekranına birkaç cümle yazdıracağız.
<HTML> <HEAD> <!-- Şimdilik başlık tanımlama taglarını görmediğimiz için bu bölümü boş geçiyoruz --> </HEAD> <BODY> Merhaba. Bu kursta ilk web sayfasını tasarladın. Tebrikler. </BODY> </HTML>
Öncelikle not defterini ( windows için ) yada kullanacağınız yazı editörünü açın. Sonra yukarıda gördüğünüz örnek websayfasının kodlarını yazın.
Yazacağımız kodların not defterinden görüntüsü
Sonrada ilksayfam.htm olarak mesela belgelerin kılasörüne kayıt edin.
ilksayfam.htm dosyasının nasıl simgelendiğinin windows ortamındaki görüntüsü.
Artık ilk websayfanızı hazırlamış oldunuz. Bu websayfasını browser ekranına getirmek için ilksayfa.htm dosyası üzerine çift tıklayın direkt olarak öntanımlı (default) browseriniz açılacak ve sayfa ekrana gelecektir.
Veya browserinizi açın ve ilksayfam.htm dosyasını mouse ile tutun ve browser penceresine sürükleyip bırakın.
Ayrıca browserinizin file menüsünden open seçeneğini seçerek ilksayfam.htm dosyasını açın. Bu üç yöntem sonundada ilksayfam.htm dosyası açılacak ve ilk sayfanız ekrana gelecektir. Aşağıdaki resimde sonucu görebilirsiniz.
Hazırladığımız sayfanın Nestcape 6.0 daki ekran görüntüsü
Bu örneğimizde kullandığımız tagların ekranda gözükmediği gibi <!-- ve --> tagları arasına yazdığımız açıklamalarında ekrana gelmediğine dikkat edin. Ayrıca üç ayrı paragrafı kodlarda oluşturduğumuz halde browser ekranında hiç paragraf oluşmadığına ve tüm yazıların ard arda yazıldığına dikkat edin.
Yine bir websayfasının kodlarını görmek istediğinizd browser ekranına mouse ile sağ tıklayın ve açılan menüden view source seçeneğini seçmeniz yeterlidir. Bu seçeneğe internet explorerda view (görünüm) menüsünden de ulaşabilirsiniz. Yine bu seçenek Nestcapede page source olarak view menüsünde bulunmaktadır.
Bu ilk denememizde gördüğümüz yöntemi bundan sonra devam ettireceğiz. Kodları deneyin dediğimde kodları yazı editöründe doğru olarak yazın ve sonra kayıt edin ve üzerine çift tıklayarak veya diğer yöntemlerden biri ile sayfayı açacaksınız.
Eğer sayfa düzgün görüntülenmiyorsa yazdığınız kodları inceleyin. Özellikle büyüktür veya küçüktür işaretlerinden birnin unutmuş olabilirsiniz.
|