Microsoft Office FrontPage 2003 NDEKLER

WEB STES HAKKINDA ......................................................................................................................................... 2 MCROSOFT FRONTPAGE 2003E GR ............................................................................................................ 3 ARA UBUKLARI ................................................................................................................................................ 5 YEN BR STE OLUTURMA ............................................................................................................................... 6 BO BR WEB SAYFASI OLUTURMA .............................................................................................................. 6 FRONT PAGE SAYFASI ZELLKLER ............................................................................................................... 7 RESM EKLEME...................................................................................................................................................... 9 WEB SAYFASI DZENLEME ............................................................................................................................. 10 FOTORAF GALERS OLUTURMA ............................................................................................................... 18 KAYAN YAZI EKLEME ....................................................................................................................................... 22 MEN BLM OLUTURMA ......................................................................................................................... 24 EREVELER (FRAME) ...................................................................................................................................... 28 EREVE KALINLIKLARI.................................................................................................................................. 32 KAYDIRMA UBUKLARI ................................................................................................................................... 33

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

WEB STES HAKKINDA

Site deyince : Site deyince kiinin ilgi alanna gre inaat sitesi ya da internet sayfas akla gelir. Bir inaat sitesi ile bir internet sitesinin ortak yanlar olabilir mi? nce bu sorunun cevabn ararsak. Bir inaat sitesi yapmak iin neler gereklidir ? Arsa, Alt Yap, Malzeme (Tula, demir, imento vb.), Mhendislik, ilik, Ruhsat, Finansman, yap denetimi gibi bunlara benzer bir ok madde karabiliriz. naat sitesinin yapmn stlenen kiiye mteahhit denilmektedir. Ayn maddelerden esinlenerek sizce bir web sitesi yapmak iin neler gereklidir?x Web sitesi yapan kiilere ne denir. Yayn Alan ; Hazrlanan sitenin 24 saat yaynlanabilmesi iin zel irketlerin ya da kurumlarn server bilgisayarlarnda kaplad alandr. Bu alann kiralanmas ilemine hosting denir. Alt Yap : Tabi ki yaptnz siteyi internet ortamnda grebilmeniz iin bilgisayarnzn internete bal olmas gereklidir. Malzeme : Site yapmak iin konu ile ilgili resim, makale yada form gibi materyallerin yan sra bilgilerinizi dizayn edebileceiniz bir programa ihtiya duyulur. Bu programlardan bazlar ise; Microsoft Office Frontpage, DeramWear, Flash gibi programlardr. Bu programlar ile grsel olarak web sayfas tasarlarken programlar arka planda yaptnz tm grsel ilemleri sizin iin HTML koduna evirirler. Yani otomatik olarak HTML kodlar yazarlar. Tasarm : Site hazrlama konusunda temel bilgi ve becerilere sahip olmak. Alan ad : .com.tr, gov.tr, gen.tr, bel.tr, pol.tr vb. isim ad altnda sitenizin adresidir. Bu adresler Orta Dou Teknik niversitesinin www.nic.tr adresinden alnmaktadr. Ya da bir Hosting firmas ile anlaarak bu ilemin yaplmasn salayabilirsiniz. Bir internet sitesinin yapmn stlenen kiiye ise webmaster denir.

ki eit internet sayfas vardr.

Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

1. Statik Sayfa : Bu tr sayfa yaps genelde bilgi vermeye ynelik sayfalarda kullanlr. Sayfa ziyaretisi ile herhangi bir interaktif iletiim yoktur. Dinamik sayfalara gre yapm maliyeti daha dktr. Gncellemek veya yap deiiklikleri dinamik sayfalara gre daha zordur; yksek maliyet gerektirir. Sayfa ziyaretilerinin sayfaya katlmlar salanamaz. 2. Dinamik Sayfa : Bu tr sayfalar genelde .asp, .php, .jsp, .shtml gibi sunucu tarafl dil uzantlarndan oluur. Sayfa ziyaretisi ile interaktif iletiim vardr. Sayfa ziyaretilerinin siteye katlmlar salanabilir. yelerin yada ziyaretilerin site hakkndaki yada dier konulardaki dnceleri alnabilir. Site gncellemesi webmaster olmadan da yaplabilir. Dinamik sayfalar kullancya sunduklar bilgileri veritabanndan alrlar.

MCROSOFT FRONTPAGE 2003E GR

Bu blmmzde Frontpage konusunda ksaca deindikten sonra bir sitenin nasl yapldn aama aama inceleyeceiz. Microsoft Office Frontpage 2003 programn ilk altrdmzda drt blmden oluan bir sayfa (yeni.sayfa_1.htm) alacaktr. 1. Tasarla : Sayfann grsel olarak tasarland blmdr. Yani bu blmde yaz yazma, resim ekleme ve dzenleme ilemleri grsel olarak yaplr. 2. Kod : Tasarlama blmnde yaplan her trl ilem bu blmde HTML kodlarna evrilir. Yani Frontpage arka planda otamatik olarak HTML kodlar oluturur. 3. Bl : Tasarlama blm ile kodlama blmnn birlikte gsterildii blmdr. 4. nizleme : Tasarlanan sayfann internet explorer da nasl grneceinin ngrnmdr. Frontpage penceresinin hemen sa tarafnda alan pencereden faydalanarak yeni bir web sitesi yada yeni bir web sayfas alabildii gibi daha nceden hazrlanp kaydedilen web siteleri de bu pencereden alabilir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

Frontpage gncelleme blm.

Daha nceden hazrlanp kaydedilen siteler

Yeni sayfa ve yeni site ama

