Forum
Aktif konular
Üyeler
Kurallar
Arama
YA HTML YLE İLGİLİ KONUŞALIM BİRAZDA YA HTML YLE İLGİLİ KONUŞALIM BİRAZDA
-
ŞİMDİ BU HTML ŞARTMI YA SÖYLEYİN........
-
Sıf bişiler yazmış olmak için açılmış bir konu, ama yinede cevap verelim. Kaynak olsun :)
aslında html şart değil onu kullanmadan da site yapabilirsin ama kullanacağın her hangi bir fotoğrafı istediğin yere koyamazsın istegin gibi başlık vesaire yazamazsın bunları yapabilmen için en azından html mimlerini kullanman lazım. Bunun bir anternatifi ise css. Css ile html kullanmadan istediğin gibi site yapabilirsin. Css 2.0 çıktıktan sonra bir çok şey yapılabiliyor. Eğer kaynak istersen bunlar sana yardımcı olur. Zoque'den derlenmiştir.
Web standartları konusunda internette sayısız kaynak ve makale var; ancak herkesin mutlaka ihtiyacı olan spesifik konuları bulmak oldukça zamanımızı alabiliyor. css ile web tasarımı yaparken ihtiyaç duyacağımız önemli linkleri bu başlık altında toplamak iyi olur diye düşünüyorum. (Not: Başlıkları yazarken bazı kelimeleri türkçeye çevirmek de zorluklar yasadım; şimdiden kusura bakmayın, önerileriniz olursa değiştirebilirim.)
Web Standartlarını Kullanarak Geliştirmek
Roger Johansson'un harika makalesini bu işe yeni girmiş herkesin okuması gerektiğini düşünüyorum. Ben çoğu kez müşterilerimi de bu konuda bilinçlendirmek için bu makaleyi işaret ediyorum.
http://www.456bereastreet.com/lab/d...b_standards/tr/
Biçimlendirme Rehberi
Semantik sayfalar hazırlamak için temel XHTML elemanlarını doğru öğrenmek gerekiyor. bu konuda ayrıntılı bir makale
http://mezzoblue.com/downloads/markupguide/
Css @Import Kuralları
Bu yararlı tablo sayesinde css dosyanızı görüntülemesini istemediğiniz tarayıcıdan saklayabilirsiniz. ie5 ve ie-mac ile sorunları olanlar için birebir.
http://imfo.ru/csstest/css_hacks/import.php
Sitenizin tamamının Geçerlilik Testini Yapın
çok fazla sayfanın olduğu büyük sitelerde, tüm sitenin kodlarını inceletmek çok uzun zaman alabiiyor; burada anlatılan yöntemle kısa sürede bu işlemi bitirebiliyorsunuz.
http://standards-schmandards.com/in...p?2005/04/10/18
Geçerli Kodlara Sahip Flash
Flash movie'leri sayfanızın kodlarının geçerliliğini bozmadan gömebilirsiniz. Ufak bir javascript dosyası ile.
http://blog.deconcept.com/2004/10/1...tect-and-embed/
CSS Switching Hakkında Stratejiler
Bir düğmeye tıklayarak sitenin temasını değiştiren süper atraksiyonu hepiniz görmüşsünüzdür. (örn. www.simplebits.com www.bartelme.at) bu konuda yazılmış gördüğüm en kapsamlı makale
http://www.digital-web.com/articles..._css_switching/
Sitenizi iki dakikada mobil cihaz dostu yapın
Süper bir php atraksiyonu. Herkesin kolayca uygulayabileceği kodlarla sitenizin mobil cihazlarla da erişilebilir olmasını sağlayabilirsiniz.
http://www.mikeindustries.com/blog/...mobile-friendly
CSS Attribute Selectorlar
CSS'nin az bilinen ancak çok yararlı olan attribute selector'ları hakkında kısa bir makale
http://www.stuffandnonsense.co.uk/a..._selectors.html
Güzel ve Erişilebilir Form Yaratma
En çok kullandığımız XHTML öğelerinden olan formları erişilebilir yapmanın basitçe anlatılmış bir yolu.
http://www.stuffandnonsense.co.uk/a...ible_forms.html
CSS Hakkında Unutmamanız Gereken On İpucu
Hemen hemen her sitede kullanmak zorunda kaldığmız teknikleri, basit bir dille anlatan yararlı bir makale
http://evolt.org/article/Ten_CSS_tr..._know/17/60369/
Evolt'un ipuçlarına Tantek'in cevabı
Yukarıdaki makaleyi yararlı bulduysanız, bunu da mutlaka okuyun. bazı düzeltmeler yapmıs tantek.
http://tantek.com/log/2004/09.html#d07t1434
RSS Tutorial
Sitenize rss desteği koymanın yollarını anlatan en kapsamlı makalelerden biri.
http://www.mnot.net/rss/tutorial/
CSS ile frame
XHTML ile kullanımı kalkan frame'leri css ile rahatça simüle edebilirsiniz. Oldukça yararlı bir makale.
http://www.fu2k.org/alex/css/frames/
Geniş İmaj Sorununa akılcı bir çözüm
Genişliği belli olan sitelerin en büyük problemlerinden biri content alanından geniş imajların başka biri tarafından sitenize eklendiğinde karşılaşılan durumdur. Bu probleme akılcı bir çözüm getirilmiş.
http://www.clagnut.com/sandbox/imagetest/
Floatları temizlemek
Ölçeklenebilir layoutlarda içeriği sayfaya dağıtırken mutlaka float kullanıyoruz; ancak float ile kenara dayadığımız alanın içeriği ana alandaki içerikten az ise problem yasıyoruz. Çözümü bu makalede ayrıntılı anlatılmış.
http://www.sitepoint.com/blog-post-view?id=238086
Yazıcı Dostu Sayfalar Hazırlamak
İçeriğin uzun olduğu tüm sitelerde mutlaka uygulanması gereken print style'ı anlatan kapsamlı bir makale.
http://www.autisticcuckoo.net/archi...-and-expression
CSS Positioning
CSS ile site yapmaya baslayan herkesin ilk bilmesi gereken css positioning konusunda öğretici bir yazı.
http://www.autisticcuckoo.net/archi...tively-absolute
On Dakikada Sitenizi Yazıcı Dostu Yapmak
print style konusuna php katkısı.
http://www.maratz.com/blog/archives...-friendly-page/
Universal Child ile Tüm Beyaz Alanları Sıfırlamak
CSS dosyalarınızda onlarca margin:0 padding:0 kullanmak yerine bu akılcı yöntemi kullanabilirsiniz.
http://leftjustified.net/journal/20...lobal-ws-reset/
Z-index ile relative - absolute positioning problemlerine son
Daha önce z-index kodunu kullanmamıs arkadaslar için güzel bir örnek
http://www.aplus.co.yu/css/z-pos/
Eşit boyda kolonlar yapmak
Sıkça sorulan sorulardan birine ayrıntılı bir cevap.
http://www.satzansatz.de/cssd/columnswapping.html
Aşırı Div Kullanımı Sorunu
Sitelerin yapısını kurarken bastan planlı hareket edilmediği için çokça yapılan hatalardan birine ayrıntılı bi yanıt.
http://juicystudio.com/article/div-mania.php
Kolonları Eşitleme Sorununa Alternatif Bir Yanıt
Dan Cederholm'den bu soruna kullanışlı bir yanıt.
http://www.alistapart.com/articles/fauxcolumns/
Yatay Çizgileri Stilize Etmek
Garip bir biçimde bu html elemanını stilize ederken birçok sorunla karşılasırız. bununla ilgili güzel bir makale
http://www.blakems.com/experimental/hr/
Definition Listelerle Harikalar Yaratın
CSS'nin ne kadar güçlü bir dil oldugunu ortaya koyan güzel bir makale.
http://www.scottmcdaniel.com/?p=33
Hareket Ettirilebilen Açılıp Kapanan Kutular Yapın
Valid javascript ve css'nin güzel birlikteliği; browser uyumluluğu oldukça basarılı.
http://brothercake.com/site/resources/scripts/dbx/
Javascript Image Replacement
Herkesin bildigi ve kullandığı image replacement tekniklerine bir de javascript olanını eklemişler.
http://www.clagnut.com/blog/1451/Online Referans Kaynağı
FireFox ile düzgün çalışan bu referans kaynağı, CSS 1, 2, 2.1, DOM 2, HTML 4.01, XSL referans malzemelerinin yanı sıra URI ve Unicode dönüştürme tool'ları da içermekte.
http://lachy.id.au/dev/mozilla/sidebar/sidebar.xul
Cheatsheets
JavaScript, MySQL, CSS, PHP, mod_rewrite ve RGB tablosu gibi sık başvurulan komut ve library isimlerini çıktısı alınabilecek bir sayfada toplayan kartoteks gibi başvuru kaynağı.
http://www.ilovejackdaniels.com/cheat-sheets/Shaun Inman Flash Replacement
CSS, Flash ve javascript'in harika kullanımıyla ortaya çıkmış bir image replacement. Artık istediğiniz fontu sayfalarınızda kullanabilirsiniz.
http://www.mikeindustries.com/sifr/
CSS Kısa Yazım Teknikleri
Css kurallarınızı daha kısa yazmanın yolları. Özellikle renkler ile ilgili olanlar çok güzel.
http://www.456bereastreet.com/archi...and_properties/Tablosuz Tasarım Sunumu
Douglas Bowman'dan harika bir tablosuz tasarım sunumu. (İngilizce)
http://www.stopdesign.com/present/2...seattle/tables/
Erişebilirliğe Giriş Kitapçığı
Mark Pilgrim'den güzel bir kitapçık çalışması: Dive Into Accesibility. Erişebilirlik konusuna adım atmak isteyenler keyifli ve hızlı bir okuma olabilir. (İngilizce)
Link: http://www.diveintoaccessibility.org/ | PDF -
Murteft konusmuş gene :)
-
hocam eğer site yapmaya meraklıysan boşver html öğrenmeyi. bunu senin için yapacak zilyon tane program var. illa öğrencem diyosan css hazırlamayı öğren grafik üzerinde yoğunlaş.. bunlar senin için daha önemli. mesela hazırladığın sitede süper html kodladın (gerçi nereye kadar html) ama dizayn kötü ise bi pok işe yaramaz.
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla