Microsoft FrontPage 2002 Kılavuzu İçindekiler

Transkript

1 Microsoft FrontPage 2002 Kılavuzu İçindekiler GiriĢ...3 BaĢlamadan Önce...3 Genel BakıĢ...3 Yüklü Web sunucu yazılımınız varsa...4 FrontPage ve Microsoft Internet Explorer...4 Windows NT Workstation 4.0 veya Windows NT Server 4.0 kullanıyorsanız...4 Öğreneceğiniz Konular...4 Ders 1: Web Sayfaları OluĢturma...4 Ders 2: Web Sitesini GeliĢtirme ve Yayımlama...5 FrontPage Hakkında Diğer Bilgiler...5 Ders 1 Web Sayfaları OluĢturma...7 Genel BakıĢ...7 FrontPage i Açma...7 ÇalıĢma Alanına Genel BakıĢ...8 BaĢlangıç...9 GiriĢ sayfası oluģturma GiriĢ sayfasına grafik ekleme Resimden köprü oluģturma Sayfada öğeleri ortalama Geçerli sayfayı kaydetme Sayfa Görünümü Seçenekleri Geçerli sayfada HTML etiketleri görüntüleme Geçerli sayfanın HTML biçimini görüntüleme Geçerli sayfayı önizleme FrontPage ile Web sitesi oluģturma Yeni bir Web sitesi oluģturma Gezinti yapısı oluģturma Web sitesine sayfa alma Web sitesi Ġçeriği oluģturma Hakkımızda sayfasını düzenleme Ürünler sayfasını düzenleme Sayfayı tasarlama Madde iģaretli liste oluģturma Resimleri metne göre yerleģtirme Web sitesine bir dosya grubu ekleme Sayfa düzenini tamamlama Geri bilgi formu oluģturma Microsoft FrontPage 2002 Tutorial

2 Formu özelleģtirme Fotoğraf Galerisi oluģturma Fotoğraf Galerisi sayfasını düzenleme Diğer Web Sitelerine bağlanma Bağlantılar sayfasına baģlama Dinamik metin efekti oluģturma Metinden köprüler oluģturma Özel karakterler veya simgeler ekleme Otomatik köprü oluģturma DoğrulanmıĢ köprü oluģturma Paragraf BaĢlıklarını biçimlendirme BaĢlıklara paragraf stilleri uygulama Biçim Boyayıcı kullanarak paragraf biçimlendirmesini yineleme BaĢlıklara paragraf stilleri uygulama iģlemini tamamlama Diğer Konular Birinci Dersin Sonu Microsoft FrontPage i kapatma Ders 2 Web sitesini GeliĢtirme ve Yayımlama Genel BakıĢ Web Sitesinin Görünümünü GeliĢtirme Varolan bir Web sitesini açma Diğer sayfalara köprü oluģturma Birden fazla Geri Al komutu kullanma PaylaĢılan Kenarlıklar ve Gezinti Çubukları ekleme Tüm Web sitesinde paylaģılan kenarlıklar oluģturma Bağlantı çubuğu köprülerini sınama Bağlantı çubuklarını özelleģtirme Tema uygulama Web sitesine tema uygulama Tüm sayfalarda grafik gezinti düğmeleri görüntüleme Temayı değiģtirme Tema üzerinde değiģiklik yapma Championzone Web sitesini önizleme Web sitesini bir Web tarayıcısında önizleme Web sitenizdeki dosyaları düzenleme Resimler klasörüne resim dosyaları taģıma Yeni klasör oluģturma Site Özeti oluģturma Site Özeti raporu oluģturma Yazım Denetimi Geçerli Web sitesinde yazım denetimi yapma Sayfalardaki metinleri değiģtirme Geçerli Web sitesindeki tüm sayfalarda metin değiģtirme Web Sitesi Görevlerini tamamlama

3 Görevler görünümünde görevleri tamamlama Championzone Web sitesini yayımlama Geçerli Web sitesini yayımlama Ġkinci Dersin Sonu

4 Giriş Evde veya iģ yerinizde olsun, Web sitesi kullanımı bilgi yaymanın en kolay yollarından biridir. Örneğin, büyük bir kuruluģu oluģturan her bölüm kendi Web sitesi yoluyla kuruluģ bünyesindeki intranetten bilgi alıģveriģini sağlayabilir. Microsoft FrontPage 2002 kullanarak, artık herkes profesyonelce hazırlanmıģ, göz alıcı Web sayfaları ve Web siteleri oluģturabilir. FrontPage 2002 yi öğrenmenin en iyi yolu uygulamalı olarak kullanmaktır. Buradaki iki derste, spor malzemeleri satan Championzone adındaki hayal ürünü bir mağaza hakkında bilgi veren bir Web sitesi oluģturacaksınız. Bu Web sitesini oluģtururken alıģtırma yapabilmeniz için önceden hazırlanmıģ bir dosya klasörü de bulunmaktadır. AlıĢtırma dosyaları, bu kılavuz ile birlikte, sabit diskinizdeki FPTutor2002 klasöründedir. AĢağıdaki resimde bu Kılavuzu kullanarak oluģturacağınız Web sitesini görüyorsunuz. Başlamadan Önce Genel Bakış Bu kılavuzdaki görevleri yerine getirebilmeniz için bilgisayarınız FrontPage 2002 nin gerektirdiği minimum sistem gereksinimlerine sahip olmalıdır. Daha fazla bilgi için lütfen adresindeki FrontPage Web sitesini ziyaret edin. Henüz FrontPage i yüklememiģseniz, bu kılavuza baģlamadan önce programı bilgisayarınıza yükleyin. 3

5 En az 800x600 çözünürlüğe ayarlı standart bir monitör kullanırsanız, oluģturacağınız sayfalar bu kılavuzdaki ekran örneklerine daha çok benzeyecektir. Farklı bir çözünürlük kullanırsanız, oluģturacağınız sayfalar buradaki örneklerden biraz farklı görünebilir. Yüklü Web sunucu yazılımınız varsa FrontPage Kılavuzu ile oluģturacağınız Web sitesi yerel sabit diskinizdeki bir klasöre kaydedilir. Microsoft Internet Information Services (IIS) gibi bir Web sunucusu yazılımı kullanıyorsanız, kılavuz Web sitesinin varsayılan hedef konumu kabul edebileceğiniz gibi, doğrudan Web sunucunuza da kaydedebilirsiniz. FrontPage ve Microsoft Internet Explorer FrontPage den en iyi biçimde yararlanabilmeniz için Microsoft Internet Explorer uygulamasını yüklemeniz önerilir. Internet Explorer yüklendikten sonra, FrontPage geliģmiģ sayfa ve tema önizleme olanağı sağlar. Diğer Web tarayıcıları Ģu anda bu ek özellikleri desteklememektedir. İpucu Birden fazla Web tarayıcısı kullanabilirsiniz. Bilgisayarınızda yüklü durumda baģka bir Web tarayıcısı bulunsa da, Microsoft Internet Explorer uygulamasını güvenli bir biçimde yükleyebilirsiniz. Web sayfalarını tasarlarken, Web sitenizi yayımlamadan önce yaptığınız iģleri farklı türlerde Web tarayıcıları kullanarak sınamak yararlı olacaktır. Windows NT Workstation 4.0 veya Windows NT Server 4.0 kullanıyorsanız Bu kılavuzdaki dersler, Microsoft Windows 98, Microsoft Windows 2000 veya Microsoft Windows Millennium Edition yüklü bir bilgisayarda FrontPage 2002 kullanılarak uygulanacak biçimde tasarlanmıģtır. ĠĢletim sistemi olarak Windows NT kullanıyorsanız, kullanıcı arabirimi ile klasörlere baģvuru yönteminde küçük farklar görebilirsiniz. Örneğin, Windows 2000 sistemindeki Belgelerim klasörünün Windows NT deki adı KiĢisel dir. Bu farklar FrontPage in iģlevselliğini etkilemez veya bu kılavuzdaki adımları gerektiği gibi uygulamanıza engel olmaz. Öğreneceğiniz Konular Bu kılavuz iki ders halinde sunulmuģtur: Ders 1: Web Sayfaları Oluşturma Bu ders metin ve köprülerle nasıl çalıģılacağını; resim, animasyon, küçük resim ve dosya eklemeyi; listeleri biçimlendirmeyi; nesneleri yerleģtirmeyi; geri bilgi formu tasarlamayı; fotoğraf galerisi oluģturmayı; Web sitesi yapısını ve Web sitesi oluģturmayı öğretir. 4

6 Ders 2: Web Sitesini Geliştirme ve Yayımlama Bu ders; gezinti yapısı oluģturmayı, sayfalara paylaģılan kenarlıklar ve bağlantı çubukları eklemeyi, sayfa ana baģlıkları eklemeyi, grafik tema uygulama ve özelleģtirmeyi, yazım denetimi yaparak Web sitesi bünyesinde metinleri değiģtirmeyi, dosya ve klasörleri sıralamayı ve düzenlemeyi, Web sitesi raporlarını görüntülemeyi ve tamamlanan Web sitesinin önizlemesini yaparak yayımlamayı öğretir. FrontPage Hakkında Diğer Bilgiler Yanıt Sihirbazını kullanma FrontPage, önemli özelliklere kavramsal bir genel bakıģ sağlayan, adım adım yordamlar sunan, içeriğe duyarlı Yardım menüsü içeren kapsamlı bir Yardım sistemine sahiptir. Ayrıca, iģlevler hakkında istediğiniz biçimde soru sorabileceğiniz bir Yanıt Sihirbazı bulunur. Yanıt Sihirbazı na hızlı eriģim sağlamak için: 1. Menü çubuğundan Soru Sor kutusunu bulun. 2. Ġstediğiniz sözcükleri kullanıp bir soru yazın. Örneğin, Sayfamda yazım denetimini nasıl yapabilirim? yazabilirsiniz. 3. ENTER tuģuna basın. Not Soru Sor kutusunda tüm diller desteklenmez. Sözlüğü kullanma FrontPage Kılavuzunu kullanırken daha önce görmediğiniz terimlerle karģılaģabilirsiniz. Bu terimler FrontPage kullanıcı arabiriminde bulunabilir veya Internet ortamında kullanılıyor olabilir. Bilmediğiniz sözcüklerin anlamlarını öğrenmek için, FrontPage 2002 Çevrimiçi Yardım sistemindeki sözlüğü kullanın. Sözlüğü bulmak için aģağıdakileri yapın: 1. Soru Sor kutusuna FrontPage sözcüğünü yazın. Önemli FrontPage ile iliģkili bir sözcük veya tümcecik yazmazsanız, FrontPage Yardım sistemi yerine Microsoft Office XP çevrimiçi Yardım sistemi görüntülenebilir. 2. ENTER tuģuna basın. 3. Aranan terimle eģleģen öğelerin bir listesi görüntülenir: listedeki ilk öğeyi tıklatın. 4. Yardım araç çubuğu üzerindeki Göster simgesini tıklatın. 5

7 5. İçindekiler, Yanıt Sihirbazı ve Dizin sekmelerini gösteren gizli bölme belirir. 6. İçindekiler sekmesini tıklatın. Microsoft FrontPage Yardım kitabının yanında bir artı iģareti (+) varsa, liste içeriği daraltılmıģ veya gizli demektir. Artı iģareti görüyorsanız, listeyi geniģletebilirsiniz. 7. Kitap simgesinin solunda bulunan Artı iģaretini tıklatın. 8. Görüntülenen konu listesinin en alt kısmında, Sözlük baģlıklı liste öğesinin yanındaki artı iģaretini tıklatın. Sözlük altındaki geniģletilmiģ listede de baģlığı Sözlük olan tek bir konu vardır. 9. Sözlük baģlıklı konuyu tıklatın. Sağ bölmede, terimlerin alfabetik olarak sıralandığı bir liste belirir. 10. Anlamını öğrenmek istediğiniz terimi listeden bulun. 11. Bitirdiğinizde Kapat düğmesini tıklatın. 6

8 Ders 1 Web Sayfaları Oluşturma Bu derste, spor malzemeleri satan Championzone adındaki hayal ürünü bir mağaza hakkında bilgi veren bir Web sitesi oluģturacaksınız. Sitede; satılan mallarla ilgili bilgiler, çevrimiçi bir fotoğraf galerisi ve diğer sitelerin bağlantıları bulunacaktır. Bu Web sitesini oluģtururken alıģtırma yapabilmeniz için önceden hazırlanmıģ çeģitli dosyaları içeren bir klasör de bulunmaktadır. Bu klasör <sürücü>:\fptutor2002 konumundadır. Buradaki <sürücü>, kılavuzu yüklediğiniz sabit diski temsil etmektedir. Dersleri tamamladıktan sonra, FrontPage ve özelliklerini iyi bir biçimde anlamıģ olacaksınız. Genel Bakış Öğreneceğiniz konular: FrontPage i açma. Web sayfaları oluģturma. Metin ve köprülerle çalıģma. Resim ve dosya ekleme. Listeleri biçimlendirme. Nesneleri yerleģtirme. Geri bilgi formu ekleme. Fotoğraf galerisi tasarlama. Web sitesi yapısı oluģturma. Yaptıklarınızı kaydetme. FrontPage i Açma Microsoft FrontPage i baģlatmak için Ģunları yapın: Windows görev çubuğu üzerindeki Başlat düğmesini tıklatın, Programlar ı iģaretleyin ve Microsoft FrontPage i tıklatın. FrontPage i ilk defa kullanıyorsanız, program düzenlenebilecek boģ bir sayfa ile açılır. Notlar o FrontPage baģka bir Web sitesinin düzenlenmesinde kullanılmıģsa, otomatik olarak en son kullanılan Web sitesini açar. o Web sitesini kapatmak için: Dosya menüsünden Web i Kapat ı tıklatın. 7

9 Çalışma Alanına Genel Bakış FrontPage 2002, Web sayfaları oluģturma ve düzenlemenin yanında, Web sitelerinin tümünü tek bir uygulamadan yönetebilmenize yardımcı olan tümleģik bir arabirime sahiptir. Araç çubukları ve menü iģlevlerinin tümü Microsoft Office XP programları ile uyumludur ve bundan dolayı, araç çubukları ve menüler tam olarak özelleģtirilebilir. Ayrıca, sık gerçekleģtirilen görevlerin (örneğin, Web sitelerini ve sayfalarını açma, yazdırma ve diğer komutlar) uygulanmasını hızlandırmak için uygun klavye kısayolları da kullanabilirsiniz. AĢağıdaki grafik ve tablo, FrontPage 2002 arabiriminin sık kullanılan bazı öğelerini vurgulamaktadır. Öğe Sayfa Sekmesi Başlık Çubuğu Menü Çubuğu Soru Sor Kutusu Sayfayı Kapat Açıklama Açık durumda birkaç sayfanız olduğunda birini kolayca seçmenizi sağlayan bir yol. Geçerli sayfanın adını ve Web sitenizdeki konumunu görüntüler. Dosya, Düzen, Görünüm ve Ekle gibi menüleri içerir ve FrontPage de gerçekleģtireceğiniz birçok görevi baģlatma noktasıdır. FrontPage deki bir yordam hakkında daha fazla bilgi almak için, Soru Sor kutusuna bir soru yazarak çevrimiçi Yardım sistemine eriģin. Bu düğme o sırada görünen sayfayı kapatır. 8