Yukarda belirtilen ilemler Dosya mens ierisinden de yaplabilir. .

Pencere ekrandan kaybolduunda Dosya/Yeni blmnden alr Daha nceden hazrlanan sayfann almas Var olan bir sitenin almas

Frontpage ile bir web sitesi oluturmaya balamadan nce hangi konu ile ilgili site hazrlayacanz belirlemelisiniz. Konu hakknda resim, makale vb. metaryallerinizi toparlamanz gerekmektedir. Tm bu metaryalleri bir klasr ierisinde toplayn. Bu klasr sizin site klasrnz olacaktr. Bu kitapta (D) srcs iinde yeni oluturduumuz Web isimli klasr varsaylan web klasr olarak kullanacaz.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

ARA UBUKLARI
Microsoft Office 2003n dier programlarnda olduu gibi Frontpage 2003de de benzer ara ubuklar mevcuttur. Bunlardan sk kullanlanlar aada gsterilmitir.

Bileen Ekle

Tablo Ekle

Resim Ekle

Kpr (Link) Ekle

Yeni Sayfa

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

YEN BR STE OLUTURMA

D srcsnde oluturduumuz klasr web klasr haline getirebilmek iin DOSYA/Site A mensn takip ederek alacak olan pencereden yeni oluturulan klasr (web) seerek onaylayn. Frontpage bu klasrn web klasr olarak tanmlanmas hususunda Onay isteyecektir. Bu mesaj da kabul edin. Artk klasrmz web klasr halini alacaktr. Bu ilemden sonra Frontpagete varsaylan olarak belirlenen site klasrmz Web isimli klasrdr. Link (kpr) ilemlerinde link penceresi alnca Web klasrnn ierii ekrana gelecektir. Ayn ilem Kayt ilemlerinde de geerlidir. Yeni sayfalar kayt komutu ile birlikte otomatik olarak bu klasrn ierisine kaydedilecektir. Frontpage penceresinin en sol tarafnda site ierisinde bulunan klasrler yer alacak ve dzenlediimiz her sayfa bu klasr ierisine kayt edilecektir. Web isimli klasr web klasr olarak tanmlannca klasr ierisine Frontpage tarafndan Private (zel) ve image (grnt, ekil, resim vs.) isimli klasrler oluturulur. zel olarak tasarlanan dosyalarmz private klasrne, resimlerinizi image klasrne depolayabilirsiniz. Bu klasrlerin haricinde yapacanz almalara gre yeni klasrler oluturabilirsiniz.

BO BR WEB SAYFASI OLUTURMA

sterseniz Frontpage penceresinin sa tarafndan, isterseniz ara ubuklarndan faydalanarak yeni bir sayfa an. Frontpagete eitli sayfa ablonlar bulunmaktadr. Ancak biz bo bir sayfay kendi amacmz dorultusunda dzenleyeceiz.

FrontPage Sayfa ablonlar Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

FRONT PAGE SAYFASI ZELLKLER

Alan sayfa zerinde sa klik yaplarak Sayfa zellikleri penceresi alr. Bu pencerenin Biimlendirme sekmesinden sayfann rengi ve arka plan resmi belirlenebilir. Renkler blmnde Arka plan rengi olarak istenilen renk seilir ve sayfann rengi belirlenebilir.

Sayfa Arka Plan Resmi :

1. Arka plan resmi yanndaki kutuyu iaretleyerek arka plan blmn aktif hale getirin. Hemen sa taraftaki gzat dmesine tklayn.

2. Gzat dmesine tklanarak alacak olan Arka Plan Resmi Se isimli pencereden sayfa arka plan olarak kullanlacak resmi web klasr ierisinden bulun ve iaretleyin. A dmesini kullanarak ilemi onaylayn.

3. Gzat Dmesinin sol tarafnda arka plan resminin yolu yer alacaktr. Tamam diyerek sayfa zellikleri penceresi kapandnda sayfa arka plan resmi grlecektir.

4.

Arka plan resmi zerine yaz yazlarak daha grsel sayfalar oluturulabilir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

TABLOLAR
Web sayfalarnda yaplan her alma ve dzenleme tablolar aracl ile yaplr. Dolaysyla ou web sayfalarnda tablo kullanmak zorunluluktur.

1. Tablo Ekleme :
Ara ubuklarndan ya da Tablo/Ekle mensnden 1 satrl ve 3 stunlu bir tablo ekleyin.

2. Tablo zellikleri :
Sayfada oluan hcreli tablonun zerinde sa klik yaparak tablo zellikleri penceresinden tabloya ait tm zellikleri dzenleyin.

3. Kenarlk Kalnl :
Tablonun kenarlk kalnln deitirebilir hatta kenarlk boyutunu (0) yaparak kenarlklar gizleyebilirsiniz. Kenarlk boyutunu sfr olarak belirlediinizde tasarm grnmnde kenarlklar klavuz izgisi halini alacaktr. nizlemede ise klavuz izgileri grnmeyecektir.

4. Kenarlk Rengi :
Renk blmnden ise kenarlk rengini deitirebilirsiniz. Buradan alan renk paletini kullanarak istediiniz bir rengi kenarlk rengi olarak belirleyin.

5. Arka Plan Resmi :

Tablo zellikleri penceresinden Arka Plan Resmi Kullan blmn aktif hale getirerek Gzat blmnden bilgisayarnzda ykl bulunan resimlerden birini tablo arka plan yapabilirsiniz.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

