Download - Frontpage 2003
![Page 1: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/1.jpg)
![Page 2: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/2.jpg)
• Web Sitesi Oluşturma
• Tema Ekleme
• Kayan Yazı ekleme
• Resim Galerisi Ekleme
• Buton
• Köprü Ekleme
![Page 3: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/3.jpg)
• FrontPage,bir paket programdır.
• FrontPage,Microsoft Office ürünü olan bir Web tasarım
programıdır.
• Lisanslı bir üründür.
• Kendine özgü çeşitli özellikleri vardır.
• Kullanımı kolaydır.
• Türkçe dil desteği mevcuttur.
![Page 4: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/4.jpg)
![Page 5: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/5.jpg)
Yeni bir web
sitesini veya
boş bir web
sayfasını
buradan
oluşturuyoru
z.
Katman,tarih,
web
bileşeni,resi
m,
buton,köprü
ekleme
özellikleri
gerçekleştirili
r
Yazı
tipi,paragraf,te
ma,arka plan
değiştirme
buradan yapılır.
Web sayfasına
tabloları buradan
ekliyoruz.İstersek
kendimiz
çiziyoruz,istersek hazır
tablolar kullanıyoruz.
![Page 6: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/6.jpg)
Web bileşeni
butonu
Tablo
ekleme
butonu Katman
ekleme
butonu
Köprü ekleme
butonu
![Page 7: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/7.jpg)
• Görülen butonun sağ tarafındaki ok işaretine tıklıyoruz.
• Yukarıdaki gibi bir pencere çıkacak. Biz web sitesine
tıklıyoruz.
![Page 8: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/8.jpg)
Web Sitesine
tıkladıktan sonra
karşımıza bu
pencere
gelecek.Biz de
Tek Sayfa Web
Sitesi ne
tıklayarak sitemizi
oluşturmaya
başlıyoruz.
![Page 9: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/9.jpg)
Daha sonra karşımıza yukarıdaki ekran
gelecek.Sitemizi tasarlamaya başlamak için
index.htm ye çift tıklıyor ve ilk adımımızı atmış
oluyoruz.
![Page 10: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/10.jpg)
Tema değiştirmek için üst
tarafta yer alan biçim menüsüne
giriyoruz.
![Page 11: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/11.jpg)
• Menümüzde yer alan Biçim menüsüne
tıklıyoruz ve tema seçeneğine giriyoruz.
• Sayfanın sağ tarafında tema penceresi
açılacak.
• Biz de beğendiğimiz bir temanın üzerine bir
defa tıklamak suretiyle temamızı belirliyoruz.
• İstersek arka plana resim de yerleştirebiliriz.
![Page 12: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/12.jpg)
• Arka plana resim yerleştirmek istiyorsak,Biçimmenüsünden Arka Plan a tıklıyoruz.Sol taraftaki pencere gelecek.Biçimlendirmemenüsüne giriyoruz.
• Arka Plan Resmine işaret koyuyoruz ve Gözatbutonuna tıklayarak bilgisayarımızda yer alan resmimizi seçiyoruz.
![Page 13: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/13.jpg)
• Kayan Yazı eklemek için menüde yer
alan ekle seçeneğine giriyoruz.
• Daha sonra Web Bileşeni ne tıklıyoruz.
![Page 14: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/14.jpg)
Web Bileşeni seçeneğine tıkladıktan sonra karşımıza
yukarıdaki ekran gelecek. Burada herhangi bir işlem
yapmamıza gerek yok.Son butonuna tıklıyoruz.
![Page 15: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/15.jpg)
Karşımıza gelen
ekranın yazı bölümüne
web sitemize eklemek
istediğimiz yazıyı
yazıyoruz.
Yazının kayma
özelliğini belirliyoruz.
Yazının arka plan
rengini değiştiriyoruz.Hangi tarafa doğru
kayacağını ayarlıyoruz.
![Page 16: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/16.jpg)
• Ayarlarımızı yaptıktan sonra Tamam butonuna tıklıyoruz.
• Otomatik olarak index e yönlendiriliyoruz.
• Klavyemizden F12 tuşuna basarak kayan yazımızın
önizlemesini görüyoruz.
![Page 17: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/17.jpg)
Sayfamıza resim galerisi
eklemek için menü-ekle-web
bileşeni yolu izlenir.
![Page 18: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/18.jpg)
• Karşımıza yukarıdaki pencere gelecek.Sol taraftan Fotograf Galerisi,sağ taraftan ise galerimizin şeklini seçiyoruz.Son butonuna tıklıyoruz.
![Page 19: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/19.jpg)
• Daha sonra karşımıza bu
pencere gelecek.
• Bu pencerede sol üstte yer
alan ekle butonuna
tıklıyoruz ve resimlerimizi
ekliyoruz.
• Ekleme işlemi bittikten
sonra Tamam butonuna
tıklıyoruz ve resim
galerimizi oluşturuyoruz.
![Page 20: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/20.jpg)
Buton eklemek için menü-ekle-etkileşimli
düğme yolu takip edilir.
![Page 21: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/21.jpg)
Butonun şeklini
buradan seçiyoruz.
Seçtiğimiz
butonun
önizlemesini
görüyoruz.
Butonumuza
buradan link
veriyoruz.
![Page 22: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/22.jpg)
Butonumuza
yazacağımız yazının
şeklini belirliyoruz.
Butona tıklamadan
önce,fare imlecini
butonun üzerine
getirdiğimizde ve
butona tıkladığımızda
butonun renk
değişimlerini
belirliyoruz.
![Page 23: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/23.jpg)
Resim menüsünde butonun
genişlik ve yükseklik,arka
plan rengi vs. özelliklerini
değiştiriyor ve Tamam
butonuna
tıklıyoruz,butonumuzu
oluşturuyoruz.
![Page 24: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/24.jpg)
• Köprü,link verme ya da yönlendirme anlamına gelir.
• FrontPage’de link vermek yani köprü eklemek için :
• Yukarıda görülen simge kullanılır.Ya da Alt+Ctrl+K
kısayol tuşları kullanılır.
![Page 25: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/25.jpg)
• Link verme işlemi çok çeşitli şekillerde uygulanabilir.
• Köprü özelliğini kullanmak için öncelikle link vermek
istediğimiz alanı seçiyoruz.
• Mesela,yazdığımız bir yazıya köprü eklemek istiyorsak:
• Yazımızın üzerine çift tıklayarak ya da fare imlecini
yazının üzerine basılı tutarak link vermek istediğimiz
alanı seçiyoruz.
![Page 26: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/26.jpg)
• Daha sonra köprü simgesine tıklıyoruz veya
klavyemizden Ctrl+Alt+k tuşlarına basarak link verme
işlemini çalıştırmaya başlıyoruz.
![Page 27: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/27.jpg)
• Link verme simgesine tıkladıktan sonra karşımıza
aşağıda görülen pencere gelecek.
Link verilecek web
sayfasını seçiyoruz.Yönlendirmek istediğimiz web
sitesinin adresini giriyoruz.
![Page 28: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/28.jpg)
• Örneğin;yazımızı index yani anasayfaya yönlendirelim.
• İndex sayfasına bir kere tıklıyoruz ve Tamam butonuna
tıklayıp link verme işlemini tamamlıyoruz.
![Page 29: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/29.jpg)
• Yine aynı yöntemi izliyoruz.Fakat adres kısmına yönlendirmek istediğimiz sitenin url sini yazıyor ve Tamam diyoruz.Böylelikle Link verme işlemimiz sona ermiş oluyor.
![Page 30: Frontpage 2003](https://reader034.vdocuments.pub/reader034/viewer/2022052311/559915f91a28ab9d798b4759/html5/thumbnails/30.jpg)
• Link verme işlemi sona erdikten sonra linkimizin çalışıp
çalışmadığını görmek istiyorsak önce Frontpage de
yaptığımız değişiklikleri ctrl+s kısayol tuşlarıyla
kaydediyoruz.
• Daha sonra programımız açıkken F12 kısayol tuşuna
basıyoruz,karşımıza bir İnternet Explorer sayfası geliyor
ve bize sitemizin tasarımını gösteriyor.
• Bütün çalışmalarımız bize aynen gösteriliyor ve linkimiz
doğru yönlendirme yapabiliyorsa amacımıza ulaşmış
oluyoruz.