• Yeni nesil Apple TV 4K inceleme!

    Apple'ın geçen sene iPhone XR'ın A12 Bionic işlemcisi ile ürettiği Apple TV 4K modelini kutusundan çıkarıp inceledik.

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

Bu konuyu okuyanlar

Emre Nas

Profesör
Katılım
6 Nisan 2020
Mesajlar
2,414
Çözümler
1
Reaksiyon puanı
2,283
Puanları
113
Yaş
122
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_

Profesör
Katılım
7 Eylül 2019
Mesajlar
2,211
Reaksiyon puanı
1,933
Puanları
113
Yaş
13
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 Nas

Profesör
Katılım
6 Nisan 2020
Mesajlar
2,414
Çözümler
1
Reaksiyon puanı
2,283
Puanları
113
Yaş
122
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
 

Son mesajlar

Üst