10 Kaydırma Çubukları Durum Çubuğu Sayfa Görünüm Bölmeleri İlerleme Göstergesi Tahmini Yükleme Süresi Görev Bölmesi Standart ve Biçimlendirme araç çubukları Görünümler çubuğu Bunlar sayfanın baģka bir yerini görmenizi sağlar. Geçerli görevin durumunu temsil eder. Örneğin, giriģ sayfası açılırken Durum Çubuğu nda Index.htm Alınıyor ifadesi görüntülenebilir veya farenizin imlecini Normal bölmesindeki bir bağlantının üzerine getirdiğinizde köprünün hedefi görünebilir. Bunlar çalıģma alanındaki farklı bölmeleri temsil eder. Örneğin, Normal bölmesi bu kılavuzdaki çoğu görevin gerçekleģtirildiği bölmedir. Diğer bölmeler ise HTML bölmesi ve Önizleme bölmesidir. Geçerli eylemin durumunu gösterir. Kullanıcının sayfanızı Web tarayıcısında görüntüleyebilmesi için geçecek zaman hakkında bilgi verir. Office XP programları içinde bulunan ve sık kullanılan komutları içeren bir bölme. Bulunduğu yerin uygunluğu ve boyutunun küçük olması, dosyalarınız üzerinde çalıģırken bu komutları kullanabilmenize olanak verir. Varsayılan olarak görüntülenir. Bunlar, FrontPage ile çalıģırken sık sık kullanmak isteyebileceğiniz komutlara kolayca eriģmenizi sağlar. Ana program penceresinde göreceğiniz öğeler geçerli olarak seçili olan görünüme göre değiģir. Görünümler çubuğu üzerindeki simgeler sayfanızdaki veya Web sitenizdeki bilgilere farklı biçimlerde bakabilmenize olanak verir. İpucu Ek araç çubukları görüntüleyerek veya içerdikleri düğmeleri değiģtirerek çalıģma alanınızı özelleģtirebilirsiniz. Görünüm menüsünden Araç Çubukları nı iģaretleyin ve görüntülemek istediğiniz araç çubuklarını seçin. Araç çubuklarına düğme eklemek veya varolanları kaldırmak için Özelleştir i tıklatın. Başlangıç Bu kılavuz ile, spor malzemeleri satan hayal ürünü bir mağaza hakkında bilgi veren dört sayfalık bir Web sitesi oluģturacaksınız. Tam anlamıyla bir web sitesi oluģturma iģini gözünüzde büyütmeyin. Web sitenize bilgileri ve diğer sayfaları zaman içinde adım adım ekleyebilirsiniz. Basılı mektuplar, notlar ve sözcük iģlem belgelerinin tersine, Web siteleri yayımlandıktan sonra dahi değiģtirilip güncelleģtirilebilir. Metinleri, resimleri, hatta sayfaları istediğiniz zaman değiģtirebilir, silebilir, yenilerini ekleyebilirsiniz. 9

11 FrontPage de, Sayfa görünümünün sağladığı boģ sayfaya metin yazarak iģe baģlayabilirsiniz. Bu derse giriģ sayfasıyla baģlayacağız. GiriĢ sayfası, Web sitenize gelen ziyaretçilerin göreceği ilk sayfadır. Giriş sayfası oluşturma GiriĢ sayfası Web sitenizin giriģ kapısıdır. Sitenizi ziyaret edenlerin ilgisini çekmek için içerik veya konular hakkında bilgi verir. GiriĢ sayfası, Web sitenizdeki diğer sayfalara eriģim sağlayan bağlantıları da içerir. 1. Sayfa görünümünde, boģ sayfaya Championzone sitesine hoş geldiniz! yazın ve ENTER tuģuna basın. Bir sözcük iģlemci programındaki gibi, ENTER tuģuna basıldığında imleç yeni bir satıra taģınır. 2. Sonra, Spor malzemelerimiz hakkında daha fazla bilgi almak, resimlerine bakmak ve Spor Fotoğrafları Galerimize göz atmak için bir gezintiye ne dersiniz? cümlesini yazın. 3. ENTER tuģuna basın. Championzone adlı sitenizin içeriğinin çoğu önceden oluģturulmuģtur. Web sitenizi kurmaya hazır olduğunuzda, FrontPage varolan bu belgeleri doğrudan Web sayfalarınıza aktarmanıza olanak verir ve böylece hiçbir Ģeyi yeniden yazmak zorunda kalmazsınız. Sayfanız Ģu anda aģağıdaki gibi görünecektir: Sıradaki adım ise Web sayfasına resim eklemektir. Bu resimler; taranmıģ fotoğraflar, çizimler veya bir çizim ya da görüntü düzenleme programı ile bilgisayarda oluģturulmuģ grafikler olabilir. 10

12 Bu örnekte ekleyeceğiniz resim FrontPage ambleminin bir grafiği olacaktır: Giriş sayfasına grafik ekleme 1. Ekle menüsünden Resim i iģaretleyin ve Dosyadan seçeneğini tıklatın. FrontPage Resim iletiģim kutusunu görüntüler. Not Ekleyeceğiniz resim dosyası FrontPage program dosyaları ile birlikte yüklenen Kılavuz klasöründedir. 2. Bakılacak Yer yanından kılavuzu yüklediğiniz sabit diski seçin. Kılavuz büyük olasılıkla C veya D sürücünüze yüklenmiģtir. 3. Bakılacak yer kutusunda FPTutor2002 adını görene kadar bu yol üzerindeki her klasörü çift tıklatarak FPTutor2002 adlı klasöre gidin. FPTutor2002 klasöründe çeģitli dosyalar göreceksiniz. Varsayılan ayar olarak, siz bir resim ekleyeceğinizde FrontPage resim dosyalarını arar. 4. Frontpage adlı dosyayı ve ardından Ekle yi tıklatın. FrontPage seçili resim dosyasını geçerli sayfaya ekler. Bu, sitenizi ziyaret edenlerin FrontPage 2002 hakkında daha fazla bilgi almak için tıklatabileceği grafik bir görünümdür. 5. Yeni bir satır oluģturmak için ENTER tuģuna basın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 11

13 Yalnızca bir düğme resmi eklemekle, bir Web tarayıcısında tıklatıldığında herhangi bir eylem gerçekleģmez. Bir düğme veya resmin tıklatılabilir olması için kendisi ile iliģkilendirilmiģ bir köprüye sahip olması gerekir. Köprü; bir metin veya resimden World Wide Web veya intranetteki baģka bir sayfaya ya da dosyaya geçiģ sağlayan bir iģaretçidir. World Wide Web de sayfalar ve diğer Web siteleri arasında gezinti sağlayan baģlıca yol, köprü kullanmaktır. Bundan sonraki adımlarda, giriģ sayfanıza yerleģtirdiğiniz grafikten bir köprü oluģturacaksınız. Resimden köprü oluşturma 1. GiriĢ sayfasında, eklemiģ olduğunuz FrontPage 2002 düğmesi resmini tıklatın. Bir resim seçili hale geldiğinde, resmin etrafında sekiz küçük kare halinde dosya tutamaçları görüntülenir. Bunlar resmin boyutunu veya görünümünü değiģtirmek için kullanılabilir. Resim seçildiğinde, FrontPage tarafından Resimler araç çubuğu görüntülenir. Resimler araç çubuğu resim düzenleme ve biçimlendirme araçları sağlar. Bu konuları daha sonra göreceksiniz. Not Resimler araç çubuğu otomatik olarak görüntülenmiyorsa, Görünüm menüsünden Araç Çubukları nı iģaret ettikten sonra Resimler i tıklatın. 2. Ekle menüsünden Köprü yü tıklatın. FrontPage Köprü Ekle iletiģim kutusunu görüntüler. Buradan, oluģturacağınız köprünün hedefini belirleyebilirsiniz. 3. Adres kutusuna yazın. 12

14 Notlar o o FrontPage in otomatik olarak bir HTTP öneki getirdiğine dikkat edin. HTTP nin anlamı Köprü Metni Aktarım İletişim Kuralı dır. Bu, World Wide Web tarayıcılarının Web sunucularından bilgi almasına olanak veren Internet iletiģim kuralıdır. Microsoft FrontPage etiketli bir düğmeden köprü oluģturduğunuz için World Wide Web de FrontPage giriģ sayfasına bağlanırsınız. Site ziyaretçileri Web tarayıcılarında bu düğmeyi tıklattıklarında Microsoft FrontPage giriģ sayfasına giderler. 4. Köprü oluģturma iģini tamamlamak için Tamam ı tıklatın. Düğme görünümünün değiģmediğini görebilirsiniz. Genellikle mavi renkte ve altı çizili olan metin köprülerinin tersine, resim köprüleri otomatik olarak köprünün varlığını bildirmezler. Bu özellikle yapılmıģtır, çünkü resmin görünümünün değiģmesi bazı durumlarda sunulmak istenen sayfa tasarımına ters düģebilir. Fare iģaretçisini resmin üzerine taģıyarak resmin bir köprüsünün olup olmadığını kolayca anlayabilirsiniz. Köprü varsa, FrontPage köprünün URL sini durum çubuğunda görüntüler. Bu aģamadan sonra, Championzone ambleminin resmini sayfanın üst kısmına ekleyeceksiniz. Giriş sayfasına resim ekleme 1. Geçerli sayfanın baģına gitmek için CTRL+HOME tuģlarına basın. İpucu CTRL+HOME tuģ birleģimi iģaretçiyi giriģ konumuna, yani geçerli sayfanın sol üst kenar boģluğuna yerleģtirir. 2. Ekle menüsünden Resim i iģaretleyin ve Dosyadan seçeneğini tıklatın. Bu sefer FrontPage, FPTutor2002 klasörünün içeriğini görüntüler. FrontPage, çalıģma oturumları boyunca, gittiğiniz klasörlerin adlarını ve konumlarını belleğinde tutar. 3. Czlogo adlı dosyayı çift tıklatın. FrontPage grafiği geçerli sayfaya ekler. 4. HoĢ geldiniz metnini alt satıra taģımak için ENTER tuģuna basın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 13

15 GiriĢ sayfasını tamamlamak için, içerdiği metin ve resimleri ortalamanız gerekir. Sayfada öğeleri ortalama 1. Düzen menüsünden Tümünü Seç i tıklatın. FrontPage geçerli sayfadaki tüm öğeleri seçer. 2. Biçim menüsünden Paragraf ı tıklatın. FrontPage Paragraf iletiģim kutusunu görüntüler. Buradan, seçili öğelerin hizalamasını değiģtirebilir, metin ve grafikler arasında girintiler, özel boģluklar uygulayabilirsiniz. 3. Hizalama listesinden Ortala yı ve ardından Tamam ı tıklatın. FrontPage giriģ sayfasındaki metin ve resimleri ortalar. 4. Sayfada herhangi bir yeri tıklatarak sayfa öğelerini seçili durumdan çıkarın. Geçerli sayfayı kaydetme ġimdiye kadar geçen süre içinde birçok adım uyguladınız; artık sayfayı kaydedebilirsiniz. 1. Dosya menüsünden Farklı Kaydet i tıklatın. FrontPage Farklı Kaydet iletiģim kutusunu görüntüler. Buradan, geçerli sayfanın konumunu belirtebilir, sayfa baģlığını, dosya adını ve dosya türünü gözden geçirebilir veya değiģtirebilirsiniz. 14

16 2. Farklı Kaydet iletiģim kutusunda, düģey yerler çubuğu üzerindeki Belgelerim simgesini tıklatın. Belgelerim klasörünüzün içeriği görüntülenir. Dosya listesinde hiçbir dosya yoksa, Ģu anda burada depolanmıģ baģka herhangi bir Web sayfanız olmadığı anlamına gelir. 3. Sayfa başlığı alanının yanındaki Başlığı değiştir düğmesini tıklatın. FrontPage Sayfa Konu Başlığını Ayarla iletiģim kutusunu görüntüler. Burada varsayılan sayfa baģlığı geçerli sayfadaki metnin ilk satırından alınmıģtır. BaĢlık, Web tarayıcısında görüntülenen sayfanın içeriğini tanımlar. Bu kılavuzdaki uygulamada, baģlığı daha açıklayıcı bir hale getireceksiniz. 4. Sayfa konu başlığını ayarla kutusuna Giriş Sayfası yazın ve Tamam ı tıklatın. 5. Dosya adı kutusunda, önerilen metni giriş sayfası biçiminde değiģtirin ve Kaydet i tıklatın. FrontPage geçerli sayfayı kaydeder. Sayfa Görünümü Seçenekleri GiriĢ sayfasını oluģtururken genel olarak normal Sayfa görünümünde çalıģtınız, ancak geçerli sayfayı gözden geçirebileceğiniz üç farklı yol daha vardır. Geçerli sayfada HTML etiketleri görüntüleme Sayfa görünümünde, Görünüm menüsünden Etiketleri Göster i tıklatın. FrontPage geçerli sayfanın standart HTML etiketlerini grafik biçimde gösterir. Bu görüntüleme biçimi, sayfalarını tasarlarken HTML etiketlerinin nerelere yerleģtirildiğini öğrenmek isteyen kullanıcıların iģine oldukça yarayacaktır. Etiketleri gizlemek için, Görünüm menüsünden Etiketleri Göster i bir defa daha tıklatın. Geçerli sayfanın HTML biçimini görüntüleme Sayfa görünümünde, sayfanın alt kısmında bulunan HTML düğmesini tıklatın. Böylece FrontPage, siz sayfayı tasarlarken oluģturulan HTML kodunu görüntüler. Web tarayıcıları sayfaları görüntülemek için bu bilgileri çözerler. 15

17 HTML bölmesi, FrontPage in oluģturduğu HTML yi özelleģtirmek isteyen deneyimli Web geliģtiricileri ve sayfa tasarımcıları için hazırlanmıģtır. FrontPage in HTML kodu oluģturma biçimine iliģkin tercihleri ayarlamak istiyorsanız, Araçlar menüsünden Sayfa Seçenekleri ni ve ardından HTML Kaynağı sekmesini tıklatın. HTML konusunda deneyimli bir kullanıcı değilseniz, burada değiģiklik yapmanız gerekmez. Sayfa Seçenekleri iletiģim kutusunu kapatmak için, İptal i tıklatın. Normal bölmesine geri dönmek için sayfanın alt kısmında bulunan Normal düğmesini tıklatın. İpucu HTML bölmesinde çalıģırken, birçok menü komutunu ve araç çubuğu düğmesini Normal bölmesindeki gibi kullanabilirsiniz. Geçerli sayfayı önizleme Sayfanın alt kısmında bulunan Önizleme düğmesini tıklatın. Not Bilgisayarınızda Microsoft Internet Explorer yüklü değilse, Önizleme sekmesi görüntülenmez ve bu Ģekilde sayfalarınızın önizlemesini yapamazsınız. Daha fazla bilgi için, BaĢlamadan Önce bölümüne bakın. Sayfanıza Önizleme bölmesinde bakmak, öğelerin (örneğin, animasyonlar, film klipleri, tablolar ve listeler) bir Web tarayıcısında nasıl görüneceğini anlamanın kolay ve hızlı bir yoludur. Normal bölmesine geri dönmek için sayfanın alt kısmında bulunan Normal düğmesini tıklatın. 16

18 FrontPage ile Web sitesi oluşturma Web sitesi, bir giriģ sayfası ve iliģkili sayfalar, grafikler, belgeler, çoklu ortam ve diğer dosyalardan oluģur. Web siteleri bir Web sunucusunda veya bilgisayarın sabit sürücüsünde depolanır. FrontPage tabanlı Web siteleri ayrıca, FrontPage e özgü iģlevleri destekleyen ve Web sitelerinin FrontPage ile açılmasına, kopyalanmasına, düzenlenmesine ve yönetilmesine olanak veren dosyalar içerir. Bundan önceki yordamlarda, bir Web sitesinin FrontPage ile oluģturulmasının ne kadar kolay olduğunu gördünüz. Uygulamaya baģlar baģlamaz, yazmaya ve düzenlemeye de baģlayabilir, sonra belgeyi sabit sürücünüze, bir sözcük iģlem programında yaptığınız gibi kaydedebilirsiniz. Bir Web sitesini tamamen bu Ģekilde oluģturabilirsiniz, ancak birçok eylemi el ile uygulamanız, köprüleri ve kaynak dosyaları izleyerek, içeriğin güncel tutulmasına çok dikkat etmeniz gerekebilir. Sayfalarınızı bir Web sitesine kaydettiğinizde, FrontPage köprüleri otomatik olarak yönetip izleyebilir, dosya ve klasörlerinizi düzenleyebilir, dinamik bağlantı çubuklarını izleyebilir, Web sitesinin tümünde yazım denetimi uygulayabilir, sayfa ve dosyalarınızdaki sorunlara iliģkin raporlar hazırlayabilir. Yeni bir Web sitesi oluşturma 1. Geçerli sayfayı kapatmak için Dosya menüsünden Kapat ı tıklatın. 2. Dosya menüsünden Yeni yi iģaretleyin ve Sayfa veya Web seçeneğini tıklatın. FrontPage Yeni Sayfa veya Web görev bölmesini görüntüler. Burada, çeģitli Web sitesi Ģablonları ve sihirbazlardan seçebilir, Web sitenizi kaydetmek istediğiniz yeri belirleyebilir ve bir ad verebilirsiniz. 3. Şablondan yeni seçeneği altında Web Sitesi Şablonları nı tıklatın. 4. Tek Sayfa Web i tıklattıktan sonra SEKME tuģuna basın. SEKME tuģuna bastığınızda, seçtiğiniz öğe yeni Web sitesinin adını ve konumunu belirttiğiniz alana taģınır. 5. Yeni Web in konumunu belirt kutusunda, önerilen adı <sürücü>:\belgelerim\weblerim\championzone biçiminde değiģtirerek Tamam ı tıklatın. Notlar <sürücü> sabit diskinizi temsil eder ve genellikle C:\ veya D:\ olur. FrontPage, Championzone adında yeni bir Web sitesi oluģturur ve sitenin adı ile konumunu FrontPage program penceresinin üst kısmında bulunan baģlık çubuğunda görüntüler. 17

