dreamweaver | bildirgec.org

bu yazımda size henüz keşfettiğim ücretsiz hazır html site şablonları sunan bir web sitesini tanıtmak istiyorum. html5webtemplates.co.uk üzerinde bulunan değişik tasarımları "download" ederek dreamweaver veya benzeri programda aracılığı ile çok kolay bir şekilde kurumsal bir web sitesi hazırlayabilirsiniz.

Şablonlar ve indirme linkleri;

1- Black and White

download

2- Simple Style 7

download

3- Simple Style 6

download

Kısaltmalar:
dw :Dreamweaver
ext :(extension) Eklenti
db : database (veritabanı)
js : javascript

Dreamweaver gelişmiş bir kod-tasarım editörüdür. bunda herkes hemfikirdir sanırım. fakat bu gelişmiş editörden ciddi manada verim almanın ilk yolu yine bu editör kadar gelişmiş eklentiler (extensions) kurmaktır. şimdilik ben günümüz web sitelerinin en çok ihtiyaç duyduğu olmazsa olmaz modüllerini yazdıran eklentilerden birkaçını tanıtacağım.

visual calendar (takvim uygulaması):
bu eklentimiz dw MX sürümünden CS5'e kadar tüm sürümleri destekliyor. (MX, MX 2004, DW 8, CS3, CS4, CS5) php tabanlı sistemler yazmanızı sağlıyor. bir takvim uygulaması için aranan özellikler mevcut. kullanıcılar için tam fonksiyonel düzenleme sağlar, örneğin etkinliklerini, notlarını paylaşabileceği bir mini platform hazırlayabilirsiniz.
comment system (yorum sistemi):
adından da anlaşılacağı üzere bir yorum uygulaması eklentisidir. sitenizdeki ziyaretçilerin ve kullanıcıların yorum bırakabilmesine müsaade ederken, izinler dahilinde istediğiniz yetkiyle silme, düzenleme gibi gerekli işlemleri kolayca yazmanızı sağlar.

web tasarımcıların en büyük sorunlarından biri de çapraz tarayıcı sorunlarıdır. adobe firması bu sorunun çözümüne yardımcı olabilmek için online olarak çapraz tarayıcı testleri yapabileceğiniz adobe browserlab sistemini geliştirmiştir. buyrun hep birlikte bu sistemi daha detaylı bir şekilde inceleyelim...

sisteme adobe id ile bağlandıktan sonra test edeceğiniz özellikleri beliryip sitenizin resim halinde, belirlediğiniz özelliklerdeki tarayıcı ve işletim sisteminde nasıl göründüğüne bakabiliyorsunuz.

Desteklediği tarayıcı ve işletim sistemleri:

Her profesyonelde olduğu gibi, internet tasarımcılarının kullandıkları aletler de yaptıkları işlerin kalitesini belirler. Dışarıda internet tasarımı üzerine kullanabileceğiniz oldukça çok sayıda uygulama mevcut. Ancak bazıları var ki, kalabalığın arasından sıyrılıp öne çıkıyor. Bu yazıda en iyi olarak belirtilenler, popüler olarak en çok kullanılan araçlar oluyor.

SixRevisions sitesinde yapılan bir oylama sonucu göre işte sonuçlar.

5. Fireworks

Adobe tarafından geliştirilmiş ve piyasaya sürülmüş olan Fireworks, hem windows hem de Mac üzerinde çalışabilen bir vektör grafik editörüdür. Photoshop'tan farklı olmak üzere, sadece web tasarımcıları için geliştirilmiştir. Site yayılım tasarımına kadar birçok araç Fireworks ile beraber gelmektedir.

Hızlı tasarım yapılmasını sağlayan, tasarımın bir resim halinden HTML/CSS haline dönüştürmede kullanılan dilimleme özelliği ve site denemesi olarak, bütün site tasarımını üzerine tıklanabilen etkileşimli pdf haline dönüştürebilmesi en önde gelen özellikleri arasında sayılabilir. En iyileme araçlarını da unutmamak gerekir.

Web tasarımındaki en büyük sorunlardan biri de çapraz tarayıcı sorunlarıdır. Herhangi bir tarayıcıda tasarladığınız sayfa diğer tarayıcılarda farklı yorumlanarak tasarım hatalarına yol açabilir. Bunun önüne geçmek için birçok çapraz tarayıcı testi bulunmakta. Bu testlerde sayfalarınızı test ederek tüm tarayıcılara göre hazırlayabilirsiniz. İşte popüler tarayıcı testleri;

