Mart, 2008için arşiv

Photoshop Web Fotoğraf Galerisi Oluşturmak

Aşağıda Photoshop ile web siteleri için web sayfası şeklinde fotoğraf galerisi oluşturma işlemi anlatılmıştır.

File menüsünden Automate seçeneği altından Web Photo Galery seçeneğini seçin. Aşağıda web photo galery penceresinin resmi ve altında pencere seçeneklerinin açıklaması verilmiştir.

Photoshop ile Web Fotoğraf Galerisi Oluşturmak

  • Styles : Buradaki açılır menüden web fotoğraf albümü için sitil bilirliyoruz. Sağ taraftaki önizleme penceresinden seçilen sitilin önizlemesini görebilirsiniz. Tamamını Oku »

Site Renk Uyumu

Web sitelerinde birden fazla renk kullanılır ve bu renklerin uyumu çok önemlidir. Aşağıda adresi verilen siteleri kullarak belirlediğiniz bir renk ile uyumlu renkleri görebilirsiniz.

http://www.colormatch.dk/

http://wellstyled.com/tools/colorscheme2/index-en.html

Arka Plan (Background) Resimleri Bulabileceğiniz Adresler

Web siteniz için arka plan resimleri bulabileceğiniz bazı adresler aşağıda verilmiştir.

http://www.backgroundcity.com/

http://www.fau.edu/~parkerso/backgrounds.html

http://www.entheosweb.com/fireworks/background2.asp

Aşağıdaki adreste de ücretsiz olarak arka planlar, bulet ler, butonlar ve karakterler bulabilirsiniz.

http://www.dreamweaver-templates.org/freewebgraphics/CATALOG.HTM

CSS Kullanarak Template Oluşturmak

Bu yazıda CSS kullanarak Template oluşturma işlemi açıklanmıştır. Aşağıdaki şekilde biçimlendirilmiş divlerin sayfadaki yerleşimi gösterilmiştir. Template oluşturmak için gerekli kodlar resmin altında anlatılmıştır.

CSS ile Tempalte Oluşturmak 

CSS ile Web Sitesi Oluşturmak için Gerekli CSS Kodları (CSS Örnekleri) :

#sayfa{
          width:760px;   /*sayfa genişliği 760 px*/
          text-align:left; /*sayfa içindeki yazıların tamamı sola hizalı olsun*/ Tamamını Oku »

Joomla İçerik Yönetimi ve İçerik Eklemek

Joomla sitenize içerik eklemek için öncelikle bazı kavramların bilinmesi gerekir.

İçerik : Site içerisindeki yer alacak yazı, grafik ve çoklu ortam öğeleridir. Bunlar sabit içerik ve değişen içerik olarak 2 guruba ayrılır. Mesela bir firmanın sitesinde firma tarihçesi sabit içerik olabilir. Fakat haberler sabit değil değişen içeriktir.

Kategoriler : Joomla içerikleri kategorilere ayırmaktadır, yani kategoriler altında içerikler toplanır. Mesela sitenizde  İstanbul ilçeleri hakkında bilgiler vermek için ilçeler kategorisi oluşturulabilirsiniz. İstanbul ilçelerini tanıtan değişken içerikler de bu kategoriye bağlanabilir.

Bölümler : Bölümler en üst sınıflamalardır. Altında kategorileri barındırırlar. Mesela Türkiye’deki ilçeleri tanıtan bir site için, herbir ili bir bölüm olarak oluşturabilirsiniz. Her bir ilin altında da o ile ait ilçeleri kategori olarak oluşturmalısınız. Mesala İsatanul bölümünün Bakırköy kategorisi altında Bakırköy hakkında bilgi veren içerik oluşturulur. Aynı şekilde Samsun bölümünün Bafra kategorisi altında Bafra ilçesi hakkında bilgiler veren içerik oluşturulur.

 Şimdi yukarıda verilen örnek için uygulama yapalım.

  • Öncelikle hiyararşinin en üstünde bulunan bölümler oluşturulmalıdır. Örnek olarak İstanbul bölümünü oluşturalım. İçerik menüsünden bölüm yöneticisi seçilir.

Joomla İçerik Oluştumak

Dreamweaver ile Template Oluşturmak

Bu yazıyı okumadan önce bu linkten önizlemesini göreceğiniz sitenin tasarımını buradan inceleyebilirsiniz.

Bir önceki yazıda bu sitenin temasını oluşturmak için gerekli hazırlıklar anlatılmıştı. Site oluşturma grafikleri toplama gibi işlemler anlatılmıştı. Bu yazıda yeni tema oluşturma işlemi bu sitenin teması için anlatılacaktır.

Öncelikle tablolar kullanılarak html sayfası oluşturulup, html sayfa template olarak kaydedilmelidir. Bu template içine seçime bağlı alanlar (editable region) ve seçime bağlı alanlar (optional region) eklenerek temaya esneklik kazandırılılacaktır.

  • Yeni bir site tanımlayın ve yeni html sayfası açın. Template tablolar ile oluşturulacaktır.
  • Eklencek tablodaki satır ve sütun sayısı site tasarımına göre değişmektedir. Site içerisinde her sayfada görüntülenecek, her sayfada değiştirilebilecek (editable) ve bazı sayfalarda görüntülenecek (optional)  Tamamını Oku »

