Umut Öztürk - Freelance Web & Grafik Tasarımcı / Antalya » CSS Dersleri

Ders 9: CSS’de Kutucukları Yan Yana Konumlandırmak-Float Kullanımı

admin — Tue, 02 Dec 2014 08:54:16 +0000

Bu dersimizde web sitelerinin kaynak kodlarını incelediğimizde harici css dosyalarında sıkça gördüğümüz bir operatörden bahsedeceğim. Bir web sitesini tasarlarken divlerden yararlandığımızı daha önce belirtmiştik. Web sitesinden divlerle birlikte başka elementler de kullanıyoruz malum (spanlar, başlıklar, resimler, metinler, linkler, sectionlar, article’lar vb.) Önceki derslerde siteyi nasıl ortalayacağımızı öğrenmiştik. Farzedelim ki sitemiz tüm ekranlarda ortada görünsün maksadıyla <div align=”center”> diyerek tüm siteyi… Read more →

Ders 8: CSS İle Sitemize Basit Bir Menübar Eklemek

admin — Tue, 02 Dec 2014 08:20:41 +0000

Evet arkadaşlar hatırlarsanız bir önceki derste sitemizin banner kısmını yapmıştık. Şimdi size sitemize bir menubar tasarlamanın ne kadar kolay olduğunu adım adım göstereceğim. Daha önce kodlarımızı 7.ci derste bulabilirsiniz.Şimdi burada banner class ‘ını kapattığımız yerde bir satır aşağıya inip menubar classımızı oluşturalım ve içerisine linklerimizi yazalım;—————————————————————————————— <body> (BODY tagını açıyoruz) <div align=”center”> (siteyi ortalayan divi açıyoruz) <div class=”banner”> BURAYA BANNER… Read more →

Ders 7: Stil Dosyasına Yazdığımız Stilleri Div’lere Nasıl Atayacağız?

admin — Tue, 02 Dec 2014 08:17:19 +0000

Evet arkadaşlar, farzeledim ki daha önceki dersleri incelediniz. Ve orada banner isminde bir class oluşturduğumuzu görmüşsünüzdür. Peki bu classı html sayfamız içerisinde nasıl kullanacağız (stil dosyamızı ilk derslerde anlattığım gibi import ettiğinizi farzediyorum)Kullanım şu şekildedir. Mesela içerisine banner resmini koyacağımız bir div tasarlayarak işe başlıyoruz. O zaman yazım şu şekilde olacaktır. —————————————————————————————— <body> (BODY tagını açıyoruz) <div align=”center”> (siteyi ortalayan… Read more →

Ders 6: CSS’de Siteyi Ortalamak

admin — Tue, 02 Dec 2014 08:16:01 +0000

Bir site tasarımında siteyi ortalamak, her türlü ekranda sorunsuz görünüm için önemlidir. Tabi ki bazı siteler dizaynları gereği sola veya sağa dayalı da olabiliyorsa da, genel olarak yapılan tasarımlarda siteyi ortalamak tercih edilir… Sitemizi ortalamak için tüm yapmamız gereken <body> tagını açtıktan sonra <div align=”center”> yazmak ve bu divi </body> tagını kapatmadan hemen önce kapatmaktır. Css dosyasında sitenin ana divi… Read more →

Ders 5: Text Align Özelliği

admin — Tue, 02 Dec 2014 08:14:46 +0000

Arkadaşlar derslere devam edelim. yakında CSS ve PHP’ye hazır web siteleri nasıl hazırlanır bunlara değineceğiz ama öncelikle CSS ile temel bilgilere devam… Elimden geldiğince her gün ders ekleyeceğim —————————– Arkadaşlar CSS ile hazırlamış olduğumuz divlerimizde eğer bir hizalama tanımı yapmadıysak, içerisine gelen her türlü data, default olarak body’deki hizalamaya tabi olacaktır. Eğer body tagımıza bir hizalama belirtmedi isek, veya sitenin… Read more →

Ders 4: CSS’te Class Tanımlamaları

admin — Tue, 02 Dec 2014 08:12:59 +0000

Şimdi arkadaşlar bundan önceki dersimizde bahsettiğim gibi, html tarafından hazır olarak bulunan elementlerden bahsetmiştik. Örneğin body elementi sayfanın genel olarak özelliklerine atayacağımız stilleri içeriyordu. Bunun yanında mesela hr yani horizontal rule elementine de stiller atayabiliriz. Keza a, h1, h2, h3, h4, p gibi elementlere de stiller atamak olası. Bu stilleri atarken css sayfasını yazdığımız esnada direkt yazıp özellikleri süslü parantezler… Read more →

Ders 3: İlk Stillerimizi Tanımlıyoruz

admin — Tue, 02 Dec 2014 08:10:03 +0000

Evet arkadaşlar şimdi CSS stilleri tanımlamayı öğrenmeye başlayabiliriz. Şimdi index.html sayfamızı ve stil.css sayfamızı editörümüz ile açalım. Dediğim gibi ben hız ve ücretsiz olması açısından, ayrıca kod renklendirme özelliği nedeniyle Notepad++ öneriyorum.Arkadaşlar bir önceki derste stil sayfamızı hmtl sayfamız içerisine import etmiştik Bu ne demek artık stil sayfasında tanımladığımız stilleri, html sayfamız içerisine çağırabilir ve bu şekilde elementlerimizi, divlerimizi stillendirebiliriz.… Read more →

Ders 2: CSS İle Web Tasarımına Giriş

admin — Tue, 02 Dec 2014 08:08:34 +0000

Arkadaşlar şunu unutmayalım, bir web master olmak için, mutlaka HTML bilmeniz gerekiyor. Bu derslerde temel HTML bilgisine sahip olduğunuzu farzediyorum. Ancak gene de takıldığınız yerleri bana sorabilirsiniz. CSS yazımında farklı stiller vardır, bazı tasarımcılar bir teknik uygularken, bazıları başka bir teknik ile işlerini halledebilir. Burada anlatacaklarım, benim kendi şahsi tecrübelerimden ve tasarım tekniğimden oluşan bilgilerdir. Genelgeçer doğrulardır diye bir iddiam… Read more →

Ders 1: CSS Nedir?

admin — Sat, 29 Nov 2014 23:23:01 +0000

Arkadaşlar, günümüzde web tasarım alanında birçok teknolojiden ve dilden yararlanılmaktadır. Web tasarım projelerinin belirli aşamalarında HTML gibi işaretleme dillerinden, CSS gibi stil dillerinden, Javascript gibi scripting dillerinden ve asp, asp.net, php gibi programlama dillerinden faydalanılır. Temel olarak her web sitesi, HTML tagları ile oluşturulmaktadır. Daha doğrusu html olmadan komplike bir web sitesi tasarlamak imkansızdır. Şimdi burada CSS ne işe yarıyor… Read more →