Web Tasarım Dersleri Bölüm #1 - Gerekenleri Hazırlama Ve Başlangıç

Bu konuyu okuyanlar

Emre Nas

Profesör
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)
 

ΜΐЯЯo®

Profesör
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. [/I][/B][/COLOR][B][I][COLOR=null]<html>[/I][/B][/COLOR]
[COLOR=rgb(250, 197, 28)][B][I]</html>[/COLOR][/I][/B][COLOR=rgb(250, 197, 28)][B][I]
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 : [/I][/B][/COLOR]
<body>
</body>
[COLOR=rgb(250, 197, 28)][B][I]
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? [/I][/B][/COLOR]
<html>
<body>
</body>
</html>
[COLOR=rgb(250, 197, 28)][B][I]
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: [/I][/B][/COLOR]
<html>
<body>
<h1>Merhada Dünya ! </h1>
</body>
</html>

[COLOR=rgb(250, 197, 28)][B][I]

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)
Kodlar beklediğimden kolay ingilizcesi iyi olanlar hemen kapar
 

Rchive

Profesör
yinede sayılır. zaten css'de olacak. sonra js diye devam edecek. sonra bir bakmışsınız faysbook yapmışsınız
1606204885025.png
 

SDN Son Haberler

Son mesajlar

Üst