RESM EKLEME
Microsoft PowerPoint, word ve excel de eklenen her trl resim sayfann ierisinde yer alr. Yani resimler iin ayr bir klasre ihtiya duyulmaz. Ancak web sayfas, resimleri kendi ierisinde barndrmaz. Sayfaya eklenen resimler ayr bir yerde (web klasr iinde) depolanr. Bu zellik internet sayfalarnn hzn arttrr. Sayfaya resim yerletirebilmek iin nce bu resmin web klasrnde ya da bilgisayarda bulunmas gereklidir. Not : Sayfaya eklenen resimler web klasr ierisinden silinirse, resimleri web sayfasnda da gremezsiniz.

1. Tablo eklenilen sayfada tablonun ilk hcresine tklayarak kursorun ilk hcreye gelmesini salayn.

2. Ekle/Resim/Dosyadan mensn kullanarak Resim penceresini an. Ayn ilem ara ubuklarnda bulunan resim ekle dmesi kullanlarak daha hzl yaplabilir.

3. Alan Resim penceresinden sayfaya eklemek istediiniz. resmi seerek sa altta bulunan ekle dmesini tklayn.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

10

4. Yandaki ekilde olduu gibi kursorun bulunduu hcreye resim yerlemi olacaktr. Tablo izgilerini kullanarak hcreyi resme gre dzenleyin.

WEB SAYFASI DZENLEME

Yukardaki yntemi kullanarak en sadaki hcreye de bir resim ekleyin ve ortada kalan bo hcreye de sitenin tasarm amacna gre bir balk yazn. Bu kitabmzda kiisel web sayfas hazrla iin kiisel balk kullandk. Buraya kurum ya da irket ismi yazlabilir. Reklam ierikli balklarnda yazld sk sk grlmektedir.

Buraya kadar balk sayfamza tablo ve resim ekledik. u anda tablonun izgileri grlmektedir. Tablo izgilerini, tablo zerinde sa tklayarak Tablo zellikleri/Kenarlklar/Boyut blmn sfr yaparak kaldrabiliriz. Tabloyu sayfa ierisinde ortalayabilmek iin yine Tablo zellikleri/Hizalama blmndeki alr kutudan Orta seilir. Dikkat edilirse tablonun st ksmndan sayfa bana kadar 2-3 mmlik boluk grlecektir. Bu boluk sayfann varsaylan zelliidir. Bu tr boluklar web tasarmclar asndan ok nemlidir. Sayfann grselliini ister istemez bozmaktadr. Kenar boluklarn kaldrmak iin sayfa zerinde sa tklayarak Sayfa zellikleri/Gelimi sekmesinden st ve sol kenar boluklarn 0 (sfr) yaparak tabloyu sayfaya tam olarak yerletirin.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

11

KAYIT
Son olarak sayfanz kaydedin. Kayt ilemi varsaylan olarak hazrlanan web isimli klasrn ierisine yaplacaktr. Fortpage ilk alan sayfann ismini geici olarak yeni_sayfa_1 olarak belirleyecektir. Kayt ilemi srasnda sayfay istediimiz gibi isimlendirebiliriz. zerinde altmz sayfada kayt edilmeyen bilgilerin varl halinde sayfa zerinde * iareti yer alacaktr.

Sayfa zerinde yaptmz en kk deiiklikte bu iaret aktif olacak, kayt ilemi sonrasnda kaybolacaktr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

12

Kayt zellikleri
Sayfalar ilk defa kayt yaparken ; Kayt isminin ksa olmasna zen gsterilmeli. Mmkn olduunca tek kelimeden olumaldr. ift kelime kullanlmak zorunda kalnrsa kelimeler birletirilmeli ya da kelime aralarnda alt tire ( _ ) kullanlmaldr. (rnek : foto_galeri.htm, form_sayfasi.htm vb.) Kesinlikle Trke karakter kullanlmamaldr. , , , , , , ,

Hazrlanan sayfay ekildeki gibi baslik.htm olarak kaydedin.

TARAYICIDA NZLEME
zerinde allan ya da yaynlanmaya hazr hale gelen bir sayfann taraycda (browser) nasl yaynlandn grebilmek iin Dosya/Taraycda nizleme mensnden istenilen ekran ayar seilerek yaplan sayfann internette nasl grnecei izlenebilir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

13

LNK (KPR) EKLEME

Adndan da anlalaca gibi kpr; iki sayfa arasnda kpr grevi yapan ilemdir. Bir sayfadan dier sayfaya gemek iin kullanlr. Kpr ilemi web klasrmzn ierisindeki sayfalar arasnda yaplabildii gibi internet ortamnda bulunan dier sayfalara da kpr (link) verilebilir. Web klasr ierisinde link verebilmek iin ncelikle link vermek istediiniz sayfa oluturulmaldr.

1. Site Dndaki Dier Sitelere Link Verme :

Yeni Sayfa a

1. nce yeni bir sayfa an.

2. Bu sayfaya sitenize giren kiileri ynlendireceiniz site isimlerini yaznz. Yazdnz maddeyi ekildeki gibi seiniz. Sonra yandaki ekilden faydalanarak ara ubuklarndan link ksayolunu kullanarak Kpr Ekle penceresini an.

3. Kpr Ekle penceresinin alt tarafndaki Adres blmne ynlendirilmek istenilen sayfann adresini yazn. Tamam dmesini tklayarak ilemi onaylayn.

Buraya kadar link verme ilemi tamamlanm oldu.

Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

14

