frontpage 2003

31

Upload: hasan-harmanci

Post on 05-Jul-2015

489 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Frontpage 2003
Page 2: Frontpage 2003

• Web Sitesi Oluşturma

• Tema Ekleme

• Kayan Yazı ekleme

• Resim Galerisi Ekleme

• Buton

• Köprü Ekleme

Page 3: Frontpage 2003

• 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
Page 5: Frontpage 2003

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

Web bileşeni

butonu

Tablo

ekleme

butonu Katman

ekleme

butonu

Köprü ekleme

butonu

Page 7: Frontpage 2003

• 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

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

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

Tema değiştirmek için üst

tarafta yer alan biçim menüsüne

giriyoruz.

Page 11: Frontpage 2003

• 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

• 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

• 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

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

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

• 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

Sayfamıza resim galerisi

eklemek için menü-ekle-web

bileşeni yolu izlenir.

Page 18: Frontpage 2003

• 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

• 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

Buton eklemek için menü-ekle-etkileşimli

düğme yolu takip edilir.

Page 21: Frontpage 2003

Butonun şeklini

buradan seçiyoruz.

Seçtiğimiz

butonun

önizlemesini

görüyoruz.

Butonumuza

buradan link

veriyoruz.

Page 22: Frontpage 2003

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

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

• 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

• 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

• 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

• 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

• Ö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

• 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

• 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.

Page 31: Frontpage 2003

• HASAN HARMANCI

• 20112066

[email protected]