DERS 1: MICROSOFT FRONTPAGE 2000 © ORTAMI

 

Ders sonunda yapabilecekleriniz:

 

-FrontPage’ı tanımak.

-FrontPage görünümleri açıklamak.

-Bir Web alanı yaratmak.

 

I. FRONTPAGE’İ TANIMAK

Sitedeki HTML kursunda, bir Web sayfası oluşturmanın temellerini ele almıştık. Bu kursta ise, belki HTML dilini kullanmadan görsel bir Web sayfası düzenleyici olarak tanımlayabileceğimiz Microsoft Frontpage 2000 programını öğreneceğiz.

 

SORU: Web sayfası oluşturmak için hangi dil kullanılır?

YANIT: HTML

 

Microsoft FrontPage, Web sayfası ve Web sitesi oluşturmak için geliştirilmiş bir programdır. Şirketler ve bireyler kendi Web sitelerini oluşturmak için FrontPage kullanılır.

 

A. FRONTPAGE 2000’in YENİ ÖZELLİKLERİ

FrontPage 2000 ile yeni özellikler programa eklenmiştir. Bunlardan bazıları şunlardır:

 

Temalar: Web sayfasında kullanmak üzere hazır temalar vardır. Bu sayede çok fazla biçimleme gereksinimi duymadan temalar aracılığıyla sayfalar biçimlenir.

 

Renk Araçları: Özel renkler oluşturmak için kullanılır.

 

Görülebilir HTML Etiketleri: Web sayfasının düzenlendiği sayfada, sayfayı oluşturan HTML etiketleri görünebilir.

 

Access Veritabanına Erişim: Access Web sayfalarıyla kolayca bütünleşme.

 

II. ORTAM

FrontPage ekranının sol tarafındaki ekran bölmesine View Bar (Görünümler) denir. Bu çubuk sayesinde çok sayıda HTML sayfası ile çalışmak daha kolay olur.

 

A. GÖRÜNÜMLER

FrontPage çalışma ortamında belli görünümler vardır. Gereksinime göre onları kullanmak gerekir:

 

Folders View (Klasörler): Web sitenizi oluşturan klasörleri ve dosyaları gösterir.

Reports View (Raporlar): Web sitesi hakkında raporlar oluşturmanızı sağlar.

Navigation View (Gezinti): Sayfalar arasındaki bağlantıları gösterir ve Web sitesi üzerinde gezmenizi sağlar.

Hyperlinks View (Köprüler): Geçerli belgelere bağlı köprüleri gösterir.

Tasks View (Görevler): Web sitesi üzerinde çalışan kişilerin (geliştiriciler) yapacağı işleri listeyelen bir işler listesidir.

 

İPUCU: İsterseniz View Bar’ı kaldırabilirsiniz. Bunun için: View Menüsünden Hide Views Bar komutunu seçin.

 

B. DÜZENLEYİCİ GÖRÜNÜMLERİ

FrontPage, düzenlediğiniz belgeyi değişik şekilde görmek için üç ayrı görünüme sahiptir:

 

Normal: Varsayılan görünümdür. Tasarımı görüntüler.

HTML: Düzenlemenin HTML kodunu gösterir.

Preview (Önizleme): Yapılan tasarımın Internet Explorer (tarayıcı) tarafından nasıl görüntüleneceğini gösteren görünüm.

 

1. Normal Görünüm

FrontPage ile çalışırken yarattığınız Web sayfaları Normal görünüm içinde görüntülenirler. Normal görünüme diğer bir deyişle WYSIWYG görünüm denir. WYSIWYG, bildiğiniz gibi “What You See Is What You Get” sözcüklerinin kısaltılmışıdır. Bir anlamda tasarımınız aynen çıktıya yansıyacaktır anlamındadır. Normal görünümünde, resimler, elemanların hizaları, biçimlemeleri, tablolar, düğmeler, vb bütün düzenlemeleri görülür.

 

2. HTML Görünümü

Bu görünüm ise belgenizdeki gerçek HTML kodunu gösterir. Bildiğiniz gibi, Web sayfaları oluşturmanın altında yatan dil HTML’dir.

 

Örnek:

 

<html>

 

<head>

<meta http-equiv="Content-Language" content="tr">

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

<title>Yeni Sayfa 1</title>

</head>

 

<body>

 

<p>BİZİM ŞİRKET</p>

<p>Ürünler: </p>

<p>Tanıtım: </p>

<p>Bayilerimiz: </p>

<p>&nbsp;</p>

 

</body>

 

</html>

 

 

3. Preview Görünümü

Preview görünümü, tasarlanan Web sayfasının Internet Explorer ile nasıl görüntüleneceğini gösterir. Diğer bir deyişle bir tür prova sayılır.