4. Yeni Pencere : Emniyet Genel Mdrl sayfasn yeni pencerede atrmak iin: Emniyet Genel Mdrl yazs seili iken tekrar Kpr Ekle dmesine tklayalm. Bu sefer karmza Kpr Dzenle penceresi alacaktr. Kpr Dzenle penceresinin sa tarafnda bulunan Hadef ereve dmesine tklaynca Hedef ereve Perceresi alacaktr. Burada Yeni Pencere maddesini iaretleyiniz. Tm pencereleri onaylayarak kapatn. Yaptmz link ilemleri aadaki resimde zetlenmitir.

5. Link vermek istediimiz dier maddeleri de ayn yntemle dzenleyerek sayfamz link.htm olarak kaydediyoruz. 6. Link.htm sayfasnda baka deiiklik yaptysanz bu deiiklikleri kaydederek nternet Explorer da atralm (F12). Yapm olduumuz linki altrdmzda ynlendirilen sayfann ayr bir pencerede ald grlecektir. Ayn ilemi Front Page nizleme blmnden de yapabilirsiniz.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

15

2. Site erisinde Bir Sayfaya Link Verme: Site ierisinde bir sayfaya link verilebilmesi iin daha nceden o sayfa hazrlanm olmaldr. Bu blme kadar baslik.htm ve link.htm adl iki sayfa yaptk. baslik.htm sayfasndan link sayfasna gemek iin aadaki ilemleri yapn. 1. ncelikle Dosya/A (Ctrl+O) penceresinden baslik.htm sayfasn an.

2. Yaptnz tablonun hemen altna nemli Linkler yazarak sein ve Kpr Ekle penceresini an.

3. Kpr Ekle Penceresi aldnda web klasrmzn ierii grlecektir. Buradan link.htm sayfasn sein. Seilen sayfa ismi adres blmne otomatik olarak yazlacaktr. Not : Kpr ekle penceresi aldnda web klasrnn ierii grnmyorsa yada baka klasrn ierii grnyorsa bak blmnden web klasrn aabilirsiniz. 4. Link verme ilemi bittikten sonra sra geldi link verilen sayfann yeni pencerede mi yoksa ayn pencerede mi alaca hususuna; Kpr ekle penceresinin yan tarafnda bulunan Hedef ereve dmesine tklayarak Hedef ereve penceresini an. Genel Hedefler blmnden Ayn ereveyi seerek onaylayn ve pencereden kn. Bu ilem sonunda baslik.htm sayfasnn nemli linkler blm aktif hale (alt izili) gelmi olacaktr. Daha sonra yaplan deiiklikleri kaydediyoruz. (F12) tuunu kullanarak Front Pagein nizleme blmnden yaplan kpr altrlabilir.
Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

16

Not : Yaplan deiiklikler kaydedilmeden nizlemeye geilirse en son deiiklikler aktif hale gelmeyecektir. F12 tuu kullanlrsa Microsoft Office FrontPage 2003 sizi deiikliklerin kaydedilmesi hususunda uyar mesaj verecektir. Ayn ilemi link.htm sayfasndan bir link vererek baslik.htm sayfasna gitmeyi dzenleyin. Bylelikle iki sayfa arasnda karlkl kpr kurulmu olur.

3. Ayn Sayfada Link (Yer imi) Kullanma

Bir konu hakknda sayfalarca makale yazdnz. Yazdnz makaleyi alt balklar halinde toplayarak konuya aklk getirmeye altnz. Yaptnz bu almay internet ortamnda okuyucularnzla paylamak istiyorsunuz. Makaleniz o kadar uzun ki okuyucularnzn sklmasndan korkuyorsunuz. O zaman okuyucularnzn makale ierisinde merak ettikleri ya da okumak istedikleri blmlere daha kolay ulaabilmeleri iin sayfanzda Yer imi kullanmak zorundasnz. ncelikle sitenizde yaynlanmas iin bir konu seiniz ve bu konu hakknda makale bulunuz. nternetten de yararlanabilirsiniz. Bu dokmanmzda internetle ilgili bir makale hazrladk ve ekilde de grld gibi sayfamza kopyaladk. Konu balklarmz ise sayfa bana yerletirdik. Okuyucunun istedii bilgiye daha kolay ulaabilmesi iin sayfa ii link (yer imi) vereceiz. Bylelikle okuyucu arad bilgiye sayfa iinde gezerek deil konu balklarn tklayarak ulaacaktr. 1. lk olarak nternet Nedir? Konu baln metnin iinden seerek Ekle/Yer mi (Ctrl+G) mensnden Yer areti penceresini an. 2. Alan Yer iareti penceresinde Yer iareti ad blmne internet Nedir? bal otomatik olarak gelecektir. Tamam dmesini tklayarak pencereyi kapatn. nternet Nedir? simli baln alt ksa izgilerle izilmi olarak grlecektir. 3. Makaleye ait tm konu balklarna ayn yntemle yer imi veriyoruz. Yer imi verdiimiz konu balklar Yer areti penceresinin Bu Sayfadaki Dier Yer aretleri: blmnde grlecektir.
Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

17

4. Yer imi verme ilemlerini bitirdikten sonra artk yer imi verdiimiz balklara sayfa banda bulunan konu balklarn seerek link verebiliriz. Bunun iin sayfa banda bulunan nternet Nedir? cmlesini sein.

Kpr Ekle butonu (link)

5. Kpr ekleme dmesine tklayarak Kpr Ekle penceresini an. Alan pencerenin sol tarafnda bulunan bala blmnde Bu Belgede Yerletir blmn sein. Yer iaretlerinin bulunduu blmde daha nceden yaptnz yer imleri grlecektir. Buradan hangi blme gitmek istiyorsanz o yer imini sein. nternet Nedir? yer imini seerek onaylayn ve pencereyi kapatn.

