Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır.

Transkript

1 FrontPage Nasıl Kullanılır? 1 Giriş FrontPage programı kolay şekilde web siteler hazırlayabileceğiniz ofis yazılımlarından birisidir. Hiçbir kod bilgisi gerektirmeden tasarımlarını kolay şekilde yapabileceğini bu program sayesinde yazılarınızı, resimlerinizi ve dokümanlarınızı kolaylıkla internette yayınlayabileceksiniz. Her bir ofis programının olduğu gibi FrontPage inde bir dosya uzantısı vardır. Bunlar *.html veya *.htm dosya uzantılarıdır. Kısa bir ön bilgiden sonra yavaş yavaş programımızı kullanmaya ve tanımaya başlayabiliriz. Kurulum lisans anahtarı girilir. (Görsel 1) Gerekli Öncelikle kurulum dosyamızın üzerine çift tıklayarak kurulumumuzu başlatıyoruz. Kurulum dosyamızın ismi genellikle setup.exe biçimindedir. Daha sonra karşımıza çıkan

2 FrontPage Nasıl Kullanılır? 2 pencereden (Görsel 1) gerekli lisans anahtarını girip İleri butonuna tıklıyoruz. Daha sonra karşımıza Kullanıcı Adı, Baş Harfler ve Kuruluş isimleri soran bir kısım gelecektir. Bu kısmı isteğimiz doğrultusunda doldurarak İleri İleri butonuna basıyoruz. Daha sonra karşımıza lisans sözleşmesi bölümü çıkacaktır. (Görsel 2) Buradan Lisan Sözleşmesinin koşullarını kabul ediyorum kutucuğu tıklanır ve ileri butonuna basılır. (Görsel 2) Lisan Sözleşmesinin koşullarını kabul ediyorum kutucuğu tıklanır. Sonraki aşamada kurulum türü sorulacaktır. (Görsel 3) Eksiksiz bir yükleme için tam yüklemeyi seçin ve ileriyi tıklayın.

3 FrontPage Nasıl Kullanılır? 3 Yükleme Seçilir. (Görsel 3) Tam Bundan sonra dosyaların kopyalama işlemi başlayacaktır. Bu işlem tamamlanınca Son butonuna tıklayıp kurulumu tamamlayabilirsiniz. Kurulum işlemini bu şekilde anlatmaya çalıştık şimdi programımıza bir göz atalım. Programı Açma FrontPage programı bilgisayarımıza kurulduktan sonra Başlat Menüsü altında yerini alır. Programı başlatmak için Başlat Programlar Microsoft Office Microsoft Office FrontPage 2003 yolu izlenir. Menüler Menüler ofis programlarında çoğu işimizi görmemize yarayan araçlardır. Genellikle programların üst taraflarında bulunurlar. Programlara göre değişen menüler kendi içinde de seçenekler barındırır ve aşağıya kayan şekilde açılabilir. FrontPage programındaki menülerin çoğu diğer Ofis programları yani Word, Excel, PowerPoint ile benzerlik gösterir. Burada size sadece FrontPage e özgü menüleri tanıtmaya çalışacağız.

4 FrontPage Nasıl Kullanılır? 4 1. Dosya Menüsü Tarayıcıda Önizle: Bu seçenek yaptığınız sitenin internet tarayıcılarında nasıl durduğunu görmenizi sağlar. Site Yayınla: Yaptığınız siteyi kaydedip herhangi bir yerde yayınlamanıza yardımcı olmaktadır. 2. Düzen Menüsü Farklı olarak üzerinde duracağımız bir kısım yoktur. Diğer ofis uygulamalarında olduğu gibi kes, kopyala, yapıştır, bul gibi görevleri bu menü altından yapabilirsiniz. 3. Görünüm Menüsü Klasörler: Site dizinindeki klasör ve dosyaların listelenmesini sağlar. Klasör Listesi: Programda solda bir bölme açarak klasör ve dosyaların listelenmesini sağlar. Araç Çubukları: Programın ön yüzünde yer almasını isteğiniz araç çubuklarını seçip

