|
Bir Site Yapalım - 1
Flash teknolojisi sadece grafik ve
tablolardan oluşan HTML sayfalarını altüst ederek
büyük bir devrim yaratmıştı. Hem dinamik yapıyı
destekliyor oluşu, hem de az yer kaplaması bunda
çok etkili oldu. Artık Flash materyalin
kullanılmadığı web sitesi neredeyse yok gibi.
Bundan yola çıkarak ben de sizlere, basit
bir Flash sitesi taslağı nasıl hazırlanır, nelere
dikkat etmek gerekir, onu anlatacağım.
Daha öncesinden tasarımlarınızın
kabataslak bir eskizini oluşturmuş olmanız işinizi
büyük ölçüde kolaylaştıracaktır. Yapacağınız
tasarımın amacı da bu noktada çok önemlidir.
Konsepti, kurumsallığı gibi hususlar sitenin ara
yüzünü belirlemede etkin unsurlardır. Ancak ben
burada henüz başlangıç aşamasında olan bir projeye
yaptığım tasarım üzerinde duracağım.
Flash
sitesi hazırlamaya başlamadan önce tasarımını
mutlaka Fireworks veya Photoshop'ta yapmış olurum.
Fireworks ağırlıklı tercihimdir, çünkü Flash ile
entegrasyonu mükemmeldir. Flash, Fireworks'ten
aktardığınız vektörel grafikleri olduğu gibi
tanıyacaktır. Bu dersimizde tasarım kısmını
Fireworks'te hallettikten sonra Flash'ta sitemize
hareket vereceğiz.
Adım
01:
Şimdi Fireworks 8 programında
kendimize File > New menüsünden 780x600
ölçülerinde yeni bir sayfa açalım. Arka plan
rengini #99CC00 yapın. Sayfamızı "Tercih.png" adı
ile kaydedin.
Adım 02:
Çalışmamız için düşündüğümüz tasarım, daha
önceden yaptığımız eskizlere göre şekillenecek.
Buna göre ana sayfa ara yüzümüz 6 kısımdan
oluşacak: 1. Site ismi, sloganı, varsa logonun
olduğu kısım, 2. Menüler, 3. Sitenin mesajını
iletecek grafik alanı, 4. Hoş geldiniz başlığı, 5.
Site yazıları, 6. Copyright
kısmı.
Adım 03:
Şimdi
Site ismi ve menü alanı için Rectangle aracını
kullanarak 628x124 ebadında bir dikdörtgen çizin
ve çizdiğiniz bu dikdörtgenin kenarlarını
Properties panelinden Rectangle Roundness kısmını
11 yapın. Bu işlem dörtgenin kenarlarını hafif
oval yapacaktır. Gradient olarak da Linear
(#ECECEC, #F4F4F4), kenar çizgi kalınlığı 1,
rengini de #FFFFFF yapın. Dilerseniz Effects
bölümünden gölge verebilirsiniz. (Resim
2)
Adım 04:
Sitenin
mesajını iletecek grafik alanı için de 620x199
ölçüsünde bir dörtgen daha çizin ve bunu az önce
çizdiğinizin alt kısmına konumlandırın. Rectangle
Roundness kısmını 5 yapın. Dolgusu mühim değil,
çünkü içine resim atacağız, ama kenar çizgi
kalınlığını 1, rengini ise #FFFFFF yapın. Sağ
tıklayıp Arrange > Bring to Front deyin.
Böylece bu şeklimiz en üste geldi.
Ders devam edecek....
Kaynak: SanalKurs.NET
|