19 Web sitenizde çeģitli dosyalarla çalıģtığınızdan, FrontPage bir de Klasör Listesi görüntüler. Bu listede geçerli Web sitenizdeki, Microsoft Windows Explorer daki dosya ve klasörlere benzer, dosya ve klasörleri görebilirsiniz. Klasör Listesi ni nasıl kullanacağınızı Ders 2 de öğreneceksiniz. Bu kılavuzdaki dersler; Microsoft Windows 98, Microsoft Windows 2000 veya Microsoft Windows Millennium Edition yüklü bir bilgisayarda FrontPage 2002 kullanılarak uygulanacak biçimde tasarlanmıģtır. Kullandığınız iģletim sistemine bağlı olarak, kullanıcı arabirimi ile klasörlere baģvuru yönteminde küçük farklar görebilirsiniz. 6. Klasör Listesi görünmüyorsa, aģağıdakileri yapın: Standart araç çubuğunda, Geçiş Bölmesi nin sağındaki oku ve ardından Klasör Listesi ni tıklatın. 7. Görünümler çubuğundaki Gezinti simgesini tıklatın. Web siteniz açık iken, Görünümler çubuğundaki simgeler Web sitenizdeki bilgilere farklı yönlerden bakmanızı sağlar. Gezinti görünümü Web sitenizin yapısını grafik biçimde sunar. Tek sayfalık bir Web sitesi oluģturduğunuz için, FrontPage bunu otomatik olarak Web sitesinin giriģ sayfası yapar. Bu, küçük bir ev simgesi ile gösterilir. Gezinti görünümünde iken, FrontPage Gezinti araç çubuğunu da görüntüler. Gezinti araç çubuğunu ekranınızda istediğiniz yere sürükleyebilirsiniz. FrontPage Görünümler çubuğunun yan tarafında (Sayfa görünümünde yaptığı gibi) isteğe bağlı Klasör Listesi ni de görüntüler. Yeni, boģ giriģ sayfasının yerine bu derste Ģimdiye kadar oluģturduğunuz sayfayı kolayca koyabilirsiniz. Ancak önce, Championzone Web sitesindeki diğer sayfaların yapılarını oluģturmanız gerekir. Web sitesi yapısını Gezinti görünümünde oluģturmak sayfa ana baģlığı ve gezinti çubukları gibi özellikleri etkinleģtirir ve bunlar Web sitenizdeki sayfaları değiģtirdiğinizde, kaldırdığınızda veya yenilerini eklediğinizde otomatik olarak güncelleģtirilir. Böylece içeriği değiģtirmek oldukça kolay bir hale gelir. Bu özellikler hakkında daha fazla bilgi ileriki kısımlarda verilecektir. 18

20 Gezinti yapısı oluşturma 1. Gezinti görünümünde, standart araç çubuğu üzerindeki Yeni Sayfa yı tıklatın. FrontPage, giriģ sayfası altında Yeni Sayfa 1 adında yeni bir sayfa oluģturur. Gezinti görünümündeki sayfalar geçerli Web sitesindeki gerçek sayfalar değil, yalnızca bunlara iģaret eden yer tutuculardır. Böylece, bir Web sitesinin içeriğini oluģturmadan önce yapısı ve düzeni hakkında kolayca deneyim sahibi olabilirsiniz. 2. Diğer sayfaları hızlı bir biçimde oluģturmak için, klavyedeki CTRL tuģunu basılı tutarak üç defa N tuģuna basın. CTRL+N tuģları Yeni Sayfa komutunun klavyedeki kısayol tuģlarıdır. FrontPage, yinelenen görevlerin gerçekleģtirilmesini hızlandırmaya yardım eden, sık kullanılan Windows ve Microsoft Office XP kısayol tuģlarını destekler. OluĢturmuĢ olduğunuz bu sayfalar, komutu çalıģtırdığınızda giriģ sayfası seçili durumda olduğu için, giriģ sayfası altında görünür. Not Gezinti görünümünde, seçili sayfa mavi, diğerleri ise sarı renklidir. 3. GiriĢ sayfası seçili durumdayken, SEKME tuģuna basın. SEKME tuģuna basıldığında, seçilen öğe yapı içinde bir sonraki sayfaya taģınır ve düzenlenmek üzere sayfa baģlığı etkinleģtirilir. Ayrıca, sayfanın adını temsil eden metin de seçilir, böylece yeni bir ad yazabilirsiniz. 4. Bizim Hakkımızda yazın ve SEKME tuģuna basın. Bizim Hakkımızda sayfası, Championzone Web sitesi için oluģturacağınız sayfalardan birinin baģlığıdır. 5. Diğer sayfalar için de önceki adımı yineleyin, Yeni Sayfa 2 yi Ürünler, Yeni Sayfa 3 ü Fotoğraf Galerisi, Yeni Sayfa 4 ü ise Bağlantılar olarak yeniden adlandırın. 6. Bir sayfa baģlığını düzenledikten sonra ENTER tuģuna basıldığında, baģka bir sayfa seçilmeden yeni baģlık kaydedilir. Tüm sayfaları seçili durumdan çıkarmak için, Gezinti görünümünde sayfaların dıģında herhangi bir yeri tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 19

21 Sayfayı Gezinti görünümünde veya Klasör Listesi nde (bir sayfa kaydedilene kadar Klasör Listesi nde görüntülenmez) çift tıklatarak Sayfa görünümünde açıp düzenleyebilirsiniz. ġimdiki adımda ise, bu derste daha önce oluģturup Belgelerim klasörüne kaydettiğiniz giriģ sayfasını alarak FrontPage in Web sitesi Ģablonundan oluģturduğu boģ giriģ sayfasını değiģtireceksiniz. Web sitesine sayfa alma 1. Gezinti görünümünde, index.htm öğesini çift tıklatarak Sayfa görünümünde açılmasını sağlayın. FrontPage, Web sitesi Ģablonundan oluģturulmuģ olan boģ giriģ sayfasını açar. 2. Ekle menüsünden Dosya yı tıklatın. FrontPage Dosya Seç iletiģim kutusunu görüntüler. Buradan, Web sayfalarını, sözcük iģleme programlarının belgelerini, metin dosyalarını ve baģka belgeleri geçerli sayfaya ekleyebilirsiniz. 3. Dosya Seç iletiģim kutusunda, (görüntülenmiyorsa) Belgelerim klasörüne gidin. 4. Giriş sayfası adlı dosyayı tıklattıktan sonra Aç ı tıklatın. FrontPage daha önce kaydetmiģ olduğunuz giriģ sayfasını geçerli sayfaya alır. 5. Geçerli sayfayı Web sitenize kaydetmek için, standart araç çubuğu üzerindeki Kaydet i tıklatın. 20

22 FrontPage Katıştırılan Dosyaları Kaydet iletiģim kutusunu görüntüler. Buradan, geçerli Web sitesinin kullanacağı katıģtırılmıģ dosyaları önizleyebilir, yeniden adlandırabilir, kaydedebilir ve güncelleģtirebilirsiniz. Bu sayfayı daha önce bilgisayarınızdaki Belgelerim klasörüne kaydettiğinizde, FrontPage eklediğiniz iki resmi özgün konumlarında, yani FrontPage Kılavuz klasöründe bırakmıģtı. GiriĢ sayfası resim dosyalarına (onları sayfanın kaydedildiği klasöre kopyalamadan) yalnızca iģaret ediyordu. Ancak Web sitelerini taģınabilir kılmak için, her zaman iliģkili sayfa ve dosyaları, onları kullanan Web sitesinin bir parçası olarak tutmalısınız. 6. Katıştırılmış Dosyaları Kaydet iletiģim kutusunda Tamam ı tıklatın. FrontPage giriģ sayfasını Index.htm olarak kaydederken, geçerli Web sitesine de katıģtırılmıģ resim dosyalarının kopyalarını kaydeder. İpucu GiriĢ sayfalarının adları kendileri için ayrılmıģtır. FrontPage giriģ sayfalarına otomatik olarak ayrılmıģ iki addan birini verir. Gerekmediği sürece bu adları değiģtirmemelisiniz. Bilgisayarınızda Internet Information Services (IIS) gibi bir yerel Web sunucu yazılımı çalıģtırıyorsanız, giriģ sayfasına Default.htm adı verilir. Yüklü bir yerel Web sunucu yazılımı yoksa veya sayfayı bir Web sunucusundaki Web sitesine değil, yerel sabit diskinize kaydederken, giriģ sayfasına Index.htm adı verilir. Bu adlar giriģ sayfalarında kullanılmak üzere ayrılmıģtır, çünkü site ziyaretçisi Web sitenizin URL sini belirli bir sayfa baģvurusu yapmadan yazdığında Web tarayıcıları otomatik olarak bunları arar. 21

23 Web sitesi İçeriği oluşturma GiriĢ sayfası Web sitesinin bir parçası olarak oluģtuğuna göre, artık Championzone Web sitesindeki diğer sayfaların içeriğini oluģturabilirsiniz. Hakkımızda sayfasını düzenleme 1. Yeniden Gezinti görünümüne geçmek için Görünümler çubuğundaki Gezinti simgesini tıklatın. Notlar o o Klasör Listesi içinde Ģimdi geçerli Web sitesine kaydettiğiniz iki resim dosyası görünür. Index.htm dosyası yeni giriģ sayfasıdır. GiriĢ sayfasının kalan kopyasını daha sonra Belgelerim klasörünüzden atabilirsiniz. Klasör Listesi nde, diğer sayfaların dosya adları Gezinti görünümünde sayfalara yazdığınız sayfa baģlıklarından otomatik olarak alınmıģtır. Bu kılavuzdaki uygulamalarda, adları değiģtirmeyeceğiz. 2. Hakkımızda sayfasını Sayfa görünümünde açmak için çift tıklatın. Bu sayfa site ziyaretçilerine hayal ürünü Ģirketiniz hakkında ön bilgi verir. Bu kılavuzda bu metin sizin yerinize hazırlanmıģtır ve yapmanız gereken yalnızca metni sayfaya eklemektir. 3. Ekle menüsünden Dosya yı tıklatın. 4. Dosya Seç iletiģim kutusunda, Bakılacak yer kutusunda FPTutor2002 adını görene kadar bu yol üzerindeki her klasörü çift tıklatarak FPTutor2002 adlı klasöre gidin. 5. Dosya türü listesini tıklattıktan sonra Metin Dosyaları (*.txt) öğesini tıklatarak yalnızca metin dosyalarını görüntüleyin. FrontPage, Hakkında adlı tek bir dosya görüntüler. Bu kılavuzda yalnızca bir metin dosyası vardır. 6. Listeden Hakkında yı ve ardından Aç ı tıklatın. Eklediğiniz metin HTML biçiminde kaydedilmemiģtir. Bu nedenle FrontPage, dosyanın alınma biçimini belirlemenize olanak veren Metin Dönüştür iletiģim kutusunu görüntüler. 7. Metin Dönüştür iletiģim kutusundan Satır sonlu normal paragraflar öğesini ve ardından Tamam ı tıklatın. FrontPage metin dosyasını alır ve Bizim Hakkımızda sayfasında ekleme noktasına yerleģtirir. 22

24 8. Bizim Hakkımızda sayfasında yaptığınız değiģiklikleri kaydetmek için, standart araç çubuğu üzerindeki Kaydet i tıklatın. 9. Klasör Listesi ni kapatın. ġimdi, Ürünler baģlıklı sayfayı hazırlayacaksınız. Bu sayfa site ziyaretçilerine Championzone mağazasında satılan spor malzemeleri hakkında bilgi verecektir. Bu sayfaya, Championzone Web sitesini ziyaret eden insanların düģüncelerini almak üzere bir geri bilgi formu da yerleģtireceksiniz. Ürünler sayfasını düzenleme 1. Standart araç çubuğunda, Geçiş Bölmesi nin sağındaki oku ve ardından Klasör Listesi ni tıklatın. 2. Klasör Listesi nden Products.htm öğesini çift tıklatarak sayfayı Sayfa görünümünde açın. 3. Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatarak gizleyin. 4. Ekle menüsünden Dosya yı tıklatın. 5. Dosya Seç iletiģim kutusunda, Dosya türü listesini tıklattıktan sonra Zengin Metin Biçimi (*.rtf) öğesini tıklatarak Kılavuz klasöründeki biçimlendirilmiģ metin dosyasını görüntüleyin. FrontPage ölçütlere uyan dosyayı görüntüler. 6. productinfo adlı dosyayı çift tıklatın. Bu dosya türü biçimlendirme içerdiğinden, FrontPage biçimlendirilmiģ metni otomatik olarak HTML biçimine dönüģtürür ve sayfaya ekler. 7. Ürünler sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. Sayfayı tasarlama Bizim Hakkımızda sayfası biçimlendirmesini Championzone Web sitesine Ders 2 de uygulayacağınız bir grafik temadan alır. Ancak Ürünler sayfasının tasarımında daha fazla çalıģmak gerekir. Okuyucunun paragraf baģlıklarını, ürün listesini ve bu sayfadaki metinlerde geçen olay ayrıntılarını ayırt edebilmesine yardımcı olmak için çeģitli resimler ekleyecek, paragraf stillerini biçimlendirecek ve madde iģaretli bir liste oluģturacaksınız. 23

25 Madde işaretli liste oluşturma 1. Ürünler sayfası Sayfa görünümünde görüntülenirken, Takım Çantası sözcüklerini bulun. Ürün listesinin tümü görünmüyorsa, tüm listeyi görmek için kaydırma çubuklarını kullanın. Liste Takım Çantası ile baģlar ve Kale Ağı ile biter. 2. Takım Çantası ifadesindeki T harfinin solunu tıklatın ve ÜST KARAKTER tuģuna basarak basılı tutun, Ağ sözcüğünün sağını tıklatıp ÜST KARAKTER tuģunu serbest bırakın. Böylece tüm liste seçilmiģ olacaktır. 3. Biçimlendirme araç çubuğu üzerindeki Madde İşaretleri düğmesini tıklatın. FrontPage seçili metni madde iģaretli bir listeye dönüģtürür. 4. Sayfada herhangi bir yeri tıklatarak listeyi seçili durumdan çıkarın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: FrontPage i kullanarak numaralandırılmıģ listeler de oluģturabilirsiniz. NumaralandırılmıĢ bir listeye yeni öğeler eklediğinizde, FrontPage bunları da otomatik olarak numaralandırır. Madde iģaretli veya numaralandırılmıģ listelere öğe eklemek için listede bir öğeden sonra ENTER tuģuna basın. Listeyi tamamlamak için son liste öğesini yazdıktan sonra ENTER tuģuna iki defa basın. ġimdi, geçerli sayfaya dört adet resim ekleyeceksiniz ve resimleri iliģkili oldukları paragraflarla hizalamak için FrontPage içindeki konumlandırma özelliklerini kullanacaksınız. Böylece sayfa düzeniniz daha ilginç bir hale gelecektir. 24