5 FrontPage Nasıl Kullanılır? 5 kaldırabilirsiniz. İlk kurulduğunda Standart, Çizim ve Biçim çubukları etkindir. 4. Ekle Menüsü Yatay Çizgi: İçerikte konuları ayırmak için yatay bir çizgi ekler. Katman: İçeriğin düzeninden bağımsız bir katman ekleyerek katman içine yerleştirdiğiniz nesneleri istediğiniz şekilde yerleştirmenizi sağlar. Web Bileşeni: FrontPage e özgü bir seçenek olan Web Bileşeni nden sitenize ekstra kodlar, içerik öğeleri, sayaçlar, fotoğraf galerileri, bağlantı çubukları vs. ekleyebilirsiniz. Resim: İçeriğe resim, fotoğraf galerisi ve video eklemek için kullanabilirsiniz. Etkileşimli Düğme: Linkler için güzel butonlar oluşturabilirsiniz. Bu butonlar fare üzerine gelince veya tıklayınca şekil değiştirir tarzdadır. Köprü: Diğer sayfalara giden bağlantılar eklemek için kullanılır. 5. Biçim Menüsü

6 FrontPage Nasıl Kullanılır? 6 Tema: Siteye uygulanmak üzere hazır tasarımları içerir. Arka Plan: Sitenin arka yüzünde yer alacak resim veya rengi seçmenizi sağlar. 6. Tablo Menüsü Web sitenizin içirik düzeni için gerekli tablolamayı bu menü altından yapabilirsiniz. Tasarla / Böl / Kod / Önizleme Programın hemen sol alt köşesinde yer alan bu bölüm sitemizi yaparken bizim ne şekilde tasarım alanını kullanacağımızı gösteriyor. (Sağda) Bu alanda yer alan Tasarla bize hiçbir kod bilgisi gerektirmeden tasarımımızı görsel yoldan yani sürükleme ya da biçimlendirme yoluyla yapmamızı sağlıyor. Diğer bir seçenek olan Böl ise Kod ve Tasarla seçeneklerini aynı anda ekranda görmemizi sağlayarak hem kod yapısını hemde kodların tasarıma etkisini görmemizi sağlıyor. Kod ise siteyi html dilinin kod yapısıyla site tasarlamamızı sağlıyor. Bu görünüm şekli ileri düzey bilgi gerektiriyor.

7 FrontPage Nasıl Kullanılır? 7 Önizle seçeneği ise yaptığımız tasarımın tarayıcılarda nasıl göreceğimizi basit yoldan ekrana getiriyor. Yeni Site Oluşturma Bir sitenin çok sayıda dosyadan veya klasörden meydana geldiğini biliyoruz. Bunun için dosyaların tek bir klasörde toplanması hataları ve kaybolması muhtemel dosyaların korunmasını önleyecektir. Bu bağlamda yeni site oluşturmak demek aslında siteye yeni bir klasör oluşturmak anlamına gelmektedir. Bunu yapmak için; Dosya menüsünden yeni seçeneğine tıklanır. Sağ tarafta çıkan bölümden Tek sayfalı Web sitesi seçilir. 3. Çıkan yerden Boş Web Sitesi seçilir. İsteğe bağlı olarak diğer şablonları da kullanabilirsiniz. 4. Aynı pencereden sağ tarafta bulunan alanı kullanarak web sitenizin klasörünü nerede oluşturacağınızı belirleyebilirsiniz. 5. Tamam butonuna tıklayarak klasörümüzü yani web sitemizi oluşturmuş oluyoruz.