Adobe Browser Lab

Çapraz tarayıcı testlerinde hızlı ve kolay çözümler sunan çok kullanışlı bir adobe air uygulaması.firefox, chrome, internet explorer, safari gibi tarayıcılar ile sayfanızın çift taraflı karşılaştırmasını yapabilirsiniz. Ayrıca Dreamweaver CS4 ekletisi sayesinde browser lab'a bağlanarak çalışmalarınızı anında test etme imkanınız bulunuyor.

Browser Shots

Farklı işletim sistemlerinden (Windows, Linux, Mac OS) farklı tarayıcılar seçerek web sitenizi çapraz tarayıcı testine sokabilirsiniz. Sayfanızı 79 adet tarayıcı ile test etmenize imkan veriyor. Sayfa görüntülerini anında size sunuyor.

Bu yazı, Adobe Dreamweaver için jQuery ve Prototype API uzantısı, PayPal, Skype ve Google araçları uzantıları gibi kullanışlı ve her Dreamweaver kullanıcısının işine yarayacak olan Dreamweaver uzantılarını (Dreamweaver extensions) içermektedir. Umarım işinize yarar.

Atomz Arama Motoru: Bu uzantı sayesinde web sitenize Atomz Aramasını ekleyebilirsiniz. Atomz sunucuları üzerinde depolanan çekirdeki kodun sitenize entegre edilmesi sayesinde siteniz üzerinde güçlü bir arama motoruna kavuşabilirsiniz. Sitenizde 10,000 sayfaya ya da belgeye kadar olan içeriğin arama motoru tarafından 30'un üzerinde dilde aranabilmesini sağlayabilirsiniz.

jQuery API Uzantısı: Eğer jQuery kullanıyorsanız Dreamweaver için geliştirilen bu eklentiye gerçekten ihtiyacınız olacaktır. Eklentinin kurulu olduğu Dreamweaver üzerinde çok daha az miktarda kod yazabilir, bunun yanısıra uzantının sunduğu kod renklendirme, kod parçacıkları ve tüm jQuery ve jQuery UI özelliklerini içeren kod ipuçlarından faydalanabilirsiniz.

web sitesi nasıl yapılır? nereden başlamalıyım? web sitesi yapmak istiyorum ayrıntılı kaynak yok mu?
bu soruların cevapları Birçok internet kullanıcısının merak ettiği bir konudur. herkes kendi dilince bir şeyler söylüyor çok az kişi bu söylenenleri anlayabiliyor. Şimdi sizlere web sitesi nasıl yapılır, hangi araçlar hangi programlar kullanılarak hazırlanır anlatmaya çalışacağım.

1-Web siteniz bir şablon üzerine giydirilmelidir yani web sitesinin bir tasarımı olmalıdır. internet dilinde buna template denmektedir. Template hazır tasarım anlamına gelmektedir. bazılarınız sorabilir; "özgün bir şeyler kullanmak istiyorum o zaman ne yapmalıyım?" Eğer tasarımınızı kendiniz yapmak isterseniz tasarım programlarından Adobe Dreamweaver veya Microsoft Frontpage programlarını kullanabilirsiniz. tasarımımız veya kullanmak istediğimiz template’i belirledik. ikinci aşamaya geçelim.

Bir website tasarımında html kod yazarken ne kadar zaman harcarsınız? Etiketler, özellikler, tırnak işaretleri, parantezler vs. Özellikle de benim gibi bütün karakterleri sıfırdan tek tek yazan biriyseniz sizi bu zaman kaybından kurtaracak ve çok kolayca html/css kodu oluşturabileceğiniz bir uygulamadan bahsetmek istiyorum: Zen Coding.

html/css kodu yazmanın en hızlı yolu olan Zen Coding Sergey Chikuyonok tarafından geliştirildi. Hem Mac hem de Windows ortamında çalışabilen versiyonları olan Zen Coding'i kullandığınız editöre (dreamweaver, GEdit vs) entegre ederek iç içe geçmiş en karmaşık div yapılarını oluşturma zahmetinden kısa zamanda kurtulabileceksiniz.