26 Resimleri metne göre yerleştirme 1. Ürünler sayfası Sayfa görünümünde görüntüleniyorken, imleci Bu Haftanın Özel Ürünleri metninin hemen sonuna yerleģtirin. 2. Standart araç çubuğu üzerindeki Dosyadan Resim Ekle yi tıklatın. En son resim eklediğinizde, açık durumda bir Web sitesi yoktu ve FrontPage otomatik olarak Dosya Seç iletiģim kutusunu görüntülemiģti. Ancak Ģimdi açık durumda bir Web sitesi var ve FrontPage Web sitenizin parçası olan resimlerle çalıģmak istediğinizi varsayarak, Resim iletiģim kutusunu görüntüler. Ġstediğiniz resimleri geçerli Web sitesine henüz eklemediğiniz için Bakılacak yer öğesinin yanındaki açılan menüyü tıklatın ve FPTutor2002 klasörüne gidin. Not Bu klasör <sürücü>:\fptutor2002 konumundadır. Buradaki <sürücü>, kılavuzu yüklediğiniz sabit diski temsil etmektedir. 4. FPTutor001 adlı dosyayı ve ardından Ekle yi tıklatın. FrontPage, Bu Haftanın Özel Ürünleri ifadesinin hemen önüne bir futbol topu resmi ekler. 5. Bunun ardından, top resmini seçmek üzere tıklatın. 6. Biçim menüsünden Konum u tıklatın. FrontPage Konum iletiģim kutusunu görüntüler. 7. Kaydırma stili altından Sağ ı ve ardından Tamam ı tıklatın. Resim geçerli sayfanın sağ kenar boģluğu boyunca hizalanır ve madde iģaretli liste bunun solundan itibaren görüntülenir. 8. Ürünler sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. 9. Katıştırılmış Dosyaları Kaydet iletiģim kutusundan Tamam ı tıklatın. 25

27 Sayfanız Ģu anda aģağıdaki gibi görünecektir: Resimleri bu Ģekilde birer birer yerleģtirebileceğiniz gibi, sayfalarınızda kullanmak istediğiniz resimlerin tümünü bir defada da alabilirsiniz. Dosyaları tek tek alma Sayfa görünümünde, bir grup dosyayı veya klasörlerin tümünü alma ise Klasörler görünümünde yapılır. Web sitesine bir dosya grubu ekleme 1. Klasörler görünümüne geçmek için, Görünümler çubuğu üzerindeki Klasörler simgesini tıklatın. Klasörler görünümü, Gezinti ve Sayfa görünümünde görmüģ olduğunuz Klasörler Listesi nin geniģletilmiģ görüntüsüdür. Dosyalara Microsoft Windows Explorer ile baktığınız gibi, burada da Web sitenizdeki dosya ve klasörler hakkındaki ayrıntıları bulabilir ve dosya ekleme, silme, taģıma, kopyalama ve yeniden adlandırma gibi dosya yönetimi görevlerini gerçekleģtirebilirsiniz. 2. Dosya menüsünden Al ı tıklatın. FrontPage Al iletiģim kutusunu görüntüler. Burada, yerel dosya sisteminizden, yerel ağdan, bir Ģirketin dosya sunucusundan, Internet veya World Wide Web deki bir kaynaktan (örneğin, bir FTP sunucusundan) dosya ve klasörler ekleyebilirsiniz. 3. Al iletiģim kutusundan Dosya Ekle yi tıklatın. 4. Alma Listesine Dosya Ekle iletiģim kutusunda, FPTutor2002 adlı klasöre gidin. 26

28 Not Bu klasör <sürücü>:\fptutor2002 konumundadır. Buradaki <sürücü>, kılavuzu yüklediğiniz sabit diski temsil etmektedir. 5. Dosya türü listesini tıklatın, sonra Kılavuz klasöründeki tüm resim dosyalarını görüntülemek için GIF ve JPEG (*.gif, *.jpg) öğesini tıklatın. 6. Listeden czbanner adlı dosyayı tıklatıp seçin. 7. Sonra, CTRL tuģunu basılı tutarak FPTutor002, FPTutor003, FPTutor004, FPTutor005 ve FPTutor006 adlı dosyaları tıklatıp seçin. 8. Dosyalar Alma Listesine Dosya Ekle iletiģim kutusunda seçili duruma gelince CTRL tuģunu serbest bırakın ve Aç ı tıklatın. FrontPage seçtiğiniz resimleri Al iletiģim kutusundaki listeye ekler. 9. ListelenmiĢ olan dosyaları geçerli Web sitesine almak için Tamam ı tıklatın. Kalan resimler Web sitenize eklendiğine göre, Ürünler sayfasını düzenleme iģini artık bitirebilirsiniz. Sayfa düzenini tamamlama 1. Sayfa görünümüne geri dönmek için Görünümler çubuğundaki Sayfa simgesini tıklatın. 2. Açıksa, Klasör Listesi ni kapatın. Böylece üzerinde çalıģtığınız sayfanın daha fazla kısmını görebilirsiniz. Klasör Listesi ni kapatmak için: Standart araç çubuğunda, Geçiş Bölmesi nin sağındaki oku ve ardından Klasör Listesi ni tıklatın. 2. Ürünler sayfasında, ekleme noktasını ÜRÜNLER GENĠġ ÜRÜN YELPAZESĠNDEN SEÇĠN ifadesinin hemen sonuna yerleģtirin ve araç çubuğu üzerindeki Dosyadan Resim Ekle düğmesini tıklatın. 3. Resim iletiģim kutusunda önceden almıģ olduğunuz resimleri göreceksiniz. Listeden FPTutor002 dosyasını seçin. Ayrıca, bir klip ekleyebilir veya tarayıcınız ya da dijital fotoğraf makineniz varsa bu kaynaklardan özgün resimler de ekleyebilirsiniz. 4. Resmi eklemek için Tamam ı tıklatın. 5. Resmi sağ kenar boģluğu boyunca yerleģtirmek ve metnin bunun etrafında olmasını sağlamak için, eklemiģ olduğunuz resmi tıklattıktan sonra araç çubuğundan Sağa Hizala seçeneğini tıklatın. 27

29 Sayfanız Ģu anda aģağıdaki gibi görünecektir: Sayfadaki metnin etrafına resimler ve baģka sayfa öğeleri yerleģtirmek, tasarımın dergi veya gazetelerdeki sayfalar gibi ilginç bir hava vermesini sağlar. Resimler kenar boģluğuna yerleģtirildiğinde, sayfa bir Web tarayıcısında farklı ekran boyutu ve çözünürlükte görüntülendiği zaman dahi sayfa düzeniniz korunur. Ürünler sayfasını tamamlamak üzere Ģimdi bir geri bilgi formu oluģturacaksınız. Bu form site ziyaretçileri ile etkileģim sağlar. Geri bilgi formu Web sitenizi ziyaret eden kiģilerden düģünce ve bilgi almak için kullanılabilir. Geri bilgi formu oluşturma 1. Sayfa görünümünde, geçerli sayfanın en alt kısmına gitmek için CTRL+END tuģlarına basın veya kaydırma çubuğunu kullanarak sayfada aģağı gidin. 2. Yeni, boģ bir satıra Bize Geribildirim Gönderin! ifadesini yazarak ENTER tuģuna basın. 3. Ekle menüsünden Form u iģaretleyin ve Metin kutusu nu tıklatın. FrontPage geçerli sayfaya metin kutusu bulunan yeni bir form ekler. Kesik çizgiler formun kenarlarını belirtir. Varsayılan olarak, yeni form içinde Gönder ve Sıfırla düğmeleri de bulunur. ġimdiki adımda ise, form alanları ve form alanı etiketleri ekleyerek varsayılan formu özelleģtireceksiniz. Böylece site ziyaretçileri kendilerinden ne tür bilgi girmelerini istediğinizi anlayacaklardır. 28

30 Formu özelleştirme 1. Gönder düğmesine bastıktan sonra, araç çubuğu üzerindeki Ortala öğesini tıklatın. 2. Ġmleci Gönder düğmesinin arkasına yerleģtirmek için sol oka basın, sonra ENTER tuģuna basın. ENTER tuģuna basıldığında forma boģ bir satır eklenir. 3. Ġmleci formun baģlangıcına yerleģtirmek için metin kutusunu tıklatıp geri tuģuna basın. 4. Ġlk satıra Adınız: ifadesini yazın ve ÜST KARAKTER+ENTER tuģlarına basın. ÜST KARAKTER tuģunu basılı tutarak ENTER tuģuna basarsanız bir satır sonu oluģturulur. Satır sonları metinlerdeki satır aralarını standart paragraf satır aralarından daha az hale getirmede iģinize yarar. 4. Ġmleci metin kutusunun hemen sonuna getirin ve ENTER tuģuna basın. 5. Bir sonraki satıra E-Posta Adresiniz: ifadesini yazın ve ÜST KARAKTER+ENTER tuģlarına basın. 6. Ekle menüsünden Form u iģaretleyin ve Metin Kutusu nu bir kez daha tıklatıp ENTER tuģuna basın. 7. Sıradaki satıra Açıklamalarınız: ifadesini yazın ve ÜST KARAKTER+ENTER tuģlarına basın. 8. Ekle menüsünden Form u iģaretleyin ve Metin Alanı nı tıklatın. FrontPage forma bir kayan metin giriģ alanı ekler. 9. EklemiĢ olduğunuz kayan metin kutusunu çift tıklatın. FrontPage, Kayan Metin Kutusu Özellikleri iletiģim kutusunu görüntüler. Buradan, metin kutusunun görünümünü değiģtirebilirsiniz. 10. Metin Alanı Kutusu Özellikleri iletiģim kutusunda, karakterlerdeki Genişlik öğesini 30 a, satır sayısını 5 e ayarlayın ve Tamam ı tıklatın. Kayan metin kutusunun boyutunu büyütmüģ oldunuz. Böylece site ziyaretçileri yalnızca birkaç değil, daha fazla satır yazabileceklerdir. Formunuz ve Ürünler sayfanız tamamlandı. ġimdi yaptıklarınızı kaydedin. Not Web sitenizi yayımlayana kadar formu sınama olanağı yoktur. Web sitenizi nasıl yayımlayacağınızı Ders 2 de öğreneceksiniz. 11. Ürünler sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. 29

31 Sayfanız Ģu anda aģağıdaki gibi görünecektir: Ġyi bir çalıģma! Geri bilgi formu ile birlikte Ürünler sayfası da tamamlanmıģ oldu. Dersin bundan sonraki bölümünde son iki sayfayı ekleyeceğiz: Bir çevrimiçi fotoğraf galerisi ve World Wide Web deki bazı sitelere ait bağlantıların listesi. Fotoğraf Galerisi oluşturma World Wide Web bir grafik arabirime sahiptir. Bu nedenle sık ziyaret edilen çoğu Web sitesi fotoğraflar ve diğer türde grafikler içerir. Tarayıcı ve dijital fotoğraf makinesi edinmek artık çok kolay bir hale geldi ve çoğu fotoğraf stüdyosunda artık resimler CD-ROM lara da kaydedilebiliyor. Bu da size bunları çevrimiçi olarak diğer insanlarla paylaģma olanağı sağlıyor. FrontPage kullanarak Web sayfalarına fotoğraf eklemenin ne kadar kolay olduğunu gördünüz. Dersin bu bölümünde bir çevrimiçi fotoğraf galerisi oluģturacaksınız. Fotoğraf galerisi belirli bir biçimde düzenlenmiģ bir grup grafik içeren web sayfasıdır. Championzone Web sitesi için oluģturacağınız galeri spor fotoğrafları içerecektir. FrontPage 2002 grafiklerinizi düzenlemekte kullanabileceğiniz çeģitli düzenler sağlar. Bu kılavuzdaki uygulamada Yatay düzeni kullanacağız. Fotoğraf Galerisi sayfasını düzenleme 1. Araç çubuğunda, Geçiş Bölmesi nin sağındaki oku ve ardından Klasör Listesi ni tıklatın. 2. Klasör Listesi ndeki photo_gallery.htm yi çift tıklatarak sayfayı açın. 30

32 3. Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatarak gizleyin. 4. Sayfa görünümünde boģ sayfa görüntülendiğinde, ilk satıra Spor Fotoğrafları yazın ve ENTER tuģuna basın. 5. Bir sonraki satıra Spor Fotoğrafları Galerimizin Keyfine Varın ifadesini yazın. Küçük resimleri tıklatarak gerçek boyutta görüntüleyebilir, sonra Web tarayıcınızın Geri düğmesini kullanarak bu sayfaya geri gelebilirsiniz. 6. BoĢluk oluģturmak için ENTER tuģuna iki defa basın. 7. Ekle menüsünden Web Bileşeni ni tıklatın. 8. Sol bölmeden Fotoğraf Galerisi ni tıklatın. 9. Sağ bölmeden ilk düzen seçeneğini (Yatay Düzen) seçin ve Son u tıklatın. 10. Fotoğraf Galerisi Özellikleri iletiģim kutusu otomatik olarak açılır. 11. Ekle yi tıklattıktan sonra Dosyalardan alınan resimler i tıklatın. 12. FPTutor003 adlı dosyayı tıklatın ve bunun ardından ÜST KARAKTER tuģunu basılı tutarak FPTutor006 yı tıklatın. Böylece FPTutor003, FPTutor004, FPTutor005 ve FPTutor006 seçili duruma gelecektir. 13. Aç ı ve ardından Tamam ı tıklatın. 14. Fotoğraf Galerisi sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. 15. Katıştırılmış Dosyaları Kaydet iletiģim kutusundan Tamam ı tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 31

33 Diğer Web Sitelerine bağlanma Artık düzenlenecek yalnızca Bağlantılar sayfanız kaldı. Bu kılavuzdaki uygulamada Bağlantılar sayfası, World Wide Web deki bazı sık ziyaret edilen spor sayfalarına ait metin köprülerin bir listesini içermektedir. Kendi Web sitenizi oluģtururken, sayfalarınızdaki konular ile iliģkili baģka Web sitelerine giden köprüler oluģturabilirsiniz. Böylece ziyaretçilerin benzer siteleri aramak zorunda kalmadan sayfanız yoluyla bu sitelere eriģebilmelerini sağlamıģ olursunuz. Bağlantılar sayfasına başlama 1. Araç çubuğunda, Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatın. 2. Klasör Listesi nden links.htm öğesini çift tıklatarak sayfayı Sayfa görünümünde açın. 3. Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatarak gizleyin. 4. Sayfa görünümünde boģ sayfa görüntülendiğinde, Spor Sitelerine Bağlantılar yazın ve ENTER tuģuna basın. ġimdi paragraf baģlığı için basit bir metin animasyonu oluģturacaksınız. FrontPage metin baģlıklarına veya tüm paragraflara uygulayabileceğiniz hoģ metin efektleri içerir. 32

34 Dinamik metin efekti oluşturma 1. Bağlantılar sayfasında, Spor Sitelerine Bağlantılar metni içinde herhangi bir yeri tıklatın. 2. Biçim menüsünden Dinamik HTML Efektleri ni tıklatın. FrontPage DHTML Efektleri araç çubuğunu görüntüler. Buradan, metnin bir Web tarayıcısında animasyon olarak görüntülenmesini sağlayacak basit bir dinamik HTML (DHTML) komut dosyası oluģturacak seçimler yapacaksınız. Dinamik HTML, metin ve nesneler için Microsoft PowerPoint slayt gösterisindeki gibi görsel efektler oluģturmanıza olanak veren bir HTML dili uzantısıdır. DHTML Efektleri araç çubuğunu kullanarak, programlama dilini bilmek zorunda olmadan sayfalarınıza basit efektler ekleyebilirsiniz. 3. Açık listesinden Sayfa yükleme yi tıklatın. Böylece Web tarayıcısı sayfa yüklenirken efekti baģlatacaktır. 4. Uygula listesinden Durak ı tıklatın. FrontPage Durak efektini uygular. Bir Web tarayıcısında bu efekt sözcüklerin sayfaya sıçrayarak gelmesini sağlar. 5. DHTML Efektleri araç çubuğunun sağ üst köģesindeki Kapat kutusunu tıklatın. DHTML Efektleri araç çubuğu kapanır ve dinamik metin efekti Sayfa görünümünde açık mavi gölge ile görüntülenir. İpuçları Bilgisayarınızda Microsoft Internet Explorer yüklü ise, efektin bir Web tarayıcısında nasıl görüneceğini anlamak için Sayfa görünümünde Önizleme sekmesini tıklatabilirsiniz. Sayfa görünümüne geri dönmek için Normal i tıklatın. Efekti değiģtirmek için, Normal bölmesinde efekti içeren metni seçin, Biçim menüsünden Dinamik HTML Efektleri ni tıklattıktan sonra istediğiniz yeni efekti uygulayın. ġimdi, World Wide Web deki baģka sitelere eriģim sağlayan metin köprüleri ekleyeceksiniz. FrontPage ile, biraz sonra öğreneceğiniz gibi çeģitli yollardan metin köprüleri oluģturabilirsiniz. Kendi Web sitelerinizi oluģtururken, istediğiniz bir yöntemi kullanarak köprüler kurun. 33

