HTML DERSLERİ UYGULAMA 1

Metin kaptan'ın Web Sitesi

index.html

İlkokul ikinci sınıftayken ilkokul öğrencileri arasında düzenlenen Milli Egemenlik konulu resim yarışmasında ikinci olmuştum. Bu nedenle öğretmenimin 23 Nisan kutlamaları sırasında bana verdiği ödülüm, Muzaffer İzgü’nün Metin Kaptan isimli hikaye kitabıydı. Hala saklıyorum.

Bu bölümde kendisine ait bir web sayfası hazırlayacak olan kahramanımızın ismi de Muzaffer İzgü’nün kitabından yola çıkarak adlandırdığım Metin KAPTAN.

4 sayfadan oluşacak sitemizin kodlaması tamamlandığında aşağıdaki resimlerdeki gibi görüntülenecektir.

index.html sayfası

index.html sayfasına baktığımızda en üstte bir menü, altında sayfanın soluna dayalı bir fotoğraf, fotoğrafın sağında kişisel bilgiler bulunduğunu görüyoruz. Bir alt alanda sevdiğim dersler ve hobilerim alanları bulunuyor. Bu alanların altında hedefim alanı ve en alt bölümde de sağdan sola doğru kayan yazı şeklinde Atatürk’ün bir sözünün geçtiğini görüyoruz.

Şimdi yavaş yavaş sitemizi kodlamaya başlayalım.

Öncelikle Gerekli Dosyalar bağlantısındaki resim dosyalarını tek tek daha önce oluşturduğumuz masaüstündeki www klasörü içindeki img klasörüne kaydedelim.

İlk olarak temel html etiketlerimizi yazalım ve index.html adıyla bu dosyamızı www klasörüne kaydedelim.

<!DOCTYPE HTML>
			<html lang="tr-TR">
				<head>
			<meta charset="UTF-8">
			<title>Metin Kaptan</title>
				</head>
				<body>
				</body>
			</html>