6. Sayfa bandaki btn konu balklarna bu yntemi uygulayn. 7. Bu sayfay da web isimli klasrn iine bilgi.htm olarak kaydedin. F12 tuu kullanlarak verilen yer imlerinin alp almad taraycdan grlebilir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

18

FOTORAF GALERS OLUTURMA

nternet sayfas resimsiz olmaz. Hangi konuda site hazrlamak istiyorsanz o konuya ait resimleri bir klasr iinde toplayalm. Konuya uygun resimleri web sayfasnda dzenlemek iin Frontpage tarafndan fotoraf galerisi sihirbaz oluturulmutur. Topladmz fotoraflar bir galeri haline getirelim.

1. Yeni bir sayfa aarak web bileeni penceresini an. Bileen Tr blmnden de Fotoraf Galerisini sein. Son diyerek Fotoraf Galerisi zellikleri penceresine gein.

2. Fotoraf Galerisi zellikleri penceresindeki Ekle dmesini kullanarak Dosyalardan Alnan Resimler penceresini an.

3. Buradan fotoraflarn bulunduu klasr aarak sayfada yer almasn istediiniz fotoraflar sein ve A komutunu vererek fotoraflar galeri penceresine dahil edin.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

19

Biz bu kitabmzda polis resimlerini belgelerim ierisinde bir klasrde topladk ve buradan galeriye ekledik. 4. Fotoraf Galerisi zellikleri penceresinde bulunan Dzenle dmesini kullanarak alacak olan Resmi Dzenle penceresinden resimlerin boyutlarn standart hale getirebilir, resimleri dndrebilir ya da krpabiliriz. Bu blmde dikkati eken iki zellik vardr. Bunlar en boy orann koruma ve Varsaylan boyut olarak belirleme zellikleridir. En boy orann koru, zelliini aktif hale getirilirse seili resmin boyutlarn deitirmek istediimizde resmin genilik ve ykseklik oran bozulmayacaktr. Varsaylan Boyut Olarak Belirle, zellii seilirse tm resimler standart olarak ayn boyutta grnecektir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

20

5. Fotoraf Galerisi zellikleri penceresinin Yerleim blmnde ise resimlerin sayfadaki dzenine ilikin birka alternatif bulunmaktadr. Bunlardan sayfaya uygun bir tanesini sein. Genelde resimlerde Slayt Dzeni kullanlmaktadr.

6. Fotoraf Galerisi zellikleri penceresi onaylanarak klr ve resimler seilen dzene gre sayfada yerlerini alrlar.

7. Son olarak sayfay galeri.htm olarak kaydedin.

Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

21

Microsoft FrontPage, Microsoftun dier programlar gibi (Word, Excel) resimleri sayfa ierisinde saklamaz. Resimler ayr bir klasr ierisinde depolanr ve FrontPage resimleri bu klasr ierisinden okur. Dolaysyla depolanan resimler klasr ierisinden silinirse silinen resim sayfa zerinde de grntlenmeyecektir. galeri.htm sayfasndaki resimler de web klasrnn ierisinde depolanmaktadr. galeri.htm sayfasnda bulunan kk resimler ise photogallery isimli klasr iinde depolanmaktadrlar. Bu zellik web sayfalarnn almasna hz kazandrr. Web sayfalarnda JPG-JPEG resimleri ile GIF resimleri kullanlr. Galeri oluturma yntemini kullanarak Web Sayfamz ierisine Osmanl dnemindeki polis kyafetlerini tantan osmanli.htm adnda bir galeri sayfas daha oluturduk.

galeri.htm ve osmanli.htm sayfalarnda kullanlan kk resimler photogallery klasrnn ierisinde depolanmaktadr.

osmanli.htm sayfasnda kullanlan resimler

galeri.htm sayfasnda kullanlan resimler

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

22

KAYAN YAZI EKLEME

nternet sayfalarnn ounda kullanlan kayan yaz, FrontPage tarafndan snrl bir ekilde yaplmaktadr. Yazlar sadece saa yada sola kayabilmektedir. Aa ve yukar kayan yazlar FrontPage tarafndan desteklenmemektedir. imdi baslik.htm sayfasnda bulunan WEB SAYFAMA HOGELDNZ yazsnn altna kayan yaz ekleyelim. WEB SAYFAMA HO GELDNZ yazl hcrede yaznn hemen altna kursoru yerletirin. Ekle mensnden web bileeni dmesini sein. Alan Web Bileeni Ekle penceresinde Bileen Tr blmnden Dinamik Efektleri sein Sonra Efekt Sein blmnden Kayan Yaz efektini seerek son komutuyla pencereden kn. Alan Kayan Yaz zellikleri penceresinin Metin blmne kaymasn istediiniz metni yazn. Yn blmnde yaznn sola m yoksa saa m akaca belirtilir. Hz blmnde ayarlayabilirsiniz. Davran blmnde kaydrlaca ayarlanr. yaznn yaznn hzn nasl

Kaydr : Yaz kayarak ekrandan kaybolur hemen yerine ayn yaz tekrar kaymaya balar. Bir Noktaya Kaydr : Yaz kayarak son noktaya kadar gelir burada durur, yaz ekrandan kaybolmaz. Saa Sola Kaydr : Yaz kayarak son noktaya kadar gelir ve burada durur tekrar geriye kaymaya balar. Yinele blmnde yaznn ka defa kaydrlaca belirtilir. Yaz srekli kaydrlacaksa Devaml blm seilir. Arka plan rengi blmnde ise yaznn hangi renk zerinde kayaca belirtilir. Boyut blmnde yaznn genilii ve ykseklii ayarlanabilir.
Bilgi lem Dairesi Bakanl Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