İPUCU: Hazırladığınız web sayfalarının Microsoft Internet Explorer ile test ettiğiniz gibi, Netscape’s Navigator ile de test etmenizde yarar vardır.

 

C. MENÜLER

Menüler FrontPage penceresinin üzerinde yer alır ve komutlara erişimi sağlar. FrontPage 2000’de Office 2000’den de bildiğiniz gibi menülerin tamamı görünmez. Menülere erişim için açılan menülerin altında ok işaretleriyle yeni menülere erişebilirsiniz.

 

İPUCU: Bu sistem kullanılmayan menü öğelerinin gereksiz yere görünmesini engellemek için tasarlanmıştır.

 

D. ARAÇ ÇUBUKLARI (TOOLBARS)

Diğer Microsoft Office programları gibi, Frontpage programı da değişik konularda araç çubuğuna sahiptir. Örneğin biçimleme işlemleri için düğmeleri içeren Formatting araç çubuğu gibi. Uygulamada varsayılan olarak yer alan araç çubuğu Standart araç çubuğudur.

 

İPUCU: FrontPage’i ilk çalıştırdığınızda, Standard ve Formatting araç çubuğu ekranda görünür.

 

Standard Toolbar:

Standard araç çubuğu araçları (düğmeleri) temel işlemleri yapmak için kullanılır:

 

Formatting Toolbar:

Formatting araç çubuğu araçları ise sayfanın içeriğini biçimlemek için kullanılır:

 

Pictures Toolbar:

Pictures araç çubuğunda resim işlemeyi sağlayan düğmeler yer alır.

 

Tables Toolbar:

Tables araç çubuğunda ise tablo tasarlamakla ilgili düğmeler yar alır.

 

 

III. WEB ALANI YARATMAK

Front Page ile bir Web sitesi yaratmak istediğinizde bir Web alanı yaratmanız gerekir. Bu işlem için File, New, Web (Dosya, Yeni, Web) komutları kullanılır.

 

Ardından kullanılacak şablon (template) seçilir:

 

-Empty Web (Boş Web)

-One-PAge Web (Tek Sayfa Web)

 

Web alanları standart dosya klasörlerinden oluşur. Böylece site içinde kullanılacak şablonlar, resimler ve diğer belgeler belli klasörlerde yer alır.

 

A. WEB SİTESİ OLUŞTURMAK

FrontPage ile bir Web sitesine başlamak için bir Web alanı oluşturmak gerekir:

 

1. Dosya menüsünde Yeni ve Web'i seçin.

2. Web seçeneğinde, Web sitesini oluşturmak için kullanılacak Şablondan birisini seçin:

Örneğin Boş Web.

3. Kullanmak istediğiniz web sitesi şablonunu tıklatın.

4. Yeni Web'in konumunu belirt kutusunda, yeni web sitesinin URL adresini ya da yeni siteyi sabit diskinizde, ağda ya da Internet'te oluşturmak üzere Göz at düğmesini kullanın.

 

IV. TEMEL TERİMLER

Bir Web sitesi oluşturmadan önce bazı temel terimlere bir bakalım:

 

IP Adresi: Internet’e bağlı olan bilgisayarları tanımlamak için kullanılan adresler. Bu konuda geniş bilgi için farukcubukcu.com da bulunan Network ile ilgili kurslara bakınız.

 

HTTP (Hypertext Transfer Protocol): Tarayıcıların Web sunucuları üzerindeki bilgileri görüntülemek için kullandıkları protokoldür. Bu teknik sayesinde Internet üzerindeki belgeler hyperlinklerle birbirine bağlanırlar.

 

URL (Uniform Resource Locator): Internet üzerindeki kaynakların adresleri.

Örneğin http://www.farukcubukcu.com  bir Internet sitesinin adresidir.

 

FTP (File Transfer Protocol): Network üzerinde ya da Internet üzerinde diğer bir bilgisayar üzerindeki belgeleri kopyalamak için kullanılan protokol.

 

NOT: Bu dokümanlar Faruk Çubukçu tarafından hazırlanmıştır. Burada adı geçen ticari ünvanlar ve markalar bilgi amaçlı kullanılmışlardır ve kendi imtiyazlarına sahiptirler. Bu dokümanlar ticari amaçlı olarak kullanılmaz. Daha fazla bilgi için www.farukcubukcu.com adresine bakınız.

 

V. GÖZDEN GEÇİRME

1. FrontPage araç çubuklarından birkaç tanesini sayınız.

2. Editör görünümleri olarak adlandırılan üç görünümü ve özelliklerini açıklayın.

3. Web alanı nedir?