35 Metinden köprüler oluşturma 1. Bağlantılar sayfasında, AġAĞI OK tuģuna basın, MSN Sports yazıp ENTER tuģuna basın. 2. Fareyi tıklatıp yazdığınız sözcükleri içine alacak biçimde sürükleyerek tüm sözcükleri seçin. 3. Ekle menüsünden Köprü yü tıklatın. FrontPage Köprü Ekle iletiģim kutusunu görüntüler. Buradan, oluģturacağınız köprünün hedefini belirleyebilirsiniz. Bu, Web sitenizdeki, yerel dosya sisteminizdeki, bir Web sunucusundaki veya World Wide Web de bulunan baģka bir sitedeki bir sayfa veya dosya olabilir. 5. URL kutusuna yazın ve Tamam ı tıklatın. FrontPage in otomatik olarak HTTP önekini getirdiğine dikkat edin. 6. Klavyenizdeki AġAĞI OK tuģuna basarak metni seçili durumdan çıkarın. MSN Sports sözcükleri varsayılan siyah renkli metinden mavi renkli bir metne dönüģmüģ ve bir köprü olduğunu belirtmek için sözcüklerin altı çizili hale gelmiģtir. Bu sayfa bir Web tarayıcısında görüntülendiğinde, bu köprü tıklatılırsa MSN giriģ sayfası alınır ve görüntülenir. Bir sonraki köprüyü oluģturmadan önce, geçerli sayfaya ticari markayı temsil eden özel bir karakter simgesi eklemelisiniz. Özel karakterler veya simgeler ekleme 1. Fare imlecini biraz önce oluģturduğunuz köprüdeki MSN harflerinin hemen sonuna getirmek için o konumu tıklatın. 2. Ekle menüsünden Simge yi tıklatın. FrontPage Simge iletiģim kutusunu görüntüler. Buradan özel karakterler seçip ekleme noktasına ekleyebilirsiniz. Bu iletiģim kutusu görüntülenirken, birden fazla simge ekleyebilirsiniz. 3. Simge iletiģim kutusundan simgesini seçin, Ekle yi tıklattıktan sonra Kapat ı tıklatın. FrontPage simgeyi MSN harflerinin sonuna ekler. Doğrudan klavyeniz yoluyla yazamadığınız karakterleri eklemek için Simge komutunu kullanabilirsiniz. ġimdi otomatik bir köprü oluģturacaksınız. Bu köprü oluģturma yöntemi Köprü Oluştur iletiģim kutusunu açmanıza bile gerek bırakmadığından kolay ve hızlı bir yöntemdir. 34

36 Otomatik köprü oluşturma 1. Bağlantılar sayfasında, AġAĞI OK tuģuna basın, yazıp ENTER tuģuna basın. ENTER tuģuna bastığınız anda yazdığınız URL siyah renkten mavi renge dönüģür ve köprü olduğunu belirtmek için altı çizili hale gelir. Diğer Microsoft Office XP programları gibi, FrontPage de otomatik köprü oluģturmayı destekler. Ancak bir URL tek baģına her zaman çok açıklayıcı olamayacağı için, bunu köprünün iģaret ettiği sitenin adına dönüģtürebilirsiniz. Köprüyü silmeden metnin üzerine yazabilirsiniz. Not Yahoo! anahtar sözcükler ve konu kategorileri kullanarak World Wide Web de bilgi bulmanıza yardımcı olan ve yaygın biçimde kullanılan bir Internet hizmetidir. Bu URL Yahoo spor sayfasına gider. 2. Yazdığınız URL yi seçmek için fareyi tıklatıp URL yi içine alacak biçimde sürükleyin URL si seçili hale geldiğinde, seçili metni Yahoo! ifadesi ile değiģtirin. Köprü yine aynı URL ye iģaret edecek, ancak artık sitenin adını taģıyacaktır. ġimdi ise Web tarayıcınızı kullanarak bir köprü oluģturacaksınız. Bu en doğru sonuç veren yöntemdir, çünkü köprüyü oluģturmadan önce göstereceği adrese gidersiniz. Ayrıca, FrontPage URL yi Web tarayıcının adres alanından kopyalar ve böylece adres doğrulandıktan sonra bir daha yazmanız gerekmez. Not FrontPage Kılavuzu ile çalıģırken World Wide Web de değilseniz, aģağıdaki yordamı atlayın ve bu adımları Internet e bağlı olduğunuz zaman deneyin. Doğrulanmış köprü oluşturma 1. Ekleme noktasını bir önceki köprünün altındaki boģ satıra taģımak için AġAĞI OK tuģuna basın. 2. National Basketball Association ifadesini yazıp ENTER tuģuna basın. 3. Fareyi tıklatıp yazdığınız sözcükleri içine alacak biçimde sürükleyerek tüm sözcükleri seçin. 4. Araç çubuğu üzerindeki Köprü düğmesini tıklatın. FrontPage Köprü Ekle iletiģim kutusunu görüntüler. 5. Köprü Ekle iletiģim kutusundan Web e Gözat düğmesini tıklatın. 35

37 FrontPage Web tarayıcınızı baģlatır. Köprünün iģaret etmesi gereken adresteki sayfayı ziyaret edip, yeniden FrontPage e döndüğünüzde, URL kutusunda hedef sayfanın adresini göreceksiniz. 6. Web tarayıcınızın Adres (veya Konum) kutusuna ifadesini yazın ve ENTER tuģuna basın. Web tarayıcı National Basketball Association (NBA) giriģ sayfasını görüntüler. Buradan; NBA, takımlar, oyuncular, maç tarihleri gibi konular hakkında ayrıntılı bilgi alabilirsiniz. 7. Klavyenizden ALT+SEKME tuģlarına basarak Köprü Oluştur iletiģim kutusuna geri dönün. Microsoft FrontPage giriģ sayfasının URL sini Ģimdi Köprü Oluştur iletiģim kutusundaki URL kutusunda göreceksiniz. 8. Tamam ı tıklatın. 9. Klavyenizdeki AġAĞI OK tuģuna basarak metni seçili durumdan çıkarın. National Basketball Association sözcükleri altı çizili hale gelerek bir köprü olduğunu belirtir. 10. Bağlantılar sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 36

38 Paragraf Başlıklarını biçimlendirme Web sitenizdeki tüm sayfaların içeriğini baģarıyla oluģturdunuz. ġimdi, tüm sayfalardaki paragraf baģlıklarının birbiri ile uyumlu bir biçimde görünmesini sağlamak için paragraf ve yazı tipi biçimlendirmeleri uygulayacaksınız. Başlıklara paragraf stilleri uygulama 1. Index.htm ye gitmek için sayfa sekmesini tıklatın. FrontPage giriģ sayfasını görüntüler. Normal adlı bölmede açık durumda birden fazla sayfa varsa, bunlar arasında geçiģ yapmak için sayfa sekmelerini kullanabilirsiniz. Not Bir önceki adımda sayfayı kapattıysanız, Dosya menüsünden Aç ı tıklattıktan sonra Dosya Aç iletiģim kutusundan index.htm yi tıklatın. 2. Championzone Sayfasına Hoş Geldiniz baģlığında herhangi bir yeri tıklatın. 3. Biçimlendirme araç çubuğu üzerindeki Stil listesini tıklattıktan sonra Normal öğesini Başlık 3 yapın. 4. FrontPage geçerli metin satırına BaĢlık 3 stilini uygular. Metnin boyutu değiģmez, ancak artık metin kalın yazı tipinde görüntülenir. 5. Stil listesindeki baģlık stilleri HTML standartlarını temel alır. Düzey 1 baģlığı Web sayfalarında kullanılabilecek en geniģ metin stili, düzey 6 baģlığı ise en küçük metin stilidir. Not Stil listesinde basamaklı stil sayfalarına (CSS) ait stiller de bulunabilir, ancak CSS bu kılavuzdaki uygulamalarda kullanılmamaktadır. 6. GiriĢ sayfasını kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. 7. About_Us.htm ye gitmek için Sayfa sekmesini tıklatın. FrontPage Bizim Hakkımızda sayfasını görüntüler. 8. Sayfanın üst kısmındaki Bizim Hakkımızda baģlığında herhangi bir yeri tıklatın. 9. Araç çubuğu üzerindeki Stil listesini tıklattıktan sonra Başlık 4 ü tıklatın. 37

39 10. Bizim Hakkımızda sayfasında yaptığınız değiģiklikleri kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. Biçim Boyayıcı kullanarak paragraf biçimlendirmesini yineleme FrontPage seçilen bir metin bölümünden diğerine biçimlendirme stilini yalnızca bir düğme tıklatarak kopyalamanıza olanak verir. Bunu Ürünler sayfasında uygulayalım. 1. Products.htm ye gitmek için Sayfa sekmesini tıklatın. FrontPage Ürünler sayfasını görüntüler. 2. Sayfanın üst kısmındaki ÜRÜNLER GENĠġ ÜRÜN YELPAZESĠNDEN SEÇĠN yazan metinde herhangi bir yeri tıklatın. 3. Araç çubuğu üzerindeki Stil listesini tıklattıktan sonra Başlık 4 ü tıklatın. 4. Stil uygulandıktan sonra, tümce içinde herhangi bir yeri tıklatın, sonra Biçimlendirme araç çubuğu üzerinden Biçim Boyayıcı öğesini tıklatın. 5. Kaydırma çubuğunu kullanarak, Bize Düşüncelerinizi Yazın baģlığına gelin. 6. Biçim Boyayıcı iģaretçisini tıklatıp Bize Düşüncelerinizi Yazın ifadesinin üzerine sürükleyin ve fare düğmesini serbest bırakın. FrontPage ilk baģlığın biçimlendirmesini kopyalar ve bu baģlığa uygular. Biçim Boyayıcı aracı çeģitli metin biçimlendirmelerini diğer metinlere kopyalamada oldukça iģe yarar. 7. Ürünler sayfasını kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. İpucu Biçimlendirmeyi birden fazla metinde yinelemek için kopyalamak istediğiniz biçimi seçtikten sonra Biçim Boyayıcı yı çift tıklatın. Biçimlendirmeyi kopyalamak istediğiniz çeģitli metin konumlarını seçin ve yine Biçim Boyayıcı düğmesini tıklatın. ġimdiki adımda, kalan iki sayfadaki sayfa baģlıklarının biçimlendirmesini tamamlayacaksınız. Başlıklara paragraf stilleri uygulama işlemini tamamlama 1. photo_gallery.htm sayfasını açmak için Sayfa sekmesini tıklatın. FrontPage Fotoğraf Galerisi sayfasını geri getirir. 2. Sayfanın üst kısmındaki Spor Fotoğrafları baģlığında herhangi bir yeri tıklatın. 38

40 3. Araç çubuğu üzerindeki Stil listesini ve Başlık 4 ü tıklatın. 4. Fotoğraf Galerisi sayfasını kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. 5. Pencere menüsünden links.htm yi tıklatın. 6. Spor Sitelerine Bağlantılar tümcesinde herhangi bir yeri tıklatın. 7. Araç çubuğu üzerindeki Stil listesini ve ardından Başlık 4 ü tıklatın. 8. Bağlantılar sayfasını kaydetmek için, araç çubuğu üzerindeki Kaydet düğmesini tıklatın. Tebrikler! Ders 1 i baģarıyla tamamladınız. Diğer Konular Ders 2 de; paylaģılan kenarlıklar, gezinti çubukları ve bir grafik tema ekleyerek Championzone Web sitesinin görünümünü daha da geliģtirecek, tamamlanan Web sitesini önizleme, sınama, düzenleme ve yayımlama iģlerini nasıl yapacağınızı öğreneceksiniz. Birinci Dersin Sonu Ders 2 ye Ģimdi geçebilir veya kılavuzda daha sonra çalıģmak üzere Microsoft FrontPage i kapatabilirsiniz. Microsoft FrontPage i kapatma Dosya menüsünden Çıkış ı tıklatın. FrontPage kapanır. 39

41 Ders 2 Web sitesini Geliştirme ve Yayımlama Ders 1 de Web sayfalarının Microsoft FrontPage kullanarak nasıl oluģturulduğunu ve bunların yeni bir Web sitesine nasıl eklendiğini öğrendiniz. Bu derste ise oluģturmuģ olduğunuz Championzone Web sitesi üzerinde çalıģmaya devam edecek ve sayfalara gezinti çubukları ekleyecek, grafik bir tema uygulayacak ve özelleģtirecek, Web sitesinin önizlemesini yaparak sınayacak ve Web sitesini World Wide Web de yayımlanacak duruma getireceksiniz. Bir Web sitesini yayımlamadan önce içerdiği sayfa ve dosyaların iyi bir biçimde düzenlendiğinden, tüm köprülerinin çalıģtığından, sayfalarda yazım hatalarının olmadığından ve hedef Web sunucusunda yeterli boģ alan bulunduğundan emin olmalısınız. FrontPage bu görevleri yerine getirmenizde size yardımcı olur. Genel Bakış Bu derste öğreneceğiniz konular: Web sitesi içindeki diğer sayfalara köprüler oluģturma. PaylaĢılan kenarlıklar ve gezinti çubukları ekleme. Grafik bir tema uygulama ve özelleģtirme. Web sitesini bir Web tarayıcısında önizleme ve sınama. Dosya ve klasörleri düzenleme. Site Özeti raporu oluģturma. Sayfada ve tüm Web sitesinde yazım denetimi yapma. Web sayfalarındaki metinleri değiģtirme. Web sitesini World Wide Web de yayımlama. Web Sitesinin Görünümünü Geliştirme Bu derse Ders 1 den devam ediyorsanız, Ģu anda Championzone Web sitesi FrontPage de açık durumda olmalıdır. Sayfa açık ise, Diğer sayfalara köprüler oluşturma adlı yordama geçebilirsiniz. Bu kılavuza önceki bir oturumdan devam ediyorsanız, sayfalar üzerinde çalıģabilmeniz için önce Web sitesini açmalısınız. Varolan bir Web sitesini açma 1. Windows görev çubuğu üzerindeki Başlat düğmesini tıklatın, Programlar ı iģaretleyin ve Microsoft FrontPage i tıklatın. 2. Dosya menüsünden Son Web ler i iģaretleyin ve Ders 1 de oluģturmuģ olduğunuz Championzone Web sitesini açmak için Championzone öğesini tıklatın. 40