23

Bu efekt Frontpagein nizleme blmnden ya da browserdan izlenebilir. Frontpagein tasarlama blmnden kayan yaz izlenemez.

Kayan yaz zerinde deiiklik yapmak istenirse. Kayan yaz zerine kliklenerek (ift tklama) Kayan Yaz zellikleri penceresinden deiiklik yaplabilir. Kayan Yaz zellikleri penceresinin sol alt tarafnda bulunan Stil dmesini kullanarak kayan yaznn Yaz tipini, bykln ve rengini deitirebilirsiniz. Artk baslik.htm sayfasnda bir kayan yazmz bulunmaktadr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

24

MEN BLM OLUTURMA

ou internet sitesinde sayfa solunda tm linklerin (kprlerin) bulunduu bir blm vardr. Ziyareti web tasarmcnn sunduu bu blmlerdeki etkileimli dmeleri kullanarak sitenin tm sayfalarn ziyaret edebilir.

Etkileimli Dme
Yeni bir sayfa aarak Ekle/Etkileimli dme blmnden ya da Ekle/Web Bileeni blmnden alan Etkileimli Dmeler penceresindeki alternatiflerden istenilen dme modelini seelim. Alternatifler arasnda gezinirken nizleme blmnde seilen dmenin grnts ekrana gelecektir. Metin blmne dmenin adn yazn. imdilik Balant blmn bo brakn. Yaz Tipi blmnde yaz tipi ve boyutlandrmas yaplabilir. Yaz Tipi blmnn altnda zgn Yaz Tipi Rengi, Vurgulanan Yaz Tipi Rengi ve Bastrlm Yaz Tipi Rengi bulunmaktadr. zgn Yaz Tipi Rengi : Sayfa ilk aldnda grnen yaz rengidir. Vurgulanan Yaz Tipi Rengi : Mause zerine geldiinde yaznn alaca renktir. Bastrlm Yaz Tipi Rengi : Mause ile dme tklandnda yaznn alaca renktir.

Not : zgn yaz tipi rengini, vurgulanan yaz tipi rengini, bastrlm yaz tipi rengini Etkileimli Dmeler penceresinin nizleme blmnde de izleyebilirsiniz.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

25

Resim blmnn ykseklik ve genilik blmnde dmenin bykl belirlenir. Buradaki Oranlar Koru blm seilirse, genilii deitirilen bir dmenin ykseklii de ayn oranda deiecektir. Yine ykseklii deien bir dmenin de genilii otomatik olarak deiecektir.
Yaplan deiiklikleri bu blmden izleyebilirsiniz.

Genilik ve ykseklik blmnn hemen altnda yer alan Vurgulu resim olutur, Bastrlm resim olutur ve Dme resimlerini nceden ykle uygulamalar yaz zelliklerinin dme resimleri iinde geerli olup olmayacan ifade etmektedir. Dmeyi JPEG resmi yap ve bu arka plan rengini kullan blm ile Dmeyi GIF resmi yap ve saydam arka plan kullan blmlerinde dmemizin hangi resim formatnda olmasn istiyorsak o seenei aktif hale getiriyoruz. GF ve JPEG arasndaki fark aada izah edilmitir. JPEG resminin zellii resimleri dier formatlara gre daha fazla sktrmasdr. GIF format ise resimleri JPEG (JPG) format kadar sktrmasa da yinede resimleri sktrr. GIF format JPG formatndan ayran zellikler ise saydam ve hareketli resimlerde kullanlabilmesidir. Uygulamada saydamlk zellii arka plan beyaz renkli sayfalarda fark edilmez. JPEG formatl dme resmi
Dme resimlerinin JPG olmasndan dolay saydam olmayan blm.

Sayfa rengi (arkaplan rengi)

Resimde de grld gibi saydam olmayan blm renkli sayfa zerinde beyaz renkte kendisini gstermitir. GIF formatl dme resmi
Dme resimlerinin GIF olmasndan dolay SAYDAM blm sayfa rengi ile btnlemi durumda. Sayfa rengi (arkaplan rengi)

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

26

Bu dokumanmzda GIF formatn seerek dmemizi sayfamza yerletiriyoruz. Sayfamzn rengini ise dier sayfalarmzn rengi ile ayn olmas iin beyaz olarak tercih ettik. Bu dmemizi kopyala/yaptr yntemi ile aada grld gibi oaltyoruz. Menu resminin zerinde ift klikleyerek alacak olan Etkileimli Dmeler penceresinin Metin blmnden ismini deitiriyoruz. bilgi.htm, link.htm, osmanli.htm sayfalar iin ayr ayr dme oluturun. , Son olarak menu sayfamz menu.htm ismi ile kaydediyoruz.

Sitemizdeki baslik.htm, galeri.htm, menu.htm sayfalar Microsoft FrontPagein bir zellii sayesinde siteye girite ilk olarak alacak olan sayfalardr. Dolaysyla bu sayfalarmza ait menu.htm sayfasnda ayrca dme yapmaya gerek yoktur. lerleyen derslerimizde ereve konularn anlatrken bu konu daha iyi anlalacaktr.

Al sayfamza ulamak iin kullanlacaktr. Sitemizin en son ilemi olarak yaplacaktr.

bilgi.htm sayfas iin bu dme kullanlacaktr.

