1.ARAYÜZ YAPIMI

Arayüz yapımında şu aşamalar sırasıyla yapılır.

1.             Arayüz yapımında Adobe Photoshop programı kullanılır. Dosya /Yeni açılarak karşımıza çıkan ekrana şu değerleri yazarız.

Genişlik:300

Yükseklik:600

Çözünürlük:72

Mod:RGB

İçindekiler:Beyaz  ve Tamam’ı tıklarız.

2.             Karşımıza gelen beyaz zeminli ekranımız üzerinde seçim yapmak için dikdörtgen seçim aracı seçilerek çizimimizi oluştururuz.

3.             Bu işlemden sonra Katman/Yeni Katman ‘dan Katman ya da katmanlar paletinden   bu şekil seçilerek katman oluşturulur.ve Geçiş aracıseçilir.

4.             .Dokular paletinden istediğimiz bir dokuyu seçerek yaptığımız Dikdörtgen’in Sol üst köşesinden Sağ alt köşesine kadar bir çizgi çekeriz

5.      Seçimden çıkarmak için Seç/Seçimden Çıkar seçeneklerini seçeriz.

6.       Butonlarımızı yapmak için Dikdörtgen Seçim Aracını seçeriz ve şeklimizin üzerine gelip dikdörtgen şeklimizi oluştururuz.Bu işlemi yapmadan önce katman oluştururuz.Daha sonra Geçiş Aracını seçeriz ve yeni bir katman daha oluştururuz.ve Stiller paletinden Peş peşe cam düğmeler’i seçeriz.ve karşımıza gelen düğmelerden her hangi birini seçerek dikdörtgen şeklimizin sol üst köşesinden sağ alt köşesine kadar sürükleyip bırakırız .Seçtiğimiz cam düğmemiz oluşur.Seç/Değiştir/Düzgünleştir seçilir ve butonların kenarları yuvarlanır.

7.             Şeçili olan düğmemizi Seç/Seçimden Çıkar komutlarını vererek Seçimden çıkarttık.

8.             Düğmelerimizi Ctr+Alt tuşlarına basılı tutarak fare yardımıyla kopyaladık.

9.             Düğmelerimize yazı yazmak için Dizgi aracını Seçtik ve yeni bir katman daha oluşturduk.Daha sonra en üstteki düğmemizin üzerine gelerek ANA SAYFA yazdık.Bu yazının sitilini değiştirmek için Metni Çözgüle aracı tıklarız ve gelen seçeneklerden Çıkıntı seçeneğini seçeriz.

10.          Bu işlemden sonra yazımızın şekli aşağıdaki hali alır.

11.          Diğer butonlarımıza da aynı işlemleri uygulayarak sırasıyla Özgeçmişim, Memleketim ve Linkler  yazarız.

12.          Bu işlemlerden sonra Dilim aracını tıklarız ve butonlarımızı seçeriz.

13.          Seçim alanlarının üzerine gelerek farenin sağ tuşuna basarız ve Edit Slice Option Seçeneğini seçerek Her bir buton için bir adres belirleriz bu adresleri URL kısmına yazarız ve tamam’ı tıklarız.Daha sonra Dosya/Web İçin Kaydet Seçeneklerini kullanarak Kaydederiz.Görüntüler ve HTML seçeneğini seçerek arayüzümüzü kaydederiz.Arayüzümüz aşağıdaki görünümü alır.

14.          Butonumuzun son hali aşağıdadır:

2.ARAYÜZ YAPIMI

1.             Arayüz yapımında şu aşamalar sırasıyla yapılır.

2.             Arayüz yapımında Adobe Photoshop programı kullanılır. Dosya /Yeni açılarak karşımıza çıkan ekrana şu değerleri yazarız.

Genişlik:300

Yükseklik:600

Çözünürlük:72

Mod:RGB

İçindekiler:Beyaz

3.             Bu değerler yazıldıktan sonra  Tamam Tıklanır.Karşımıza gelen ekrana dörtgen aracını seçerek seçim oluştururuz.

4.             Bu işlemden sonra Geçiş Aracı Seçilirve Dokulardan da istediğimiz doku seçilir ve yeni bir katman oluşturulur .Daha sonra Şeklimizin Sol üst köşesinden sağ Alt köşesine kadar sürüklenir ve seçimimizin içine dokumuz yerleşmiş olur.

,

5.             Seç/Seçimden Çıkar seçenekleriyle seçimimizi seçimden çıkartırız.Daha sonra daha önceki arayüzümüzde oluşturduğumuz düğmeler için yaptığımız işlemleri sırasıyla yaparız.Ancak Butonlarımıza sırasıyla Arayüz , Buton, Animasyon ve Dersler yazarız kayıt işlemlerini de aynı şekilde gerçekleştiririz.

6. Arayüzümün son hali: