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

Bu konuyu okuyanlar

_emre_emre_

Müdavim
Katılım
6 Nisan 2020
Mesajlar
2,442
Çözümler
1
Reaksiyon puanı
2,265
Puanları
113
Yaş
124
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)
 

_mirror_

Müdavim
Katılım
7 Eylül 2019
Mesajlar
2,238
Reaksiyon puanı
1,938
Puanları
113
Yaş
15
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
 

_emre_emre_

Müdavim
Katılım
6 Nisan 2020
Mesajlar
2,442
Çözümler
1
Reaksiyon puanı
2,265
Puanları
113
Yaş
124
Aslında doğru söylüyor, içine php falan gömmen lazım. Tek başına yeterli değil. Ufak programlar yapabilirsin sadece :)
yinede sayılır. zaten css'de olacak. sonra js diye devam edecek. sonra bir bakmışsınız faysbook yapmışsınız
 
S

SDN Anonim 645270

SDN Okuru
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
 

DYREX

Öğrenci
Cezalı
Katılım
14 Nisan 2021
Mesajlar
88
Reaksiyon puanı
64
Puanları
18
bilgilendirme için teşekkürler.
 

Steo

Öğrenci
Katılım
15 Nisan 2021
Mesajlar
38
Reaksiyon puanı
29
Puanları
18
Yaş
24
Konular çpk iyi. Başarılarının devamını diliyorum.
 
Üst