CSS3 Nedir?

Öncelikle CSS‘in açılımına ve Türkçe anlamına bakalım. Cascading Style Sheets kelimelerinin baş harflerinin kısaltması olan CSS, Türkçe diline çevrilmesi ile Basamaklı Stil Sayfaları anlamına gelmektedir. CSS3 ise CSS sürümlerinin son versiyonu olarak karşımıza çıkmaktadır. Biz bu makalede CSS tarihinden ziyade CSS3 konusunu inceleyip ele alacağız ve CSS3 hakkında temel bilgiler sunmaya çalışacağım.

CSS3 Ne işe yarar?

Genel tabir ile CSS3 bir HTML kodları ile oluşturduğumuz kodların yani etiketlerimizin sayfada nasıl görüneceğini ayarlayabilmemize ve çeşitli stiller verebilmemize olanak sağlıyor. (HTML5 hakkında yazdığım yazıya buradan ulaşabilirsiniz). O zaman şu şekilde de ifade edebiliriz. CSS3 bizim web sayfamızın makyaj kısmını oluşturuyor ve günümüzün web site teknoloji standartlarında olmazsa olmaz web biçimlendirme dilimizdir. Her web developer kişilerinin muhakkak bilmesi gereken bir dildir.

CSS3 stilleri sayesinde web sitemizin kullanıcıya hitap etme şeklini belirleyebiliyoruz. CSS3 ile, renk, yazı tipi, yazı boyutu, kenarlıklar, özel efektler, gibi birçok yüzlerce stil oluşturabilirsiniz.

CSS3 Teknolojisi

CSS3 sürüm teknolojisinin en önemli noktalarından biri ise akıllı telefonlarımız. Gelişen web teknolojileri ile birlikte web sayfaları daha dinamik hale geldi ve bu sebeple akıllı telefonlar düşünülerek CSS3 teknolojsi hayatımıza girdi. Gelişen akıllı telefon teknolojileri ile telefonlarımızın ekran çözünürlükleri birbirinden farklı olabiliyor. Bu durumda web sayfalarının her cihaza uyumlu olması gerekliliğini getiriyor. Web sayfaların her ekran çözünürlüğü ve her cihazla uyumlu olma durumuna Responsive (Duyarlı) ismi veriliyor. CSS3 teknolojisi sayesinde Responsive web sayfaları tasarlanabiliyor. Günümüz web site teknolojisinde olmazsa olmaz hayat kurtaran CSS3, responsive yapı kullanımı artık zorunlu diyebiliriz.

CSS3 Temel bilgiler

CSS3 teknolojisi sayesinde bir HTML dili ile oluşturduğumuz dosyamızı tek bir CSS uzantılı dosya ile kontrol edebilir, stillerimizi bu tek css uzantılı dosyadan oluşturabiliriz. Kısaca kafanızı karıştırmadan örnek verecek olursak, örneğin; “<div>” etiketi içersinde olan “<p>” paragrafına stil tanımlamak için div > p ya da div p komutu ile ilgili paragrafa ulaşabilir ve stiller uygulayabiliriz. Tabi ilerleyen zamanlarda CSS3 Dünyasına giriş yapacağız.

CSS3 hakkında genel bilgiler edinebileceğiniz bu yazım umarım faydalı olmuştur. CSS3 hakkında daha tarihsel bilgi almak istiyorsanız buraya tıklayabilirsiniz. Farklı yazılarda görüşmek üzere. Sevgilerle..

Bu Yazı CSS3 Nedir, CSS3 Hakkında Temel Bilgiler İlk Olarak Şu Sitede Yayınlanmıştır: Süleyman Üstündağ. Yazının Kaynağı Bu Sitedir.

Nedir bu “HTML” kısaltmasının açılımı?

Öncelikle “HTML“ kısaltmasının açılımından başlayalım. “Hyper Text Markup Language” kelimelerinin baş harflerinden oluşan HTML, Tükçe ifade olarak “Zengin Metin İşaretleme Dili” anlamına gelmektedir. İsminden de anlayacağınız üzere HTML, genel bilinenin aksine aslında bir programlama dili değil bir web işaretleme dilidir diyebiliriz. Bu sebeple HTML5 ile tek başına bir program yazılamaz.

HTML5 nedir, HTML5 hakkında temel bilgiler

HTML dilinin tarihine inmeden ki bu konuda detaylı bilgiler veren birçok kaliteli sayfa mevcut buralardan HTML tarihini detaylı olarak öğrenebilirsiniz. HTML5, HTML dilinin yeni ve en güncel sürümüdür. Biz daha çok HTML5 ile neler yapılabilir işlevi nedir ne amaçla kullanılabilir gibi soruların cevaplarını bulmaya çalışalım.

