İlk Aşama Görsel Tasarım ;
Photoshoptan bir diktörtgen şeklinde kutu çizdim daha sonra butonları düşündümki kenarlara yerleştireyim ve bunlar resimli olsun dedim ve kenarlarada kutular koydum içine o linkle alakalı
Resimler yerleştrdim altına butonlarımın ismini yazdım be başlık olarak üste Afyonkarahisar yazdım alta ise “Tarihin başkenti “ yazısını yerlştirdim içeriğimin nereye olcağı konusunda fikir yürüttüm sadece ortada bosluk kaldı oraya koycaktım ama altına gitmezdi oraya bi ifareme açmayı düşündüm öyle yaptm. Sağa sola kayma ubuğunu yok etmek için sayfları biraz dar yaptım ama güzel oldu daha sonra Slice Tool aracı ile butonları içerik alanlarını kestim sonra File - Save For Web deyip kaydettim.
Kodlama ;
Şimdi Ps ile kaydettimiz dosyadan html dosyamızı dreamveaver ile açtım. İlk iş olarak sayfayı ortaladım ve arkaplan görüntüsünü ayarladım be butonlara link verme işlemini gerçekleştirdim.Yalnız ifareme olduğu için butonlara link verirken hedef bölgesini ifareme kodunda belirlediğim gibi “ana” hedefini aktadım böylece o orta alanda açılcak sayfa ve diğer sayfaları oluşturdum diğer saayfaları oluştururken arkaplanı tasarımla uyumlu olması açısından o gri tonlu resmi koydum böylecesanki orda ayrı bi sayfa yokmuş gibi durdu ve görsellik açısından güzel oldu.
Deneme Uygulama ;
Bu kısımda ise stemi kaydedip doğru çalışıp çalışmadığını kontrol edicez.Sitemi ilk önce html olarak kaydettim ve çalıştırdım butonları kontrol ettim eksik çalışan link verilmemiş olan vs vs.Şimdi sitemiz düzgün çalışıyor bütün html sayfalarını açtım ve php olarak kaydettim artık php sitem hazır.
Hiç yorum yok:
Yorum Gönder