42 FrontPage Web sitesini açar. Uygulama görev çubuğunda Ģimdi Microsoft FrontPage <sürücü>:\belgelerim\ Weblerim\Championzone yazar. Bu kılavuzdaki dersler; Microsoft Windows 98, Microsoft Windows 2000 veya Microsoft Windows Millennium Edition yüklü bir bilgisayarda FrontPage 2002 kullanılarak uygulanacak biçimde tasarlanmıģtır. Kullandığınız iģletim sistemine bağlı olarak, Web sitenizin yolunda küçük farklar görebilirsiniz. Ders 1 de resim ve metinlerden köprüler oluģtururken henüz sayfalar ile Web siteniz arasında bir bağlantı bulunmadığını fark etmiģsinizdir. GiriĢ sayfanız biri tarafından ziyaret edilmiģ olsa, diğer sayfalara geçiģ olamayacaktır. Sıradaki adımda, diğer sayfalara geçiģ sağlayan gezinti köprüleri oluģturmanın ne kadar kolay olduğunu göreceksiniz. Diğer sayfalara köprü oluşturma 1. Araç çubuğunda, Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatın. Web sitenizdeki diğer sayfalara köprüler oluģtururken Klasör Listesi açık tutulur. 2. Klasör Listesi nden index.htm öğesini çift tıklatarak giriģ sayfasını Sayfa görünümünde açın. 3. GiriĢ sayfası Sayfa görünümünde görüntülendiğinde, CTRL+END tuģlarına basarak imlecin giriģ sayfasının sonuna gitmesini sağlayın. 4. Sonra, Klasör Listesi içinden About_Us.htm sayfasını bulun. Klasör Listesi içindeki dosya ve klasörler alfabetik sıra ile görüntülenir. Her bir dosyanın simgesi ne tür bir dosya olduğu hakkında size ipucu verir. ġimdi Bizim Hakkımızda sayfasını sürükleyip giriģ sayfasının en alt kısmına bırakacaksınız. Bunu yaptığınızda, FrontPage giriģ sayfasında Bizim Hakkımızda sayfasına iģaret eden bir köprü oluģturur. 5. Klasör Listesi içindeki About_Us.htm üzerinde iken fare düğmesini tıklatıp basılı tutun ve iģaretçiyi giriģ sayfasının alt kısmındaki FrontPage düğmesinin altındaki satıra taģıyın, sonra düğmeyi serbest bırakın. Siz fareyi sürüklerken Bizim Hakkımızda sayfası gerçekte eklenmemiģ, FrontPage bu sayfaya iģaret eden bir köprü oluģturmuģtur ve bu kısayolu görüntüler. FrontPage About Us.htm dosyasının sayfa baģlığını ( Hakkımızda ) köprü metni olarak ekler. Mavi renkli altı çizili metin bir köprünün olduğunu belirtir. 6. Championzone Web sitesindeki Products.htm, Links.htm ve Photo_gallery.htm yi içeren diğer sayfalarda da 4. ve 5. adımı yineleyin. Her bir bağlantıyı bir öncekinden sonra yerleģtirin. 41

43 7. Klavyenizdeki AġAĞI OK tuģuna basarak en son köprüyü seçili durumdan çıkarın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: Web sitenizdeki diğer sayfalara giden köprüleri bu Ģekilde el ile de oluģturabilirsiniz, ancak bu, özellikle fazla içeriğe sahip Web sitelerinde, oldukça zaman alıcı ve zor bir iģ olacaktır. Daha kötüsü, köprüleri oluģturduktan sonra geçerli Web sitesine sayfa eklemek veya varolan bir sayfayı kaldırmak istediğinizde bunların köprülerini de el ile eklemeniz veya kaldırmanız gerekir. FrontPage, sayfalarınızı birbirine bağlayan köprülerin oluģturulmasını, yönetilmesini ve otomatik olarak güncelleģtirilmesini sağlayan bir yönteme sahiptir. Buna geçmeden önce, oluģturmuģ olduğunuz dört köprüyü nasıl kaldırabileceğinizi görelim. Birden fazla Geri Al komutu kullanma 1. Standart araç çubuğu üzerinde, Geri Al düğmesinin sağındaki küçük oku tıklatın. 2. FrontPage, en son yapılan ve geri alabileceğiniz birkaç eylemi gösteren Geri Al geçmiģini görüntüler. Varsayılan olarak bu eylemlerden ilki seçilidir. Bunu tıklattığınızda bu eylemi geri almıģ olursunuz. Fareyi bu listedeki diğer giriģler üzerine taģıyarak, bunları da Geri Al komutuna dahil edebilirsiniz. 3. Biraz önce giriģ sayfasına sürükleyip bıraktığınız dört köprüyü kaldırmak için, fareyi listede aģağı doğru taģıyarak gördüğünüz dört adet Bırak eylemini seçin. Geri Al geçmiģi penceresindeki durum çubuğunda Geri Al 4 Eylem yazıyor olmalıdır. 42

44 4. Listedeki Bırak eylemi örneklerinin sonuncusunu tıklatın. FrontPage yaptığınız son dört eylemi geri alır ve oluģturmuģ olduğunuz dört köprü giriģ sayfasından kaldırılır. 5. Geçerli sayfayı kaydetmek için, Dosya menüsünden Kaydet i veya araç çubuğundan Kaydet düğmesini tıklatın. Paylaşılan Kenarlıklar ve Gezinti Çubukları ekleme Championzone Web sitesinde, FrontPage site ziyaretçilerinin Web sitenizdeki sayfalarda gezinmek üzere tıklatacağı köprüleri yönetir. FrontPage bunu gerçekleģtirmek için iki önemli özelliği bir arada kullanır: paylaģılan kenarlıklar ve otomatik gezinti çubukları. PaylaĢılan kenarlıklar Web sitenizdeki sayfaların tümünde görünmesini istediğiniz içerik için ayrılmıģ sayfa alanlarıdır. Bu kenarlıklar sayfa ana baģlıklarını ve gezinti çubuklarını içerebilir. Sayfa ana baģlıkları, sayfaları oluģturduğunuzda veya kaydettiğinizde bunlara atadığınız sayfa baģlıklarını görüntüler. Gezinti çubukları, geçerli Web sitesindeki diğer sayfalara giden köprüleri içeren bir satır veya sütundur. FrontPage paylaģılan kenarlıklar ile gezinti çubuklarını otomatik olarak güncelleģtirebilir, böylece Web sitenizin gezinti yapısı (bu yapıya sayfa ekleyip, kaldırdığınızda veya varolan sayfaları sildiğinizde dahi) her zaman doğru biçimde çalıģır. Otomatik gezinti çubukları için gerekli olan ilk adımı zaten Ders 1 de tamamlamıģtınız: Gezinti görünümünde temel Web sitesi yapısı oluģturma. Bu yapıldığına göre, Ģimdi Web sitenizin tümünde paylaģılan kenarlıkların etkinleģmesini sağlayacaksınız. Tüm Web sitesinde paylaşılan kenarlıklar oluşturma 1. Gezinti görünümüne geçmek için Görünümler çubuğundaki Gezinti simgesini tıklatın. 2. Geçiş Bölmesi nin sağındaki oku tıklatın ve ardından Klasör Listesi ni tıklatarak bu görünümde gizli kalmasını sağlayın. 3. Biçim menüsünden Paylaşılan Kenarlıklar ı tıklatın. FrontPage Paylaşılan Kenarlıklar iletiģim kutusunu görüntüler. Buradan, sayfalarınızın FrontPage tarafından paylaģılan kenarlık eklenmesini istediğiniz yerlerini belirleyebilirsiniz. Web sitenizin yapısı iki düzey sayfa içerdiğinden (giriģ sayfası ve bunun altındaki sayfalar), iki tür paylaģılan kenarlık, iki tür de gezinti çubuğu kullanacaksınız. 4. Paylaşılan Kenarlıklar iletiģim kutusunda, Tüm sayfalar seçeneğinin seçili olduğundan emin olun. 43

45 5. Yatay bir paylaģılan kenarlık için, Üst onay kutusunu seçtikten sonra bunun altındaki Gezinti düğmeleri ekle onay kutusunu seçin. 6. Dikey bir paylaģılan kenarlık için, Sol onay kutusunu seçtikten sonra bunun altındaki Gezinti düğmeleri ekle onay kutusunu seçin. 7. Sağ ve Alt onay kutularını iģaretlenmemiģ olarak bırakın ve Tamam ı tıklatın. FrontPage geçerli Web sitesinin tüm sayfalarında paylaģılan kenarlıklar ve varsayılan gezinti çubukları oluģturur. Bunların nasıl göründüğünü Sayfa görünümüne döndüğünüzde öğrenebilirsiniz. Bundan sonra, varsayılan gezinti çubuklarının görünümünü özelleģtireceksiniz. Geçerli Web sitesinin tümü tarafından ortak olarak kullanıldıklarından, bunların özelliklerini herhangi bir sayfadan değiģtirebilirsiniz. Yapacağınız değiģiklikler tüm Web sitesinde geçerli olur. Bağlantı çubuğu köprülerini sınama 1. Gezinti görünümünde, Giriş Sayfası nı (index.htm) çift tıklatın. 2. Geçiş Bölmesi nin sağındaki oku tıklattıktan sonra Klasör Listesi ni tıklatarak Sayfa görünümünde gizli kalmasını sağlayın. Not FrontPage giriģ sayfasında değiģiklik yapmıģtır. GiriĢ sayfasında Ģimdi bir üst ve bir sol paylaģılan kenarlık vardır. Üst kenarlık geçerli sayfanın adını taģıyan bir sayfa ana baģlığı içerir, sol kenarlık ise bu dersin baģında el ile oluģturduğunuz köprülere çok benzeyen gezinti köprülerinin bir listesini içerir. Sayfa görünümünde, Web sitenizdeki sayfalara ve dosyalara iģaret eden köprüleri kolayca sınayabilirsiniz. 3. CTRL tuģunu basılı tutarak, sayfanın sol tarafındaki Hakkımızda adlı ilk gezinti köprüsünü tıklatın. FrontPage köprünün iģaret ettiği sayfayı açar. Hakkımızda sayfasına paylaģılan kenarlıklar ve gezinti çubukları da eklenmiģtir. Ancak bu sayfada, diğer sayfalara olan bağlantılar üst kenarlıkta, sayfa ana baģlığının tam altında görüntülenir. Bunun nedeni FrontPage in, geçerli sayfanın düzeyini belirlemek için Gezinti görünümünde oluģturduğunuz Web sitesi yapısını kullanmasıdır. Varsayılan olarak, üst paylaģılan kenarlık geçerli düzeyle aynı düzeydeki sayfaları iģaret ederken, sol kenarlık geçerli düzeyin altındaki düzeyde bulunan sayfaları iģaret eder. Bundan sonraki bölümde, bu varsayılan ayarı baģka bir tasarım ile değiģtireceğiz. Bağlantı çubuklarını özelleştirme 1. Index.htm ye gitmek için sayfa sekmesini tıklatın. 44

46 FrontPage giriģ sayfasını görüntüler. 2. GiriĢ sayfasının üst kenarlığında, Burada köprü gösterilmesi için bu Bağlantı Çubuğunun özelliklerini düzenle yazan metni çift tıklatın. Bir bağlantı çubuğu çift tıklatıldığında Bağlantı Çubuğu Özellikleri iletiģim kutusu açılır. Buradan, bir bağlantı çubuğunun ve oluģturduğu köprülerin görünümünü özelleģtirebilirsiniz. Geçerli olarak, yatay bağlantı çubuğu aynı düzeydeki sayfalara bağlanmak üzere ayarlıdır. GiriĢ sayfası, Web sitenizin gezinti yapısındaki kendi düzeyinde olduğundan, aynı düzeyde baģka sayfa yoktur. Bundan dolayı, FrontPage bu paylaģılan kenarlıkta herhangi bir bağlantı çubuğu görüntülemez. Championzone Web sitesinde, giriģ sayfasında bir yatay bağlantı çubuğu, diğer sayfalarda ise dikey gezinti çubukları oluģturacağız. Bunu yapmak için, her iki tür bağlantı çubuğunun da varsayılan ayarını değiģtireceğiz. Bu değiģiklikleri bulunduğunuz sayfada yapabilirsiniz. Yapacağınız değiģiklikler Web sitesinin tümünde geçerli olacaktır. 3. Bağlantı Çubuğu Özellikleri iletiģim kutusunda, Alt düzey i tıklattıktan sonra Giriş sayfası ve Üst sayfa onay kutularını temizleyin ve Tamam ı tıklatın. FrontPage, giriģ sayfası düzeyinin altındaki tüm sayfalara giden köprülere sahip bir gezinti çubuğu oluģturur. 4. Gezinti çubuğunu seçili durumdan çıkarmak için HOME tuģuna basın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 45

47 Sol gezinti çubuğunun hala üst gezinti çubuğu ile aynı köprüleri içerdiğine dikkat edin. Bundan sonraki adımlarda, fazlalıkları kaldıracak ve sol gezinti çubuğunu yalnızca giriģ sayfasının iģaret ettiği diğer sayfalarda görüntülenecek Ģekilde biçimlendireceksiniz. 5. GiriĢ sayfasının sol kenarlığında, dikey gezinti çubuğunu çift tıklatın. 6. Bağlantı Çubuğu Özellikleri iletiģim kutusunda, Aynı düzey i tıklattıktan sonra Giriş sayfası onay kutusunu seçin ve Tamam ı tıklatın. FrontPage, gezinti çubuğunu Burada köprü gösterilmesi için bu bağlantı çubuğunun özelliklerini düzenle yazan bir yer tutucu metnine dönüģtürür. Bu metin yalnızca Sayfa görünümünde ve siz çalıģırken görüntülenir; Web tarayıcısında görüntülenmez. Bu gezinti çubuğundaki köprülerin giriģ sayfası ile aynı düzeye iģaret etmesi sağlandığında sol kenarlıktaki köprüler kaldırılır, çünkü giriģ sayfası ile aynı düzeyde herhangi bir sayfa yoktur. Ayrıca yatay ve dikey gezinti çubukları arasındaki fazlalık da kaldırılır. 7. GiriĢ sayfasını kaydetmek için, Dosya menüsünden Kaydet i veya araç çubuğundan Kaydet düğmesini tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 8. Pencere menüsünden About_Us.htm yi tıklatın. 9. FrontPage Hakkımızda sayfasını görüntüler. GiriĢ sayfasındaki yatay ve dikey gezinti çubuklarında yaptığınız değiģikliklerin otomatik olarak Web sitenizin diğer sayfalarında da geçerli olacağını unutmayın. 46

48 İpucu Varsayılan olarak, Web sitenizin gezinti yapısındaki tüm sayfalar gezinti çubuklarına eklenir. Bir sayfayı gezinti çubuklarından çıkarmak için, ilgili sayfayı Gezinti görünümünde sağ tıklattıktan sonra kısayol menüsünden Gezinti Çubuklarına Eklendi öğesini tıklatın. Tema uygulama Resim, liste, form, paylaģılan kenarlık ve gezinti çubuklarının eklenmesi Championzone Web sitesindeki sayfalara daha akıcı ve düzenli bir görünüm sağlasa da, beyaz arka plan üzerindeki siyah ve mavi renkli metnin bu donuk görünümüne iliģkin yapılacak bir Ģey olup olmadığını merak edebilirsiniz. Web sitenizin tüm sayfalarındaki metin ve grafikler için renkli bir düzen tasarlamanın, grafik sayfa ana baģlıkları, gezinti düğmeleri, liste madde iģaretleri ve arka plan dokuları oluģturmanın ne kadar zaman alacağını düģünün. Birden fazla Web siteniz varsa ve bunların her birinin farklı bir görünüme sahip olmasını istiyorsanız, ne kadar özel grafik oluģturmanız gerekebileceğini tahmin etmeye çalıģın. FrontPage, Web sitenizdeki sayfalara uygulayabileceğiniz renk düzenlerine sahip, her biri profesyonel biçimde tasarlanmıģ 50 den fazla tema içerir. Bir tema; madde iģaretleri, yazı tipleri, resimler, gezinti düğmeleri ve diğer grafikler için oluģturulmuģ tasarım öğelerinden oluģur. Temayı uyguladığınızda; sayfalara, sayfa ana baģlıklarına, gezinti çubuklarına ve bir Web sitesinin diğer öğelerine çekici ve uyumlu bir görünüm kazandırır. Web sitesine tema uygulama 1. Index.htm ye gitmek için Sayfa sekmesini tıklatın. FrontPage giriģ sayfasını görüntüler. 2. Biçim menüsünden Tema yı tıklatın. FrontPage Temalar iletiģim kutusunu görüntüler. Burada, FrontPage tarafından varsayılan olarak yüklenmiģ temaları içeren listeden tema seçebilir veya FrontPage CD-ROM unuzdan tüm temaları yükleyebilirsiniz. Temanın görünümünü seçebilir, tema öğelerinin önizlemesini yapabilir ve seçtiğiniz temalar üzerinde değiģiklikler oluģturabilirsiniz. 3. Kayan liste kutusundaki farklı tema adlarından bazılarını tıklatın. Bir temanın adını tıklattığınızda, seçilen temanın içerdiği grafik öğelerin bir örneği Tema Örneği penceresinde gösterilir. Böylece, Web sitenizin sayfalarına uygulamadan önce bir temanın önizlemesini yapabilirsiniz. Temayı uygulamadan önce, tema bileģenlerinin görünümünü etkileyen tema seçeneklerini seçebilirsiniz. Örneğin, Canlı renkler i seçtiğinizde metin ve grafiklere daha parlak renkler uygulanır, Etkin grafik seçeneğini seçerseniz bazı tema bileģenleri animasyon özelliği kazanır, Arka Plan Resmi seçeneği 47

