Web sayfaları , internette yer alan resim. video , oyun ve daha bir çok şeye erişim imkanı sağlayan arayüzlerdir. Bugün bu web sayfalarının arkaplanlarının nasıl işlediğini yazıyorum. Kullanılan en temel betik dili HTML dir.
Peki HTML nedir? Ne amaçla kullanılır? Yapı ve özellikleri nelerdir? HTML belgesi oluşturmak için hangi programlar kullanılır?
Yukarıda temel bir taslağı görmektesiniz.
< > ve </> imgeleri sayfada kullanılan tagları açıp kapatmaya yarayan sembollerdir.
<html> ve </html> : yaratacağınız web sayafasının başlangıç tagıdır.
<head> ve </head> : oluşturulan web sayfası ile ilgili bilgileri tanımladığınız tagdır
<title> ve </title> : gerekli bir tagdır sayfanızın tanımlamak için kullanılacak isim tagıdır.
<body> ve </body> : web sayfanızın içerik kısmıdır .
HTML üzerine önemli noktaları şöyle sıralayabiliriz.
– açtığınız ve kapattığınız tagların yazılışları aynı olmalıdır. ( <HTML> ile açıp </html> ile kapatamazsınız…)
– tagların şematik sıralamasını karıştırmamalısınız. açtığınız tagı kapatmalısınız.
+HTML belgesi oluşturak için hangi programlar kullanılır?
– İşletim sisteminizle gelen eklentilerin yanında web tasarım için kullanılan editörlerde bulunaktadır. Windows da not defterini, Mac için ise TeachText veya SimpleText kullanılabilir. daha hızlı ve pratik olarak editör kullanmak isterseniz Dreamweaver ve Pagemill genel bazda önerilir.
HTML üzerinde genel geçer öğrendiğimiz bilgilerle Not defterinde bir deneme uygulaması yapalım ve yazmış olduğumuz notlar ışığında elimizde olanlara bakalım.
ADIM ADIM BASİT DÜZEY WEB SAYFASI
1- Windows kullanıyor iseniz not defteri uygulamasını açalım
2- Ana tag olan <html> tagını açalım.
3- Hemen ardından <head> tagını açalım ve sayfa hakkında bilgi girelim.
4- <head> tagından sonra <title> açıp sayfa adımızı girelim.
5- Şematik olarak önce </title> tagını ardından </head> tagını kapatıyoruz
6- Veee en özgür kısma geldik <body> tagımızı açıyoruz
7- Sayfanın içeriğinde görülmesini istediğimiz veriyi giriyoruz.<P> ile paragraf başı yapıyoruz ama verimiz az olduğu için pek belli olmuyor.
8-</body> tagını kapatıyoruz.
9-</html> tagını kapatıyoruz.
10- Buraya kadar sorunsuz geldiyseniz gerisi acayip kolay.
11- Dosya> farklı kaydet tıklayarak kaydedebiliriz.
12- Ama hemen kaydetmiyoruz. Minik bir ekleme yapıyoruz.
13- Dosya adı kısmına “dosyaadi.html” şeklinde isimlendiriyoruz. Detaylandırmakta fayda var. “dosyaadi” şeklinde yazdık.Çünkü dosya adında türkçe karakterler ve boşluk kullanılması sizin için sorun yaratabilir birinci olarak buna dikkat ediyoruz. Dikkat edeceğimiz noktalar konuyla denk geldikçe belirteceğim. Şüpheniz olmasın.Devam edelim…
15- Dosyamızın üzerine sağ tıklayarak birlikte aç seçeneğinden kullandığımız tarayıcıyı seçiyoruz.
16- TADAAAA ilk deneme sayfamızı yaptık bile..
ÜZERİNDE ÇALIŞMAK İSTERSENİZ KODLARI AŞAĞIYA BIRAKIYORUM
<html>
<head> <i> bu sayfa deneme amaçlıdır.</i>
<title> SAYFA ADI</title>
</head>
<body>
<p> BU BİR DENEME YAZISIDIR.
</body>
</html>