• Sonuç bulunamadı

ETK229 Web Tasarımının Temelleri Dersi

N/A
N/A
Protected

Academic year: 2021

Share "ETK229 Web Tasarımının Temelleri Dersi "

Copied!
4
0
0

Yükleniyor.... (view fulltext now)

Tam metin

(1)

ETK229 Web Tasarımının Temelleri Dersi

Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Öğretim Görevlisi : Murat Duman

Mail: mduman@ankara.edu.tr

1. Hafta

(2)

Bölüm 1 : Tanıtım (HTML & CSS)

İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır.

Chrome, Firefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.

İngilizce Hyper Text Markup Language cümlesinin baş harflerinden oluşur, Türkçe

anlamı ile Hiper (Üst Seviye) Metin İşaret Dili olarak çevrilir. Biz bu cümleyi kısaca

HTML olarak biliyoruz. HTML, İnternet ortamında veri paylaşımı adına kullanılan en

yaygın metin tabanlı dildir.

(3)

Bir programlama dili olarak sınıflandırılamaz. Çünkü HTML kodları kullanılarak, tek başına çalışabilen bir program yazılamaz. Fakat bu dili yorumlayabilen kapasitedeki programlar aracılığıyla çalışabilen programlar meydana getirilebilir.

Yalnız başına bir programlama dili olarak tabir edilememesinin sebebi tam olarak budur. Asli görevi yazı, görüntü, video gibi çeşitli verileri ve bunları barındıran web sayfalarını birbirine temel düzeyde bağlamak, buna istinaden bahse konu olan

sayfaların ağ tarayıcı yazılımlar aracılığıyla doğru biçimde görüntülenmesi adına

gerekli kuralları belirlemektir.

(4)

İngilizce CSS; Cascading Style Sheets (Basamaklı Biçim Sayfaları), sayfamıza

ait görselliğe dair her türlü yapıyı düzenlememizi sağlayan bir markup dilidir. Sayfaya ait öğelerin (form, buton, arkaplan vb.) renklerini, boyutlarını, konumlarını vb.

özelliklerini düzenlememize imkan sağlar.

CSS bir programlama dili değildir. CSS bir markup (işaretleme, biçimlendirme) dilidir.

Markup dili, bir dökümanı sistemin/uygulamanın/aracın yorumlayabileceği formatta oluşturmamızı sağlayan dile verilen isimdir. Örneğin, HTML de bir markup

dilidir. Kodlarını kaydettiğimiz html uzantılı bir döküman, herhangi bir web browser

tarafından web sayfası olarak yorumlanacaktır.

Referanslar

Benzer Belgeler

kullanımına ait kod parçacığı Şekil 4.1.’de verilmiş olup ilgili kod parçacığının çıktısı Şekil 4.2.. deki

Başlıklarla ilgili kod parçacığı Şekil 6.1.’de verilmiş olup ilgili kod parçacığının çıktısı Şekil 6.2.’deki gibi olacaktır.. İlgili

Adres çubuğunda ortak klasör olan çalışma klasörüne kadar olan (çalışma klasörü dahil) adres bilgisi girildiğinde Şekil 8.9.’dan görüleceği üzere index.html

Bu link verme işlemi link tegi ile yapılmakta ve rel (İngilizce bağlantı anlamına gelen “relation” kelimesinin kısaltması) anahtar kelimesi ile link verilen.. dosyaya

index.html dosyasına ait kodlar Şekil 13.2.’de verilmiş olup, stil.css dosyasına ait kodlar Şekil 13.3.’de verilmiştir. İlgili

Öncelikle Şekil 19.5.’teki kod satırlarını girerek “kutu” class isimli divi, “paketle” class isimli div içine alalım. Kodun çıktısı Şekil

İlgili ekran görüntüsü incelendiğinde her bir gönderi için bir makale kısmı olduğu ve ilgili kısmın bütün gönderiler için aynı olduğu görülmektedir.. Örneğin;

Internet’e bağlı her bilgisayar, Internet Protokol Numarası adı verilen dört gruptan oluşan bir sayı ile isimlendirilir (194.27.33.32 gibi).. Her bir bilgisayarın IP