Nasıl Yapılır - Bir Web Sitesi Oluşturun ve Görüntüleyin
Bilgisayarınızda bir web sayfasını nasıl oluşturacağınızı ve görüntüleyeceğinizi öğrenin.
Adım 1: Not Defteri'ni açın (PC)
Windows 8 veya üzeri:
Başlangıç Ekranını açın (ekranınızın sol alt köşesindeki pencere simgesi). Not Defteri yazın .
Windows 7 veya öncesi:
Başlat > Programlar > Donatılar > Not Defteri'ni açın
Adım 1: TextEdit'i açın (Mac)
Finder > Uygulamalar > TextEdit'i açın
Ayrıca uygulamanın dosyaları doğru şekilde kaydetmesini sağlamak için bazı tercihleri değiştirin. Tercihler > Biçim > " Düz Metin"i seçin
Ardından "Aç ve Kaydet" altında, "HTML dosyalarını biçimlendirilmiş metin yerine HTML kodu olarak görüntüle" yazan kutuyu işaretleyin.
Ardından kodu yerleştirmek için yeni bir belge açın.
Adım 2: Biraz HTML Yazın
Aşağıdaki HTML kodunu Not Defteri'ne yazın veya kopyalayın:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
3. Adım: HTML Sayfasını Kaydedin
Dosyayı bilgisayarınıza kaydedin. Not Defteri menüsünde Dosya > Farklı kaydet'i seçin.
Dosyayı "index.htm" olarak adlandırın ve kodlamayı UTF-8 olarak ayarlayın (HTML dosyaları için tercih edilen kodlamadır).
İpucu: Dosya uzantısı olarak .htm veya .html kullanabilirsiniz. Fark yok, size kalmış.
4. Adım: Tarayıcınızda HTML Sayfasını Görüntüleyin
Kaydedilen HTML dosyasını favori tarayıcınızda açın (dosyaya çift tıklayın veya sağ tıklayın - ve "Birlikte aç"ı seçin).
Sonuç şuna çok benzeyecek:
W3Schools Çevrimiçi Düzenleyici - "Kendiniz Deneyin"
Ücretsiz çevrimiçi düzenleyicimiz ile HTML kodunu düzenleyebilir ve sonucu tarayıcınızda görüntüleyebilirsiniz.
Kodu hızlı bir şekilde test etmek istediğinizde mükemmel bir araçtır . Ayrıca renk kodlaması ve kodu kaydetme ve başkalarıyla paylaşma özelliği vardır:
Örnek
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Nasıl çalıştığını görmek için "Kendiniz Deneyin" düğmesine tıklayın.
W3Schools Alanları
Kendi web sitenizi oluşturmak ve .html dosyalarınızı barındırmak istiyorsanız , W3schools Spaces adlı ücretsiz web sitesi oluşturucumuzu deneyin :