- Katılım
- 6 Nisan 2020
- Mesajlar
- 2,442
- Çözümler
- 1
- Reaksiyon puanı
- 2,265
- Puanları
- 358
- Yaş
- 124
- Konum
- İsTaNbUl
Merhabalar, bugün web tasarım derslerimizin ilk bölümüyle karşınızdayım. Öncelikle Kullanacağımız Temel Kodlama Dilinden Başlayalım : Html ! Html ne derseniz size şöyle açıklayayım : Html bizim site yaparken kullandığımız temel kodlama dilidir ve (neredeyse) her sitede kullanılır. Bir html örneği için google.com adresine gidip sağ tık> incele demeniz yeterdir. sağınızda bir panel açılır ve orada kodu görebilirsiniz.
Gereksinimler :
Sublime Text(Sublime Text - A sophisticated text editor for code, markup and prose) : Kodlarımızı Bunla Yazacağız. Linux, Mac Os ve Windows İçin Mevcuttur
"<" ve ">" tuşları : html kodlar < ve > kullanır; mesela <html></html>
O zaman Başlayalım! Şimdi ilk olarak Sublime Text'imizi açıyoruz. Sonra File>New Diyoruz. Ondan sonra masaüstüne bir klasör oluşturun. Ondan sonra Sublime Text'e gelip File> Save As.. 'e tıklıyoruz. Çıkan farklı kaydet bölümünden Dosya Adımızı "index.html" yapıp; aşağıdan all files seçiyoruz(dosya tipi seçme bölümünden) ve save tuşuna basıyoruz. Sonra Sublime Text'imize geliyoruz ve ilk kodumuzu yazıyoruz.
<html>
</html>
Bu kodun işlevini anlatayım size: "Her html kodu için gereklidir. Çünkü html kodları belirli parçaların içinde yazılır (mesela div ve body)".
şimdi bu kod tek başına hiçbirşey yapmaz. o yüzden devam edelim :
<body>
</body>
Peki bu kod ne? Bu kod Gövde Kodudur. Temel Kodlardan Birisidir. Bu kodun İçine Yazacağız Kodlarımızı. Bu arada neden bu html kodlarının sonundakileinin başında "/" var diye soracaksınız cevap şu: bu kodlar html tagı olarak da geçerler ve ve tagı kapatmak için "/"e ihtiyaç duyulur. Yani İlki Tagı açar; Sonuncusu Tagı Kapar. Peki biz bu son kodu nereye yazacağız?
<html>
<body>
</body>
</html>
Umarım Bu Koda Bakarak Sistemi Anlamışsınızdır. Şimdi bir kodlama klasiği olarak "Merhaba Dünya" Yazalım. Bunun için başlık yazısını kullanalım yani <h> tagını. Ama bu tagın kullanılışı farklıdır <h1><h2><h3> gibi kullanılır; h' nin yanındaki sayı ne kadar büyükse yazı tipide o kadar küçüktür. <h1>,<h2>,<h3>,<h4>,<h5>,<h6> olarak kullanılırlar. Tagı yazdıktan sonra içine yazımızı yazalım ve kaydedelim:
<html>
<body>
<h1>Merhada Dünya ! </h1>
</body>
</html>
Sonra Kodumuzu file>save diyip kaydettikten sonra dosyanın olduğu klasörü açıyoruz. eğerki index.html dosyasının üstünde tarayıcınızın logosu varsa tıklayın sayfa açılacaktır
; eğer yoksa sağ tık>birlikte aç>google chrome(firefox vs de olur) diyoruz ve sayfamız açılıyor ! Bugünlük Dersimiz Bu KadarDI. Biliyorum Kısa Oldu Ama Başlangıç İçin Bu Kadar. Sonraki Derslerde Görüşmek Üzere! (Dersleri Hakkımda Kısmında Bulabilirsiniz)
Gereksinimler :
Sublime Text(Sublime Text - A sophisticated text editor for code, markup and prose) : Kodlarımızı Bunla Yazacağız. Linux, Mac Os ve Windows İçin Mevcuttur
"<" ve ">" tuşları : html kodlar < ve > kullanır; mesela <html></html>
O zaman Başlayalım! Şimdi ilk olarak Sublime Text'imizi açıyoruz. Sonra File>New Diyoruz. Ondan sonra masaüstüne bir klasör oluşturun. Ondan sonra Sublime Text'e gelip File> Save As.. 'e tıklıyoruz. Çıkan farklı kaydet bölümünden Dosya Adımızı "index.html" yapıp; aşağıdan all files seçiyoruz(dosya tipi seçme bölümünden) ve save tuşuna basıyoruz. Sonra Sublime Text'imize geliyoruz ve ilk kodumuzu yazıyoruz.
<html>
</html>
Bu kodun işlevini anlatayım size: "Her html kodu için gereklidir. Çünkü html kodları belirli parçaların içinde yazılır (mesela div ve body)".
şimdi bu kod tek başına hiçbirşey yapmaz. o yüzden devam edelim :
<body>
</body>
Peki bu kod ne? Bu kod Gövde Kodudur. Temel Kodlardan Birisidir. Bu kodun İçine Yazacağız Kodlarımızı. Bu arada neden bu html kodlarının sonundakileinin başında "/" var diye soracaksınız cevap şu: bu kodlar html tagı olarak da geçerler ve ve tagı kapatmak için "/"e ihtiyaç duyulur. Yani İlki Tagı açar; Sonuncusu Tagı Kapar. Peki biz bu son kodu nereye yazacağız?
<html>
<body>
</body>
</html>
Umarım Bu Koda Bakarak Sistemi Anlamışsınızdır. Şimdi bir kodlama klasiği olarak "Merhaba Dünya" Yazalım. Bunun için başlık yazısını kullanalım yani <h> tagını. Ama bu tagın kullanılışı farklıdır <h1><h2><h3> gibi kullanılır; h' nin yanındaki sayı ne kadar büyükse yazı tipide o kadar küçüktür. <h1>,<h2>,<h3>,<h4>,<h5>,<h6> olarak kullanılırlar. Tagı yazdıktan sonra içine yazımızı yazalım ve kaydedelim:
<html>
<body>
<h1>Merhada Dünya ! </h1>
</body>
</html>
Sonra Kodumuzu file>save diyip kaydettikten sonra dosyanın olduğu klasörü açıyoruz. eğerki index.html dosyasının üstünde tarayıcınızın logosu varsa tıklayın sayfa açılacaktır
; eğer yoksa sağ tık>birlikte aç>google chrome(firefox vs de olur) diyoruz ve sayfamız açılıyor ! Bugünlük Dersimiz Bu KadarDI. Biliyorum Kısa Oldu Ama Başlangıç İçin Bu Kadar. Sonraki Derslerde Görüşmek Üzere! (Dersleri Hakkımda Kısmında Bulabilirsiniz)
keşke
