CSS Renklendirme Ve Arkaplan Uygulamaları (Ders 5)

web-gemisi

Bu yazımızda belirtilen komutlar yazıları renklendirmek ve arka plan işlemlerinde kullanılabilir. color Bu komut ile yazılarımızın renkleri üzerinde oynamalar yapabiliriz. <style> li[name="isim"] {color: red;} li[name="hex"] {color: #AB00F4;} li[name="rgb"] {color: rgb(100,120,55);} li[name="rgb2"] {color: rgb(%50,%45,%75);} </style> Yukarıda belirtilen şekilde hsl, rgba ve hsla formatlarında renkleri belirtebiliriz. opacity Bu komut ile seçtiğimiz yazının …

Devamını Oku »

Css Yazı Ve Font Uygulamaları (Ders 4)

web-gemisi

Web sayfalarındaki yazıların tiplerini ve fontlarını ayarlamak html üzerinden yapılabildiği gibi css ile de yapılabiliyor. Tabi farklı olan uygulamalar da var. font-family Seçilen yazının yazılacağı yazı tipi ailesini belirtir. <style> p{ font-family: "Times New Roman", Times, serif; } </style> font-size Bu komut seçtiğimiz yazının büyüklüğünü ayarlar. Yazının büyüklüğünü belirtmenin birçok …

Devamını Oku »

CSS Temel Yapısı ve Nitelik Seçicileri 2. Kısım (Ders 3)

web-gemisi

Bir önceki dersimizde nitelik seçicilerinin bazılarını görmüştük bu dersimizde kalan seçicilerimizi göreceğiz. Bu yazımızda bahsedeceğimiz seçiciler 2’ye ayrılıyor. Bunların ilki etkilediği etiketlerin birbirlerine göre olan konumlarına göre isimlendirilecekir. Bu seçiciler yazılan son elemanı etkileyecektir. İkinci grup ise sözde(Pseudo) seçicilerdir. Bu seçicilerin ilk grubu şöyledir: Genel Kardeş Seçicisi Genel kardeş seçicileri …

Devamını Oku »

CSS Temel Yapısı ve Nitelik Seçicileri 1. Kısım (Ders 2)

web-gemisi

Nitelik Seçicileri Html etiketlerinin istenen parametresinin istenen değere sahip olduğu durumlarda css kodlarının devreye girmesini sağlar. Bunun birçok yolu vardır. Bu yollar aşağıda belirtildiği gibidir. Bu yolları incelerken Css kodlarındaki niteliklerin html kodlarındaki parametrelere karşılık geldiğini unutmayalım [Nitelik] Html elemanları içerisinde istenen niteliğin (Parametre) değerinin bulunması halinde Css kodumuz bu …

Devamını Oku »

HTML Dersleri Serisi

web-gemisi

Merhaba arkadaşlar şimdiye kadar 11 ders halinde tamamladığımız html dersleri serimizin tamamını sıralı bir şekilde bu sayfada bulabilirsiniz. HTML Kodlamaya GirişHTML Temel Etiketler ve Etiket ÖzellikleriHTML Sık Kullanılan EtiketlerHTML Tablo OluşturmaHTML Kısımlara Ayırma EtiketlleriHTML İçerik Gruplama EtiketleriHTML Metin Düzenleme Ve Link Ekleme EtiketleriHTML Liste Oluşturma EtiketleriHTML Form Oluşturma 1. KısımHTML …

Devamını Oku »

HTML Form Oluşturma 3. Kısım [Form Örneği] (Ders 11)

web-gemisi

Bu yazımız form yapılarından bahsettiğimiz 3. yazı. Bu yazımızda şimdiye kadar form yapılarına öğrendiklerimiz ile bir form oluşturacağız. Aynı zamanda bu yazı ile HTML Derslerimizin sonuna geliyoruz. Bundan sonraki öğreneceğimiz dil web tasarımı alanında html ile birlikte kullanılan hatta html dili ile ayrı düşünülemez bir dildir. Bahsettiğimiz dilin adı Css. …

Devamını Oku »

HTML Form Oluşturma 2. Kısım [İnput parametreleri] (Ders 10)

web-gemisi

Form yapılarından olan input etiketinin parametrelerinin fazlalığı sebebiyle bir önceki dersimiz tamamlanmamıştır. Dolayısıyla bu dersimiz bir önceki dersimiz aynı konuya değinecektir. Şimdi input etiketinin parametrelerini ve alabileceği değerlere göz atalım. İnput etiketi temel form yapılarına veri girişini sağlamak için kullanılır. Faklı tipteki verileri girebilmek için farklı input tipleri vardır. NOT: …

Devamını Oku »

HTML Form Oluşturma 1. Kısım (Ders 9)

web-gemisi

Bir web sayfasında formlar ile çalışmak için sadece html dilini bilmek yetmez. Bunun nedenini öğrenmek için bakınız. Html’nin yanında php dilinin bilinmesi gerekmektedir. Ancak bilmiyorsanız bu yazımızda kısaca bahsedeceğiz. Form oluşturmak için kullanacağımız etiketler başlıca şunlardır: <form> Html sayfaları içerisinde diğer sayfalar ile etkileşimli form oluşturan etikettir. İçerisinde aşağıdakilerin en …

Devamını Oku »

CSS’e Giriş (Ders 1)

web-gemisi

CSS(Cascading Style Sheets) HTML sayfaları içine gömülebilen bir dildir. CSS dilinin ana amacı belirtilen etiketlerinin görünümünde (stilinde) değişiklikler yapmaktır. Bu dilde yazılan kodlar bir web sayfasının görünümünde büyük değişiklikler yapabilmektedir. Buna rağmen sayfamızı statik web  sayfası olmaktan kurtaramıyor. (Statik web sayfası hakkında bilgi için tıklayınız.) Css kodlarımızı yazmaya başlamadan önce …

Devamını Oku »

HTML Liste Oluşturma Etiketleri (Ders 8)

web-gemisi

Html yapılarında liste oluşturmak için iki seçenek vardır. Bunlar Sıralı ve Sırasız listelerdir. Listelerimizin içine ekleyeceğimizi elemanları <li> etiketi içerisine ve <li> etiketini de liste etiketlerinin içerisine yerleştiririz.  Sıralı Liste (Ordered List) <ol> Sıralı-düzenli liste oluşturmak için <ol> etiketi kullanılır. Bu etiket sıralı-düzenli liste anlamına gelen Ordered List kelimelerinin baş …

Devamını Oku »