49 seçildiğinde ise Web sitenizdeki sayfalara bir grafik arka plan uygulanır. Ayrıca, bir temayı basamaklı stil sayfası olarak da uygulayabilirsiniz. Championzone Web sitesinde, bu varsayılan ayarların çoğunu siliyoruz. 4. Temayı uygula altında, Tüm sayfalar seçeneğinin seçili olduğundan emin olun. 5. Yüklü temalar listesinden Karışımlar ı tıklatın. 6. Etkin grafik onay kutusunu temizleyin ve sonra temayı uygulamak için Tamam ı tıklatın. Bir Web sitesine ilk defa tema uyguladığınız için, FrontPage bir ileti görüntüleyerek tema uygulama eyleminin sayfalarınızda el ile yapmıģ olabileceğiniz biçimlendirmelerin bazılarının üzerine yazılmasına neden olacağını bildirir. Bu nedenle, bu kılavuzdaki uygulamalara fazla el iģi tasarım eklenmemiģtir. Sonuç olarak, iletiyi gördükten sonra temayı uygulamak üzere devam edebilirsiniz. 7. Temanın uygulanması için Evet i tıklatın. KarıĢımlar adlı tema geçerli Web sitenizin tüm sayfalarına uygulanır. GiriĢ sayfasını kaydetmek için, Dosya menüsünden Kaydet i veya araç çubuğundan Kaydet düğmesini tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 48

50 Gördüğünüz gibi, tema uygulandığında giriģ sayfasının görünümü ĢaĢırtıcı derecede değiģti. Sayfa ana baģlığı ve gezinti düğmeleri artık düz metin biçiminde değil, grafik biçimdeler. Tüm sayfalarda grafik gezinti düğmeleri görüntüleme 1. Pencere menüsünden About_Us.htm yi tıklatın. FrontPage Bizim Hakkımızda sayfasını görüntüler. Sayfanın temayı ve tema öğelerini giriģ sayfasından almıģ olduğuna dikkat edin, ancak sol kenarlıktaki dikey gezinti çubuğunda hala düz metin biçiminde köprüler var. Varsayılan olarak, dikey gezinti çubukları düz metin biçiminde görüntülenir. Bu nedenle, siz bir tema uygulasanız da bu biçimde görünürler. Gezinti çubuğu ayarlarını tema uygulandıktan sonra da kolayca değiģtirebilirsiniz. 2. Bizim Hakkımızda sayfasının sol kenarlığında, dikey gezinti çubuğunu çift tıklatın. 5. Stil sekmesinde, Stil seçin altından, Sayfa Temasını Kullan ı tıklattıktan sonra Tamam ı tıklatın. Sayfa Temasını Kullan öğesini göremiyorsanız, stil listesinin üst kısmına doğru kaydırma yapın. 6. Sayfada herhangi bir yeri tıklatarak gezinti çubuğunu seçili durumdan çıkarın. FrontPage gezinti biçimlendirmesini değiģtirir ve temanın içerdiği grafik düğmeleri kullanır. Web sitesi artık göz alıcı ve profesyonel bir görünüme kavuģmuģtur. 5. Sayfayı kaydetmek için, Dosya menüsünden Kaydet i veya araç çubuğundan Kaydet düğmesini tıklatın. İpucu Bazı temalar animasyon içerir. Bir tema uygularken, Etkin grafik öğesini seçerek temada bulunan sayfa ana baģlığı animasyonları ve gezinti çubuğu çevirme efektleri gibi öğeleri etkinleģtirebilirsiniz. Tema örneği size 49

51 bu efektlerin nasıl bir görüntü oluģturduklarını göstermez. Bir temanın etkin grafik efektlerini görmek için, temayı uygulayın ve sayfayı Önizleme sekmesinde görüntüleyin veya Dosya menüsünden Tarayıcı İçinde Önizleme komutunu seçin. Temayı değiştirme Bu temanın sayfa ana baģlığı oldukça güzel görünse de, Championzone Web sitesinin konusu ile doğrudan iliģkili bir baģlık daha iyi olabilir. Ayrıca sizin için, geçerli temayı değiģtirmekte kullanabileceğiniz özel bir sayfa ana baģlığı da hazırlanmıģtır. Tema üzerinde değişiklik yapma 1. Index.htm ye gitmek için Sayfa sekmesini tıklatın. FrontPage giriģ sayfasını görüntüler. 2. Biçim menüsünden Tema yı tıklatın. FrontPage Temalar iletiģim kutusunu görüntüler. Tema listesinde, KarıĢımlar teması Ģimdi varsayılan temadır, çünkü geçerli Web sitesine uygulanmıģ olan temadır. 3. Temalar iletiģim kutusunda, Tüm sayfalar seçeneğinin seçili olduğundan emin olun. 4. Sonra Değiştir i tıklatın. 5. Ne değiştirmek istersiniz? sorusu altından Grafik seçeneğini tıklatın. FrontPage Temayı Değiştir iletiģim kutusunu görüntüler. Burada, sayfa ana baģlıkları, gezinti düğmeleri, arka plan resimleri ve diğer öğeler gibi çeģitli tema öğeleri için özel grafikler sağlayabilirsiniz. FrontPage metinleri bu grafiklerin üzerinde görüntüler. Bundan dolayı, sayfalarınızın adını değiģtirdiğinizde veya sayfa ekleyip kaldırdığınızda, grafikleri değiģtirmeniz gerekmez. Bu örnekte, FrontPage in Championzone Web sitesindeki sayfaların baģlıklarını üzerine yerleģtirdiği grafik sayfa ana baģlığını değiģtireceğiz. 6. Öğe listesinden Ana Başlık öğesini tıklatın. 7. Resim sekmesinde, geçerli ana baģlık grafiğinin dosya adının altındaki Gözat düğmesini tıklatın. FrontPage Dosya Aç iletiģim kutusunu görüntüler ve Web sitenizdeki resimleri gösterir. Kullanmak istediğimiz grafik ana baģlık henüz Web sitesinin bir parçası olmadığından, bunu bulmak üzere dosya sisteminizi aramanız gerekir. 8. FPTutor2002 adlı klasöre gidin. 9. Czbanner adlı dosyayı çift tıkatın. 50

52 FrontPage geçerli sayfa ana baģlık grafiğini özel grafik ile değiģtirir. 10. Temayı Değiştir iletiģim kutusunda Tamam ı tıklattıktan sonra Temalar iletiģim kutusunda Tamam ı tıkatın. FrontPage bir ileti görüntüleyerek geçerli temada yaptığınız değiģiklikleri kaydetmek isteyip istemediğinizi sorar. 11. Evet i tıklatın. FrontPage, Temayı Kaydet iletiģim kutusu ile birlikte Ģu iletiyi görüntüler: Bu tema salt okunur özellikli. Lütfen kaydetmek için yeni bir tema başlığı girin:. 12. DeğiĢtirilen tema için baģlık olarak Championzone ifadesini girin ve Tamam ı tıklatın. 13. Temanın uygulanması için Evet i tıklatın. FrontPage üzerinde değiģiklik yapılan temayı kaydeder ve yeni ana baģlığı tüm sayfalara uygular. 14. Sayfayı kaydetmek için, Dosya menüsünden Kaydet i veya araç çubuğundan Kaydet düğmesini tıklatın. Sayfanız Ģu anda aģağıdaki gibi görünecektir: İpucu Bu kılavuzda, varolan temaları özelleģtirmenin ne kadar kolay olduğunu size göstermek için yalnızca bir özel sayfa ana baģlığı verilmiģtir. Kendi tasarımlarınızı oluģturmak üzere, diğer tema öğelerini kendi özel grafiklerinizle özelleģtirmek için önceki yordamdaki adımları yineleyin. 51

53 Tebrikler, Championzone Web sitesini neredeyse tamamladınız! World Wide Web de her Ģeyin olması gerektiği gibi görüneceğinden emin olmak için, Ģimdi Web tarayıcınızda Web sitesinin önizlemesini yapacaksınız. Championzone Web sitesini önizleme Sayfa görünümü Web sayfalarınızın bir Web tarayıcısındaki görünümüne iliģkin yakın bir fikir verse de, sayfayı tasarlamanıza yardımcı olması için bazı sayfa öğeleri ve yer tutucuları farklı biçimde görüntülenir. Web sitesini yayımlamadan önce Web tarayıcısında bir sayfayı veya tüm siteyi görüntüleyerek her Ģeyin istediğiniz gibi olduğundan emin olun. Web sitesini bir Web tarayıcısında önizleme 1. Dosya menüsünden Tarayıcıda Önizleme yi tıklatın. FrontPage Tarayıcıda Önizleme iletiģim kutusunu görüntüler. Buradan, bilgisayarınızda yüklü Web tarayıcılarından birini seçebilir, FrontPage i kurduktan sonra yüklediğiniz Web tarayıcılarını ekleyebilir ve Web sitenizin önizlemesini yapmak için kullanmak istediğiniz Web tarayıcı penceresi boyutunu belirleyebilirsiniz. Tarayıcıda Önizleme özelliği Web tarayıcınıza geçerli sayfayı yükler, böylece Web sitenizi yayımlamadan önce sayfanın Web tarayıcınızda nasıl görüneceğini tam olarak öğrenmiģ olursunuz. Bu özelliğin çalıģabilmesi için bilgisayarınızda yüklü en az bir Web tarayıcısı bulunmalıdır. 2. Tarayıcıda Önizleme iletiģim kutusunda, Microsoft Internet Explorer öğesini ve ardından Önizleme yi tıklatın. FrontPage Web tarayıcısını baģlatır ve giriģ sayfasını açar. Sayfanız Ģu anda aģağıdaki gibi görünecektir: 52

54 Tüm yer tutucu metin ve biçimlendirme iģaretlerinin gizlendiğine dikkat edin (örneğin, giriģ sayfasının sol tarafındaki boģ dikey gezinti çubuğu görünmez). 3. Diğer sayfalardan birkaçını daha önizlemek için gezinti çubuğundaki düğmeleri tıklatın. GiriĢ sayfasının altında bulunan sayfalarda dikey gezinti çubuğunun olup olmadığına bakın. Ürünler sayfasında, sayfaya eklediğiniz geri bilgi formuna gitmek için aģağı doğru kaydırma yapın. Alanlara metin girebilirsiniz, ancak Championzone Web sitesi bir Web sunucusuna yayımlanıncaya kadar form gerçek anlamda çalıģmaz. Fotoğraf Galerisi sayfasında, küçük resimleri tıklatarak resimlerin tam boyutlu asıllarına giden köprülerin çalıģıp çalıģmadığını sınayın. Fotoğraf Galerisi sayfasına geri dönmek için Web tarayıcınızın Geri düğmesini kullanın. Son olarak, Bağlantılar sayfasında, ĠliĢkili Sitelere Bağlantılar ifadesini taģıyan paragraf baģlığında dinamik animasyonun çalıģıp çalıģmadığına dikkat edin. 4. Championzone Web sitesinin önizlemesini tamamladığınızda Web tarayıcınızı kapatın. Web sitenizdeki dosyaları düzenleme Web siteniz artık birçok sayfa ve dosya içeriyor. Bunları düzenlemek için Klasörler görünümünü kullanmalısınız. Windows Gezgini ne benzeyen Klasörler görünümü Web sitenizdeki dosya ve klasörleri yönetmenizi sağlar. Web sitenizdeki sayfa ve dosyaları (köprülerini, sayfa ana baģlıklarını veya gezinti düğmesi etiketlerini bozmadan) güvenli bir biçimde düzenleyebilirsiniz. Klasörler görünümünde, FrontPage tarafından Web sitenizdeki klasörlerin sıradüzen biçimindeki listesi ekranın sol tarafında görüntülenir. Klasör Listesi içinden bir klasör tıklatıldığında, klasörün içeriği sağ taraftaki İçindekiler bölmesinde görüntülenir. 53

55 AĢağıdaki adımlarda, Championzone Web sitesindeki tüm resim dosyalarını FrontPage tarafından Web sitesinin bir parçası olarak oluģturulmuģ olan Resimler klasörüne taģıyacaksınız. Sayfa ve dosyaları bir klasörden diğerine taģımada Windows Gezgini ni veya baģka bir dosya yöneticisini kullanırsanız, sayfalarınız ile sayfa öğeleri arasındaki köprüleri bozabilirsiniz. Ancak Web sitenizi Klasörler görünümünde tutarsanız, FrontPage taģınan dosya ve klasörlerin yeni konumlarını izleyerek Web sitenizdeki sayfa ve köprülerin güncelliğini korur. Resimler klasörüne resim dosyaları taşıma 1. Görünümler çubuğu üzerindeki Klasörler simgesini tıklatın. FrontPage Klasörler görünümüne geçer. 2. Klasör Listesi bölmesinde, en üst düzeydeki <sürücü>:\belgelerim\ Weblerim\Championzone etiketli klasörü tıklatın. Böylece bölmenin içeriği kök Web sitesindeki tüm dosya ve klasörleri görüntüler. 3. Ġçindekiler bölmesinde Tür sütun etiketini tıklatın. Bir sütun etiketi tıklatıldığında, İçindekiler bölmesindeki dosyalar o ölçüte göre sıralanır. Bir sütun etiketini ilk tıklattığınızda liste artan düzende, ikinci defa tıklattığınızda ise azalan düzende sıralanır. Dosya listesi Ģimdi dosya türüne göre gruplandırılmıģtır. Tüm GIF resim dosyaları listenin en üstünde yer alır, ardından HTM dosyaları (sayfaları) gelir, JPG resimleri ise ondan sonra yer alır. 4. İçindekiler bölmesinde, listenin en üstünde bulunan ilk resim dosyasını (czbanner) tıklatarak seçin. 5. Sonra ÜST KARAKTER tuģunu basılı tutarak, listedeki son GIF resim dosyasını (frontpage.gif) tıklatın. 54

56 Klasörler görünümünde, FrontPage tüm standart Windows seçim kısayollarını destekler. Örneğin, listeden bir dosya aralığını seçmek için ÜST KARAKTER+TIKLAT, ardıģık olmayan dosyalar seçmek için CTRL+TIKLAT. 6. ĠĢaretçi seçili bir GIF dosyası simgesi üzerinde iken sağ fare düğmesini tıklatın ve basılı tutun. 7. Sonra iģaretçiyi Klasör Listesi bölmesindeki Resimler klasörüne sürükleyin. 8. Resimler klasörü seçili duruma geldiğinde, fare düğmesini serbest bırakın ve kısayol menüsünden Buraya Taşı seçeneğini tıklatın. FrontPage seçili GIF resim dosyalarını Resimler klasörüne taģırken Yeniden Adlandır iletiģim kutusunu görüntüler. Çünkü geçerli Web sitesinde bu dosyaların tüm köprülerini otomatik olarak güncelleģtirir. 9. Tüm JPG resim dosyaları için de 4. adımdan 8. adıma kadar olan adımları yineleyin. FPTutor003.jpg ile baģlayın ve FPTutor006.jpg öğesi ile bitirin. 10. Ġçindekiler bölmesinde, kalan dosya ve klasör listesini yine adlarına göre düzenlemek için Ad sütun etiketini tıklatın. Resimler klasöründeki tüm resim dosyalarını baģarıyla gruplandırdınız. Kendi Web siteniz üzerinde çalıģırken, ses dosyalarını, film kliplerini ve baģka türlerde dosyaları kendi klasörlerinde gruplandırabilirsiniz. Gerektiğinde Klasörler görünümünde yeni klasörler oluģturabilir, istediklerinizi silebilirsiniz. Yeni klasör oluşturma 1. Klasör Listesi nden, içinde yeni bir alt klasör oluģturmak istediğiniz klasörü tıklatın. Klasör Listesi içindeki klasörler, alt klasörlerini görüntülemek üzere geniģletilebilir ve daraltılabilir. Bir klasörün alt klasörlerini görüntülemek veya gizlemek için, klasör adının yanında bulunan artı (+) ve eksi (-) iģaretlerini tıklatın. 2. Dosya menüsünden Yeni yi iģaretleyin ve Klasör seçeneğini tıklatın. FrontPage geçici bir ad verdiği yeni bir klasör oluģturur. 3. Klasörün geçici adını (New_Folder) seçili duruma getirerek, yeni bir ad yazın ve ENTER tuģuna basın. Yeni klasörü yeniden adlandırmıģ oldunuz. Artık içine dosya ve klasörleri sürükleyebilirsiniz. 55