Tarihteki polis resimlerini izlemek iin bu dme kullanlacaktr. nemli linkler konulu sayfaya (link.htm) ulamak iin bu dme kullanlacaktr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

27

Buraya kadar sitemizde aada sralanan sayfalar mevcut. baslik.htm bilgi.htm galeri.htm link.htm osmanli.htm menu.htm

Not : Site grnm asndan oluturulan dmelerin zellikleri ve yaz stilleri ayn olmaldr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

28

EREVELER (FRAME)
Microsoft FrontPage in nemli zelliklerinden birisi de erevelerdir. Birok internet sayfasnda ereveler kullanlr. Bu zellik sayesinde bir, iki, yada drt sayfay ayn sayfa gibi yaynlayabilir ve bir sayfa gncellendii zaman tm sayfalar birden gncellenmi olur. FrontPagein ablon olarak hazrlad ereveler tasarmcnn tercihine gre kullanlabilir. imdiye kadar hazrladmz baslik.htm, galeri.htm ve menu.htm sayfalarn ereveler sayesinde ayn sayfada kullanmak iin;

Dosya mensnden yeni blmn tklaynca sa tarafta alacak olan pencereden Ek Sayfa alonlar tklanr. Alan Sayfa ablonlar blmnden ereve Sayfalar blmne gein.

ereve Sayfalar blmnde FrontPage tarafndan sunulan ereve ablonlarndan birini sein.

Web sayfalarnda ne kadar az ereve kullanlrsa sayfann grnm de o derece sade ve kullanl olacaktr. Bu alternatifler ierisinde tasarmclar tarafndan en ok kullanlan Balk ve indekiler seeneidir. Bizde bu seenei iaretleyerek onaylayp pencereden kn

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

29

Oluturulan sayfa da ayr ereve olacaktr.

Ana ereve

Tm internet sayfalarnn mutlaka bir balk blmleri vardr. Bu blmde kurumun ya da kiinin ad veya hizmet alann belirten ifadeler yer alr. Balk olarak bu sitede baslik.htm sayfasn kullandm. st blmdeki erevenin Balang Sayfas Ayarla dmesine tklayarak web klasr ierisinden baslik.htm sayfasn sein ve onaylayarak pencerenden kn.

ekilde de grld gibi balk sayfann st erevesine yerlemi durumdadr. Ancak, erevenin kkl nedeniyle sayfann bir ksm grnmemektedir. Mause ile erevenin zerine gelerek erevenin geniliini sayfanza gre ayarlayn.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

30

Ayn ekilde sol tarafta bulunan erevenin Balk Sayfas Ayarla dmesine tklayarak web klasr ierisinden menu.htm sayfasn iaretleyerek pencereden kn. Bylelikle menu.htm sayfas da sol tarafta bulunan erevenin ierisine yerleecektir.

imdi de ana ereve olarak tabir ettiimiz erevenin ierisine hangi sayfay yerletireceimizi planlayalm. Ziyaretinin siteyi ziyaretinde sitenin ieriini zetleyen ve yaz ile desteklenmi resimler kullanlr. Bu sitede galeri.htm sayfasn ana erevede kullanmak istedik. Yukardaki yntemleri kullanarak web klasrnn ierisinden galeri.htm sayfasn seerek ana ereve ierisine sayfay yerletirin. Bylelikle sitenin iskeleti oluturulmu olacaktr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

31

Son olarak ereve sayfamz kayt yapyoruz. Bu sayfamz sitemizin giri sayfas olacandan tm internet sitelerinin giri sayfalar genelde index.htm, index.asp, index.php, default.htm, default.asp, default.php yaplr. Sitenin yaynlanaca hosting firmasnn server bilgisayarlarnda da varsaylan olarak bu sayfalar yeralmaktadr. Dolaysyla bu sayfay index.htm olarak kaydedelim.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

32

EREVE KALINLIKLARI

ereve kalnl

index.htm sayfasnn ereve kalnlklar sayfada bir hayli dikkat ekmekte ve bu da sayfa grmn bozmaktadr. Sayfadaki ereve kalnlklarn kaldrmak iin; Herhangi bir sayfa zerinde sa tklayarak ereve zellikleri penceresine gei yapalm. ereve zellikleri Penceresinin sa alt tarafnda bulunan ereve sayfas dmesini tklayarak Sayfa zellikleri blmne girelim. Sayfa zellikleri blmndeki ereveler sekmesine girerek ereve Aral ksmndan erevenin kalnln ayarlayabilir ya da Kenarlklar Gster blmndeki iareti kaldrarak kenarlklar gizleyebiliriz. Buradan isterseniz ereve kenarlklar gster blmnn check iaretini kaldrarak kenarlklar kaldrabilirsiniz. sterseniz ereve aral blmnden erevenin kalnln arttrarak deiik bir sayfa grnm oluturabilirsiniz.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

33

KAYDIRMA UBUKLARI
Sayfann boyutu ereve darsna karsa ereve bu sayfa iin bir kaydrma ubuu aacaktr. Eer sayfanzda menu.htm sayfasnn bulunduu erevede kaydrma ubuu varsa bunu kaldrmak iin; Kaydrma ubuunu kaldrmak istediimiz sayfa zerinde sa tklayarak ereve zelliklerine girelim.

Bu pencerenin en alt ksmnda Kaydrma ubuklarn Gster alr kutusundan hibir zaman seeneini seerek kaldrn. ou tasarmc kaydrma ubuu kullanmay tercih etmemektedir. Baz sayfalarda ise kaydrma ubuu kullanmak zorunluluu vardr. galeri.htm sayfasnn yaynland ana erevede fotoraflar ereve dna kt iin kaydrma ubuu kullanlmtr.