Dreamweaver ile Template (Site) Yapımı (Resimli Anlatım)

Bu yazıyı okumadan önce bu linkten önizlemesini göreceğiniz sitenin tasarımını buradan inceleyebilirsiniz.

Bu yazıda dreamweaver kullanarak site tasarlamak, daha doğrusu site için template hazırlamak anlatılmıştır. Örnek olarak bu sitenin teması hazırlanacaktır.

Dreamweaver ile Template Oluştururken Hangi Dosya ve Klasörleri Oluşturmalıyım :

Dreamweaver template uygulamaları için template isimli bir klasör zaten oluşturur. Bunun yanında kullanılacak resimler için resimler (images) isimli bir klasör ve biçimlendirmelerde kullanılacak css sayfaları için sitil isimli bir klasör.

Siteyi Oluşturmadan Önce Gerekli Resimlerin Toplanması :

Siteyi oluşturmaya başlamadan önce tasarımın nasıl olacağı planlanmalı ve gerekli resimler toplanmalıdır. Örnekte bu site yapılacaktır. Bu sitenin yapımı için gerekli resimlerin listesi aşağıda verilmiştir.

Dreamweaver ile Tema Hazırlarken Kullanılacak Resimler

Resim 1 : Ana Sayfa, Hakkında gibi menülerin olduğu menü çubuğu.
Resim 2 : Site başlığının yazılı olduğu siyah zemin. Tamamını Oku »

Google Adsense Cevap Vermiyor

Google Adsense başvurusu yapalı 3 haftadan fazla oldu fakat hala cevap yok, adsense hesabına giriş yapmaya çalıştığımda aşağıdaki yazı çıkıyor.

Hesap Etkin Değil

Bu login için bir AdSense hesabı mevcut değil. Başvurunuz henüz inceleme aşamasında. Başvuru tarihinizden sonraki bir hafta içinde başvurunuzu inceleyeceğiz ve size bir e-posta göndereceğiz. AdSense’e katılmaya hak kazandığınızda hesabınıza giriş yapabilecek ve programı kullanmaya başlayabileceksiniz.

3 haftadır bu mesajı görüyorum. Mesajdan anladığım bir hafta içinde mail göndermeleri gerekiyor ama hala bişey yok. Cevap konusunda müşteri memnuniyetini düşündüklerini hiç sanmıyorum, site sahibi beklesin diye düşünürler. Çünkü alternatifleri yok. E-posta gönderdim otomatik cevaptan başka cevap gelmedi.

Biraz araştırma yaptım. Tamamını Oku »

Dreamweaver ile Sitede Taşınabilir Alanlar Oluşturmak

Web sayfasında taşınabilir alanlar oluşturmak için layer kullanılmalıdır.

Layout menü gurubundan “Draw Layer” seçeneği seçilerek sayfaya layer eklenir. Layer içerine istenilen eklemeler yapılır.

Eklenen bu layer a taşınabilirlik özelliği verilmelidir. Yani alan taşıma işlemi aslında layer(katman) taşıma işlemidir.

Bunu yapmak için code seçilerek sayfa kodları görüntülenir. Sayfa kodlarından <body></body> arası fare yardımı ile seçilir ve “Tag inspector” panelinden + seçeneği altından “Drag Layer” seçeneği seçilir.

 Sitede layer kullanarak taşınabilir alanlar oluşturmak.

Bu pencerede layer bölümenden ziyeretçi tarafından taşınması istenen layer seçilir. Movement bölümenden taşınacak layer için sınır olup olmayacağı belirlenir. Eğer Unconstrained seçeneği seçilirse kullanıcı layer ı istediği konuma taşıyabilir. Eğer constrained seçeneği seçilirse kullanıcı belirtilen konumlar arasında layer ı taşıyabilir.

up (yukarı) : layer taşınmasında üst taraftaki sınır.

down (aşağı), left (sol), right (sağ) layer taşımasında alt, sol ve sağ taraftaki sınırlar.

Joomla Hata : Erişmeye çalıştığınız sayfa bulunmamaktadır.

Joomla ile menü düzenlemeleri yaparken ana sayfada aşağıdaki gibi bir hata ile karşılaştım :

Erişmeye çalıştığınız sayfa bulunmamaktadır.
Ana menüden başka bir sayfa seçin. Tamamını Oku »

Dreamweaver ile Açılır Menü Oluşturmak (Resimli Anlatım)

Dreamweaver ile açılır menü yapmak için öncelikle ana menü için buton hazırlanmalıdır. Photoshop ile buton hazırlama işlemi Photoshop Kullanarak Buton ve Menü Hazırlamak yazısında resimli olarak açıklanmıştır. Örnek olarak aşağıdaki buton oluşturulmuştur.

Photoshop ile hazırlanmış buton örneği

Photoshop ile oluşturulan buton Tamamını Oku »