HTML Ders (1)
Merhabalar,
Bugün geçen yazımda bahsettiğim gibi yeni başlayan arkadaşlar için bazı parçacıklar gösterecek ve biraz mantık anlatacağım.
İnternet nedir ? IP nedir ? Bunlar zaten her türlü forumda veya web sitelerinde bulabileceğimiz şeyler. Biraz daha işe yarayacak türden bir yazı olsun istiyorum.
Şimdi Html'e gelelim, HTML web tasarımda kullanabileceğiniz en basit kodlama dilidir. İngilizceyi az çok bilen birisinin bile bu kod ne işe yarıyor diye merak ederek anlamını düşünse bulabileceği bir çeşittir.
HTML yapısı genel olarak şu şekildedir ;
Bugün geçen yazımda bahsettiğim gibi yeni başlayan arkadaşlar için bazı parçacıklar gösterecek ve biraz mantık anlatacağım.
İnternet nedir ? IP nedir ? Bunlar zaten her türlü forumda veya web sitelerinde bulabileceğimiz şeyler. Biraz daha işe yarayacak türden bir yazı olsun istiyorum.
Şimdi Html'e gelelim, HTML web tasarımda kullanabileceğiniz en basit kodlama dilidir. İngilizceyi az çok bilen birisinin bile bu kod ne işe yarıyor diye merak ederek anlamını düşünse bulabileceği bir çeşittir.
HTML yapısı genel olarak şu şekildedir ;
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Sayfa içeriği.
</body>
</html>
Sayfa içeriği kısmında eklemek istediğiniz yazı, resim, müzik, video, animasyon ve benzer herhangi istediğiniz bir içeriği yine html kod yardımıyla ekleyebilirsiniz.
Gelelim şimdi bu sayfayı nasıl çalıştıracağımıza ??
Html sayfalar diğer php veya asp gibi çalıştırılmak için özel şeyler istemezler. Örneğin bir php kodlu sayfayı localde yani kendi bilgisayarınızda çalıştırabilmek için bazı programlar kurmanız gerekir. Örneğin Wampserver gibi..
Fakat HTML dilinin derleyicisi bilgisayarımız içerisinde zaten mevcut durumdadır ve görüntülemek için herhangi bir program yüklememiz gerekmemektedir. HTML sayfaları bir çok programla düzenleyebilir üzerinde değişiklik yapabilirsiniz. Benim tavsiyem bu noktada Dreamweaver programıdır. Fakat o programa gelmeden önce biz bilgisayarımızda yapıyı bir çalıştıralım.
Öncelikle masaüstünde sağ tıklayarak yeni bir metin belgesi oluşturalım. Ardından bu metin dosyasının içerisine yukarıda vermiş olduğum kod yapısını yazalım. Yazmanız tavsiyemdir kopyalamayın, yazarsanız aklınızda kalacaktır.. Yazdıktan sonra burada ki Sayfa Başlığı yazan kısmı istediğiniz şekilde değiştirebilirsiniz. Aynı zamanda Sayfa içeriği kısmınıda düzenleyebilirsiniz. Bu işlemleri gerçekleştirdikten sonra, Farklı kaydet diyip Tüm dosyaları seçerek, dosya adını index.html olarak yazıyoruz ve kaydediyoruz.(Aşağıda örnek resim.)
Farklı Kaydetme
Farklı kaydettikten sonra herhangi bir tarayıcı içerisinde açıp görüntüleyebilirsiniz. Çift tıkladığınız anda otomatik olarak gelecek ve yazdığını yazıların içerisinde yazmış olduğunuz başlığın ise sayfanın yukarısında olduğunu göreceksiniz.
İçerisine yazdığınız metinlerin üzerinde bazı değişiklikler yapmak için;
Yazıyı Kalın Yapmak İçin : <b>Yazı</b>
Yazıyı İtalik Yapmak İçin : <i>Yazı</i>
Yazıyı Altı Çizili Yapmak İçin : <u>Yazı</u>
Etiketlerini kullanabilirsiniz. Yukarıdaki kodun tamamını body içerisine yazarak kaydedip tekrar açtığınızda değişiklikleri görebilirsiniz.
Bir sonra ki yazıda görüşmek üzere..
Yorum