57 Bu kılavuzdaki uygulamalarda, biraz önce oluģturduğunuz bu ek klasöre gerek duymayacağız. Bundan dolayı, Web sitesini yayıma hazırlamadan önce bunu silin. 4. Klasör Listesi içinde, oluģturmuģ olduğunuz bu klasörü sağ tıklatın. 5. Kısayol menüsünden Sil i tıklatın. 6. Silmeyi Onayla iletiģim kutusundan Evet i tıklatın. FrontPage klasörü Web sitesinden kaldırır. Site Özeti oluşturma Raporlar görünümü, Web sitenizi World Wide Web de yayınlamadan önce tüm durumunu görebilmenizi sağlayan önemli bir araçtır. Web sitenize iliģkin farklı 14 kategoride özel rapor oluģturabilirsiniz. Site Özeti raporu oluşturma Görünümler çubuğu üzerindeki Raporlar simgesini tıklatın. FrontPage Raporlar görünümüne geçer. Varsayılan rapor Site Özeti dir. Bu rapor size, Championzone Web sitesindeki sayfa ve dosyalar hakkında tüm istatistikleri sağlar. AĢağıda, Web sitenizi yayımlamadan önce bakabileceğiniz bazı önemli raporlar verilmektedir: Tüm Dosyalar: ġu anda Web sitenizde toplam boyutu yaklaģık 435 KB olan 23 dosya bulunuyor. Bu, Web sitenizi yerleģtireceğiniz Web sunucusunda gereken alandır. Yavaş sayfalar: Bu kategori, hedeflenen yükleme hızı ile yüklenmesi uzun sürecek sayfaları gösterir. Kopuk köprüler: Burada herhangi bir kopuk köprü belirtilmiģse, bu kategori hakkında ayrıntıları almak için Kopuk köprüler satırını çift tıklatın. FrontPage, Bağlantılar sayfanızdaki dıģ köprüler gibi doğrulanmamıģ köprüleri ve çalıģmayan bağlantıları listeler. Çalışan köprüler: Bir köprünün hala etkin bir Web sitesine iģaret edip etmediğini anlamak için, bağlantıyı Raporlar görünümünden çift tıklatın ve kısayol menüsünden Doğrula yı seçin. Kopuk bir köprüyü düzeltmek için, üzerinde bulunduğu sayfayı açıp köprünün iģaret ettiği URL yi düzeltin. 56

58 Yazım Denetimi Web sitenizin içeriğinin ziyaretçilere profesyonel bir hava sunması açısından yazım denetimi çok önemlidir. Bir sayfada yanlıģ yazılmıģ bir sözcük insanları tüm Web sitenizin doğruluğu hakkında Ģüpheye düģürecektir. FrontPage in kullanıģlı yazım denetimi iģlevi sayfaları oluģtururken, içeriği düzenlerken bunu uygulayabilmenize olanak verir. Bununla birlikte yazım denetimini, Web sitenizi World Wide Web de yayımlamadan önce bir defada da yapabilirsiniz. FrontPage yazım denetimini üç Ģekilde uygulayabilir: Metin yazılırken otomatik yazım denetimi Geçerli sayfa için el ile yazım denetimi Web sitesindeki tüm sayfaları denetleyen yazım denetimi Otomatik yazım denetimi Sayfa görünümünde, FrontPage geçerli sayfaya yazdığınız metin üzerinde otomatik olarak (Microsoft Word, Microsoft PowerPoint ve diğer Microsoft Office XP programlarında olduğu gibi) yazım denetimi yapar. Altı çizili duruma gelen bir sözcük mutlaka yanlıģ yazılmıģ olduğu anlamını vermez. FrontPage sizden yalnızca bilinmeyen veya doğruluğu kesin olmayan sözcükleri onaylamanızı isteyebilir. Bu durum kiģi ve yer adlarında sık sık ortaya çıkar. Kesinliğinden Ģüphe edilen bir sözcüğün yazımının doğru olduğundan eminseniz, bu tür sözcükleri yok saymayı ve değiģtirilmemesini seçebilir veya bunları FrontPage tarafından daha ilerideki yazım denetimlerinde kullanılmak üzere saklanacak özel bir sözlüğe ekleyebilirsiniz. Sözcük geçekten de yanlıģ yazılmıģsa, ilgili sözcüğü sağ tıklatıp önerilen bir doğru biçimi seçerek doğru hale getirebilirsiniz. El ile yazım denetimi Sayfaya göre yapılan yazım denetimleri, Sayfa görünümünde Ģüpheli sözcüğü sağ tıklatıp Araçlar menüsünden Yazım komutunu tıklatarak kullanılabilir. Web sitesinin tümünde yazım denetimi Sayfa görünümünde arka planda çalıģan otomatik yazım denetimi ve sayfaya göre yapılan yazım denetimini kullanabileceğiniz gibi, baģka bir Web site görünümünde de Yazım komutunu kullanarak Web sitesindeki tüm (veya seçili) sayfalarda yazım denetimi yapılabilir. Web sitesindeki tüm sayfaları denetleyen yazım denetimi tüm Web site görünümlerinde kullanılabilir. Doğrudan sayfadan düzenlenebilen sayfa öğelerinin yazımlarını denetleyebilirsiniz. Sayfa ana baģlıklarındaki sayfa baģlıkları veya FrontPage tabanlı bileģenlerdeki metinler gibi diğer metinler yazım denetimine dahil olmaz. Geçerli Web sitesinde yazım denetimi yapma 1. Araçlar menüsünden Yazım ı tıklatın. FrontPage Yazım iletiģim kutusunu görüntüler. Burada, FrontPage tarafından yalnızca seçili sayfalarda veya tüm Web sitesinde yazım denetimi yapılmasını belirleyebilirsiniz. 57

59 2. Yazım iletiģim kutusundan Tüm Web i tıklattıktan sonra Yazım hatası içeren her sayfa için görev ekle onay kutusunu seçin. FrontPage hatalı yazılmıģ metin içeren her sayfa için Görevler listesine bir görev ekler. Görevler görünümü hakkında bilgileri bir sonraki bölümde alacaksınız. 3. Yazım denetimini baģlatmak için, Yazım iletiģim kutusundan Başlat ı tıklatın. Yazım denetiminin ilerleyiģini görmeniz için, FrontPage Yazım iletiģim kutusunu geniģletir. ĠĢlem tamamlandığında, FrontPage hatalı yazılmıģ sözcükleri ve Görevler görünümünde Görevler listesine eklenen görev sayısını görüntüler. 4. Yazım iletiģim kutusunu kapatmak için İptal i tıklatın. Yazım denetimi tamamlanmıģtır, ancak siz Görevler listesindeki görevleri yerine getirene kadar düzeltmeler uygulanmaz. Sayfalardaki metinleri değiştirme Değiştir komutu ile seçili sayfalarda veya Web sitesinin tümünde istediğiniz öğeleri kolayca bulup değiģtirebilirsiniz. Bu komut Sayfa görünümünde geçerli sayfadaki metinleri değiģtirmek için kullanılabileceği gibi, baģka bir Web sitesi görünümünde kullanıldığında da geçerli Web sitesinin tüm (veya seçili) sayfalarındaki metinler değiģtirilebilir. Doğrudan sayfadan düzenlenebilen herhangi bir metni değiģtirebilirsiniz. Sayfa ana baģlıklarındaki sayfa baģlıkları veya FrontPage tabanlı bileģenlerdeki metinler gibi diğer metinler otomatik olarak değiģtirilemez. Geçerli Web sitesindeki tüm sayfalarda metin değiştirme 1. Düzen menüsünden Değiştir i tıklatın. FrontPage Değiştir iletiģim kutusunu görüntüler. Burada, değiģtirmek üzere aradığınız metin dizesini ve yerine koymak istediğiniz metni girin. Aranan metnin geçerli Web sitesinin tüm sayfalarında veya yalnızca seçili sayfalarda değiģtirilmesini seçebilirsiniz. 2. Tüm Sayfalar ı tıklatın. 3. Değiştir iletiģim kutusunda, Aranan alanına Championzone Sitesine Hoş Geldiniz yazın. 4. Yerine konacak kutusuna Championzone sitesini ziyaret ettiğiniz için teşekkürler yazın. 5. Büyük/küçük harf eşleştir onay kutusunu tıklattıktan sonra Web de Bul u tıklatın. 58

60 Arama iģleminin ilerleyiģini görmeniz için, FrontPage Değiştir iletiģim kutusunu geniģletir. DeğiĢtirmek üzere aradığınız metin giriģ sayfasında (Index.htm) bulunuyor. ĠĢlem tamamlandığında, FrontPage bulduğu örneklerin sayısını görüntüler. 6. Bul ve Değiştir iletiģim kutusundan Değiştir i tıklatın. 7. FrontPage, Championzone sitesine hoģ geldiniz ifadesi vurgulu hale gelmiģ giriģ sayfasını açar. 8. Değiştir i tıklatın. 9. TamamlanmıĢ onay sayfaları kutusu görüntülendiğinde, Listeye Geri Dön ü tıklatın, sonra İptal i tıklatın. Web Sitesi Görevlerini tamamlama Görevler görünümü geçerli Web sitesi ile ilgili tüm önemli görevleri görüntüler. Görevler, Web sitenizi yayımlamadan önce dikkat etmeniz gereken öğelerdir. Önceki alıģtırmalarda, belirli görevleri ertelediğinizde bir listeye görevler eklediniz. Örneğin, Web sitenizin sayfalarında yazım denetimi yaparken, hatalı yazım içeren her sayfa için yeni bir görev eklemeyi seçtiniz. Listeye görev ekleyip, daha sonra gerekli düzeltmelerin tümünü birden yapabilirsiniz. Bir Web geliģtirme ortamında veya intranette çalıģıyorsanız, Görevler görünümü Web sitesi görevlerinin izlenmesini ve bunların aynı Web sitesinde çalıģan diğer yazarlara atanmasını oldukça kolay bir hale getirir. Görevler görünümünde görevleri tamamlama 1. Görünümler çubuğu üzerindeki Görevler simgesini tıklatın. FrontPage Görevler listesini görüntüler. 2. Listeden Hatalı yazılan sözcükleri düzelt etiketli ilk görevi çift tıklatın. FrontPage Görev Ayrıntıları iletiģim kutusunu görüntüler. Buradan, seçmiģ olduğunuz görevin ayrıntılarını görebilirsiniz. Görevin öncelik düzeyini ayarlayabilir, ağınızdaki baģka bir yazara atayabilir veya görevi tamamlayarak listeden kaldırabilirsiniz. 3. Görev Ayrıntıları iletiģim kutusundan Görevi Başlat ı tıklatın. FrontPage Sayfa görünümüne geçer ve hatalı yazılmıģ sözcükleri içeren sayfayı açar. 59

61 4. Yazım iletiģim kutusunda, FrontPage Championzone adını sorguladığında Ekle yi tıklatın. Böylece Championzone sözcüğü sözlüğe eklenir. Not FrontPage özel sözlükleri diğer Microsoft Office XP programları ile paylaģır, bundan dolayı her programda özel sözcükleri ayrı ayrı eklemek gerekmez. Doğrulanan sözcükleri sözlüğünüze eklediğinizde, bir daha sorgulanmazlar. 5. Tamam ı tıklatın. 6. FrontPage yazım denetimini bitirir. Ġsterseniz Ģimdi Görevler görünümüne dönerek bu görevi tamamlandı olarak iģaretleyebilirsiniz. Web sitenizi yayımlamadan önce tüm görevleri yerine getirmeniz gerekmese de, Web sitenizde yaptığınız değiģikliklerden sonra bu listeyi gözden geçirebilirsiniz. Görevler görünümü Web sitelerini yönetmenize, sizin için önemli olan anımsatıcılarla iģaretleyerek yardımcı olur. Championzone Web sitesini yayımlama Web sitenizi World Wide Web de veya Ģirket intranetinizde yayımladığınızda, FrontPage otomatik olarak köprülerinizi, sayfalarınızın adreslerini ve dosyalarınızın yollarını doğrular. Not Championzone Web sitesini Web sunucunuzda yayımlamak istemiyorsanız, bu yordamı yalnızca baģvuru olarak okuyun ve herhangi bir adım uygulamayın. Geçerli Web sitesini yayımlama 1. Sayfa görünümündeki tüm açık sayfaları kapatın. 2. Dosya menüsünden Web Yayımla yı veya araç çubuğundan Web Yayımla düğmesini tıklatın. FrontPage Web Yayımla iletiģim kutusunu görüntüler. Burada, Web sitenizi yayımlamak istediğiniz World Wide Web konumunu veya Ģirket intranetinizdeki konumu belirtin. Bu bilgiyi size Internet hizmet sağlayıcınız verebilir. Web sitenizi World Wide Web de yayımlayabilmeniz için bir Internet hizmet sağlayıcısı yoluyla edineceğiniz Internet eriģimi gereklidir. FrontPage tabanlı Web sitelerini iģleyebilen bir Web YerleĢim Sağlayıcısına kaydolmak istiyorsanız, Yayımlama Hedefi iletiģim kutusundan Daha fazla bilgi için tıklatın bağlantısını tıklatın. 60

62 3. Web Yayımla iletiģim kutusuna hedef Web sunucunuzun URL sini girin, (örneğin, ve Yayımla yı tıklatın. FrontPage geçerli Web sitesini bilgisayarınızdan World Wide Web e veya belirlediğiniz intranet Web sunucusuna yayımlar. İpucu Bir Web sitesini ilk defa yayımladıktan sonra, araç çubuğundaki Web Yayımla düğmesini kullanarak Web Yayımla iletiģim kutusunun atlanmasını sağlayabilirsiniz. Böylece, Web sitesinin konumu hakkında herhangi bir bilgi verme gereği olmadan, sayfalarınızda yaptığınız güncellemeler hızlı bir biçimde yayımlanır. Web Yayımla iletiģim kutusunu yeniden görüntülemek için, araç çubuğu yerine, Dosya menüsündeki Web Yayımla komutunu kullanın. FrontPage, FrontPage Sunucu Uzantıları nı desteklemeyen bir Web sunucusuna yayımlamaya çalıģtığınızı algılarsa, geçerli Web sitesini dosya aktarım iletiģim kuralı (FTP) yoluyla yayımlar. Web sitenizi yayımlamaya çalıģtığınız Web sunucusunda yüklü FrontPage Sunucu Uzantıları varsa, Web siteniz, sayfalarınıza eklediğiniz FrontPage tabanlı bileģenler ve Web komut dosyalarından tam anlamıyla yararlanabilecektir. Web sitelerini FrontPage Sunucu Uzantıları bulunmayan bir Web sunucusuna yayımlamak sayfalarınıza eklediğiniz geri bilgi formu gibi bazı iģlevlerin devre dıģı kalmasına neden olabilir. FrontPage, yayımlama iģlemi sırasında uyarı gereken durumlarda, konu hakkında bilgi veren iletiler görüntüler. Yayımlama iģlemi sırasında Web sitenizin hedef Web sunucusuna aktarılması için gereken zaman FrontPage tarafından bir ilerleme çubuğu ile gösterilir. FrontPage in Web sitesini yayımlama iģlemindeki hızı bağlantı hızınıza, Web sitenizdeki sayfa ve dosyaların sayısı ile ayrıntı düzeyine göre değiģir. İpucu Bir Web sitesini yayımlarken, varsayılan olarak sayfa ve dosyaların tümü yayımlanır. Yayımlanmasını istemediğiniz sayfa ve dosyalar varsa, bunları bir Web sitesi görünümünde sağ tıklattıktan sonra Yayımlama yı tıklatın. 61