ereve zelliklerini de dzenledikten sonra index.htm sayfasnda ayr sayfann olduu ziyareti tarafndan anlalmayacaktr. Artk baslik.htm sayfas tm sayfalarn stnde yer alacandan burada yapacamz en ufak bir deiiklik otomatik olarak tm sayfalarda grlebilecektir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

34

KPR VE EREVELERN BRLKTE KULLANILMASI

skeleti oluturulan sitenin ana sayfasndaki menu.htm sayfasnda bulunan dmeler (sol ereve) sayesinde dier sayfalara ziyaretilerin ulamas salanacaktr. menu.htm sayfasnda yer alan Polis ve nternet isimli menye tkland zaman ana ereve ierisinde internet ile ilgili bilgilerin verildii internet.htm sayfasnn almas iin; Microsoft FrontPage 2003 ortamnda index.htm sayfasn aalm. menu.htm sayfasndaki polis ve internet isimli dmeye tklayalm. Etkileimli Dmeler penceresi alacaktr.

Etkileimli Dmeler penceresinin Balant blmnn Gzat dmesini tklayn. Kpr Dzenle penceresi alacaktr.

web klasr ierisindeki internet.htm sayfasn sein. (ilk alta web klasrnn ierii gelmiyorsa bak blmnden web klasrnz bulunuz.)

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

35

Hedef ereve dmesi alarak Hedef ereve penceresinden Sayfa Varsaylan (ana) iaretlenir ya da Geerli ereve sayfas blmnde bulunan ereve resminden sayfay hangi ereve ierisinde yaynlamak istiyorsak o ereveyi seeriz. Hedef ereveyi belirledikten sonra Hedef Ayar blmnde erevenin isminin yer aldna dikkat ediniz. Bu ilemden sonra btn pencereleri onaylayarak kyoruz. Son yaplan ilemler kaydedildikten sonra index.htm sayfasn (ana sayfa) internet Explorer da yaynladmzda (atmzda) internet ve polis isimli dmeye basnca ana erevede internet.htm isimli sayfann ald grlecektir.

Yukardaki yntemi kullanarak menu.htm sayfasnda bulunan dier dmelerinde balantlarn yapnz. Burada dikkat edilmesi gereken bir husus vardr. index.htm sayfasnn ana sayfamz olduunu belirtmitik. menu.htm sayfasnda Ana Sayfa dmesine tklannca ana ereve ierisinde index.htm sayfasnn almas gerektii dnlebilir. Byle bir uygulama yaplrsa, sayfa ierisinde ayn sayfa yaynlanm olur.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

36

Tm bu ilemlerden sonra menu.htm sayfasndaki dmeler kullanlrken en son Ana Sayfa dmesine tklannca aadaki grnm ortaya kacaktr. Bu da ho olmayan hatal bir grnmdr.

Ana sayfa dmesinde tklannca nasl bir grnm istiyoruz. ncelikle bunu tespit edelim. Tabi ki index.htm sayfasnn ilk ald hale geri gelmesini istiyoruz. Bu grnt aada resimlendirilmitir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

37

Anasayfa dmesi ile ilgili yukardaki ilemlerin dorusunu aadaki ekillerden faydalanarak yapabilirsiniz..

galeri.htm

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

38

Ksacas hedef ereve zerinde geleri.htm sayfasna link veririz ve Ana sayfa dmesine basldnda sayfamz ilk halini alacaktr.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

39

SES (MZK) EKLEME

Microsoft FrontPage ile sayfalarda fon mzii kullanlabilir. *.wav, *.mid, *ram(ra), *.aif,(aif,aifc,aiff), *.au ve *.mp3 formatlar desteklenmektedir. Not : Baz ses dosyalar tarayclarda grnmemektedir. Hazrladmz sitemize ses eklemek iin; Sayfa fonunda kullanmak istediimiz mzik dosyasn nce web klasrmze kopyalayalm. Hangi sayfann arka plannda mzik almasn istiyorsak o sayfay Microsoft FrontPage de aalm. Tasarm blmnde sayfa zerinde sa tklayn Sayfa zellikleri blmn aalm.

Bu kitabmzda baslik.htm sayfasnn arka plannda mzik almasn istedik. Bu sayfamz tm sayfalarda bulunduundan dolay sitenin giriinde ziyaretiler mzik dinlemeye balayacaklardr.

Sayfa zellikleri penceresinin alt ksmnda Arka Plan Sesi blmnde Gzat dmesini kullanarak web klasr ierisinde bulunan mzik dosyasn arayalm.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar

Microsoft Office FrontPage 2003

40

Fakat mzik dosyas mp3 formatnda olduundan pencere ierisinde grnmemektedir.

Kullanacamz mzik dosyasnn ismi polis.mp3 tr. Bizde Sayfa zellikleri penceresinde Konum blmne polis.mp3 yazarak web klasrnde var olan dosyay tanmlarz.

polis.mp3
Bu ksm kendimiz dolduruyoruz. (polis.mp3 isimli mzik dosyas web klasrmz ierisinde mevcuttur. Ancak tarayc bu dosyay gstermemektedir.

Konum blmnn hemen alt ksmnda mzik parasnn ka defa tekrarlanacana ait dng blm bulunmaktadr. stee gre bu blmde dzenlenerek Microsoft FrontPagein nizleme blmnden ya da internet Explorer dan sayfaya ait mzik dinlenebilir.

Bilgi lem Dairesi Bakanl

Eitim ube Mdrl Yaynlar