8 FrontPage Nasıl Kullanılır? 8 Burada hemen şuna dikkat çekenlim klasörler ve dosyaların isimlerinde Türkçe karakter kullanılmamalıdır. Yeni Sayfalar Oluşturma Sitemize sayfa eklemek için soldaki klasör bölmesinin hemen üzerindeki simgesine tıklamamız yeterli olacaktır. (Sağda) Burada şunu belirtelim sitemize ilk ekleyeceğimiz sayfanın ismi index.htm biçiminde olacaktır. Bu isim internette yayınlayacağımız sitelerimizin ilk sayfasının otomatik olarak açılmasını sağlayacaktır. Dolayısıyla aslında bu sayfa sitemizin ana sayfasıdır. Bu yüzden bu ismi değiştirmeyiniz, diğer oluşturacağınız sayfaların isimleri üzerinde oynamalar yapabilirsiniz ve bu sayfaları köprüler aracılığı ile bir birine bağlayabilirsiniz. Oluşturulan Sayfaları Kaydetme Oluşturduğumuz sayfalar üzerinde değişiklikler yaptıktan sonra diğer ofis yazılımlarında olduğu gibi kaydetmemiz gerekiyor. Bunun için birkaç yol var ancak bunlardan en anlaşılırı Dosya menüsünden Kaydet i seçmektir. Bunun dışında CTRL+S tuşları da kullanılabilir. Not: Dosya kaydederken isimlerde Türkçe karakter kullanmaktan kaçınalım. Bu bağlantılarımıza (köprülerimize) zarar verecektir ve internette sayfamızın görüntülenmemesine yol açacaktır. Örneğin Hakkında isimli sayfa oluşturulacaksa bu hakkinda.htm ismini almalıdır Kaydetme işleminde şu konuya değinmekte fayda görüyoruz; ilk kaydederken karşımıza bir

9 FrontPage Nasıl Kullanılır? 9 pencere çıkacaktır. (Sağda) Burada Dosya adı kısmının hemen üzerinde Başlığı değiştir seçeneğini tıklayarak istediğimiz ismi verirsek internet tarayıcılarının bağlık bölümünde bu verdiğimiz ismi görürüz. Örnek olarak biz başlığı AİBU Bilgisayar Raporu olarak kaydedersek bu dosyayı internette açtığımızda -sağdaki örnekte gördüğümüz üzere- başlıkta bu yazı yer alacaktır. Oluşturulan Sayfaları FrontPage de Açma Kaydedilen sayfalarımız genellikle internet tarayıcılarda açılmaktadır. Ancak biz kaldığımız yerden tasarımımıza devam etmek istiyorsak kaydettiğimiz dosyaları FrontPage de açmak durumundayız bunun için birkaç yol bulunmaktadır. 1. Düzenlemek istediğimiz dosyanın üzerine sağ tıklayarak Birlikte Aç a geliriz ve FrontPage i seçeriz. 2. FrontPage in içerisinden Dosya menüsünden Aç a tıklayarak kaydettiğimiz konumdan dosyayı seçerek açabiliriz. Oluşturulan Sayfalara Resim Ekleme

10 FrontPage Nasıl Kullanılır? 10 Resim ekleme işlemi diğer ofis yazılımlarıyla aynı şekilde yapılmaktadır. Resim ekleme işlemi şu şekilde yapılmaktadır; 1. Ekle menüsüne tıklanır. 2. Resim seçeneğine gelinir ve sağa açılan kısımdan Dosyadan tıklanır. Dilerseniz küçük resim galerisinden de ekleyebilirsiniz. 3. İstenilen resim seçilir ve ekleye basılır. Eklediğiniz resimleri küçültmek isterseniz, resmi tıkladığınızda kenarlarında küçük noktalar göreceksiniz. Bu noktaları kullanarak resim boyutunda istediğiniz büyültme küçültmeni yapabilirsiniz. (Solda) Resimleri çok fazla büyütmek tasarım açısından düzen bozabileceği gibi çok alan kaplamasını da sağlar. Aynı şekilde resimleri fazla küçültmek de görselin anlaşılmasını zorlaştıracaktır. Dilerseniz resmin konumunu sağa dayalı ya da sola dayalı şekilde ayarlayabilirsiniz. Bunun için yapmanız gereken eklediğiniz resme çift tıklayıp Görünüm sekmesinden sağa veya sola seçeneklerinden birisini seçmek. (Sağda) Bu şekilde yazdığınız yazılar seçtiğinize göre resmin sağında ya da solunda kalacaktır. Örneğin sağa veya sola dediğimiz zaman aşağıdaki şekilde bir düzen oluşacaktır.

11 FrontPage Nasıl Kullanılır? 11