HTML5, bir web sayfasının metin yapısının temelini oluşturmaktadır. Web tarayıcınız ile bir internet sitesine girdiğinizde sayfada gördüğünüz metin yapıları HTML5 ile oluşturulmuştur. Herhangi bir internet sayfasında sağ tıklayıp incele seçeneğine tıkladığınızda açılan bölmede bazı HTML5 kodları görebilirsiniz. Bu bölmede en üst satırda bulunan ilk HTML kodunu incelediğinizde “<!doctype html>” yazdığını göreceksiniz işte bu kod o sayfanın HTML5 sürümü ile oluşturulduğu bilgisini size veriyor olacaktır.

HMTL5 ile web sayfası oluşturmak

HTML5 kodları çeşitli anlamlara gelen etiketlerin (tag) birleşimi ile oluşturulur. Bu kodlar “<etiket>” kalıbı ile başlar “</etiket>” kalıbı ile kapatılır. HTML5 içerisinde yüzlerce anlama gelen etiket bulunmaktadır. Bu etiketlere daha sonra giriş yapacağız.

Sadece HTML5 kodları ile bir web sayfası oluşturulabilir mi? Elbet bu yapılabilir ancak yalnızca HTML5 ile oluşturulmuş bir web sayfası günümüzde kullanılmamaktadır çünkü sadece metinlerden oluşan bir statik web sayfası pekte mantıklı ve kullanışlı olmayacaktır. Bir web sayfasının oluşması için temelde HTML5 kodları gerekmektedir ancak tek başına yeterli değildir ve yardımcı web biçimlendirme arkadaşları vardır. Sayfanın görsel temelinin oluşturulması içinde başka yazılarda bahsedeceğimiz CSS3 ve ayrıca sayfanın dinamik yapısını oluşturacağımız yine başka yazılarda bahsedeceğimiz JavaScript dilleride gerekmektedir.

Peki HTML5 kodlarını nasıl oluşturabilirsiniz yani hangi araçları yada editörleri kullanarak HTML5 kodları yazabilirsiniz. Çok basit olarak Windows’un sunduğu “not defteri” uygulaması ile HTML kodlarınızı yazabilir ayrıca daha profesyonel ve ücretsiz bir yazılım olan benimde web sayfamda paylaştığım ve kullandığım program olan Visual Studio Code editörünü kullanabilirsiniz. Buraya tıklayarak ilgili içeriğe ulaşabilirsiniz.

Genel anlamda HTML5 dilini ele alacak olursak, esnek kodlar yazabileceğiniz web sitenizin metinsel anlamda içeriğini oluşturabileceğiniz olmazsa olmaz kodlar bütündür. Temel bilgiler verdiğim bu yazı umarım sizler için faydalı ve bilgilendirici bir içerik olmuştur. Saygılarımla…

Not: HTML tarihini öğrenmek için bu içerikten faydalanabilirsiniz. Tıkla.

Bu Yazı HTML5 Nedir, HTML5 Hakkında Temel Bilgiler İlk Olarak Şu Sitede Yayınlanmıştır: Süleyman Üstündağ. Yazının Kaynağı Bu Sitedir.

Visual Studio Code, sade, basit, hızlı bir kod editörü olmasının yanında Windows, Linux ve MacOS platformlarında çalışabilen çok kullanışlı bir araç olma özelliğini taşıyor. Basit kullanışlı bir arayüze sahip olan editör, eklentiler sayesinde birçok programlama dilini ( Node JS, Ruby, Python, C/C++, C#, Javascript ) desteklemektedir.

Kullanması tamamen ücretsiz olan Visual Studio Code editörü sayesinde HTML, CSS gibi web geliştirme dillerini kullanarak yeni web projelerinizi kodlayabilirsiniz.

Visual Studio Code Editörünün Önemli Artıları;

• Zengin Kod desteği sunması
• Platformlar ile uyumluluğu
• Akıllı kod tamamlama özelliği (Code intellisense)
• Kod hata ayıklayıcı özelliği (Code debugger)
• Hızlı ve sade şık tasarımı

Visual Studio Code, ücretsiz olması ve kullanım konforu sunması sayesinde birçok web developer’ın tercihi durumunda. Eğer sizde bir web developer iseniz yada yeni başlayacaksanız, özellikle akıllı kod tamamlama özelliği sayesinde işinizi kolaylaştıracak olan bu kod editörünü indirip kullanmanızı tavsiye ederim.

Visual Studio Code İndirmek İçin Tıklayın…

Bu Yazı Ücretsiz Kod Editörü: Visual Studio Code İlk Olarak Şu Sitede Yayınlanmıştır: Süleyman Üstündağ. Yazının Kaynağı Bu Sitedir.