Make your own free website on Tripod.com

Öneriler

 

Selamlar,
Frontpage programı kolayca web sayfası hazırlamak için hazırlanmış bir programdır. Normalde web sayfası hazırlamak için HTML bilmek gerekmektedir. Tabi ki FrontPage bu zorunlulugu ortadan kaldiriyor. Frontpage 98 programını yaklaşık 90-100$ civarında satın alabilirsiniz. Bu programın şu anda 2000 ve XP sürümleri piyasada mevcut. Frontpage öğretmemizdeki amaç bu işte kullanabileceğiniz basit, kullanışlı ve profesyonel bir program olması.

 

Web sayfası yapmaya başlamadan önce bazı noktalara göz önünde bulundurmanızı tavsiye ederim.

·  En iyi sayfaları yapabilmek için en iyi sayfaları görmeniz gerekmektedir. Bu nedenle sürekli olarak internette sayfalarda dolaşın. Nasıl yapıldıkları hakkında düşünün

·  Tasarıma başlamadan önce neler yapacağınızı iyi düşünüp, bir plan yapmalısınız. Daha sonrada bu plana göre hareket etmelisiniz.

·  Sayfanızda uzmanlaşabilmeniz için özgün ve tek bir konu seçmeniz her zaman işinizi kolaylaştıracaktır.

·  Sayfaları hazırlarken kullanacağınız programları öndecen bilgisayariniza yuklemelisiniz. İlk etapta CuteFTP (Sayfalarımızı internete yüklemek için), Adobe Photoshop veya PaintShopPro (Grafikleri hazırlamak için)

·  İlerleyen aşamalarda Flash, Java Script ve Java Appletler'de işinize yarayacaktır. Fakat başlar başlamaz bunları denememenizi öneririm.

·  Sayfaları hazırlarken araştırmacı olun, internette birçok bedava kaynak var bunlardan faydalanarak düşük veya hiç maliyetsiz sayfa hazırlayabilirsiniz.

·  Web sayfası olan yüzlerce insan var. Onlar hazırlayabildiğine göre sizde hazırlayabilirsiniz korkmayın..

Frontpage 98'e Giriş

 

Frontpage 98'in bilgisayarınızda yüklü olduğunu varsayıyoruz. Frontpage 98'i çalıştırın önünüze gelen diyalog kutusunda CREATE A NEW FRONTPAGE WEB radyo düğmesine çek atın sonrada OK'e basın. Sonra gelecek olan diyalog kutusunda CHOSE THE KIND OF FRONTPAGE WEB TO CREATE yazan yazının altındaki ONE PAGE WEB  radyo düğmesine çek atın. CHOSE A TITLE FOR YOU FRONTPAGE WEB başlıklı kısmın hemen altındaki MY NEW WEB yazısını silin ve oraya sitenize vermek istediğiniz bir isim yazın. Ben EjdeR (Türkçe karakter kullanmayın) yazdım. OK düğmesine basın. Sizdene kullanıcı adınızı (NAME) ve passwordunuzun girilmesi istenecektir. Daha önce bir yere not almanızı önerdiğim  kullanıcı adınızı ve passwordünüzü girin. Bu bilgilerinizde herhangi bir yanlışlık olursa dosyalar oluşmayacaktır.  Dosyaların oluştuğunu varsayıyorum. Bu dosyalar Frontpage 98'in varsayılan dosyalarıdır. Sol tarafta VIEWS başlığı altında bulunan iconlardan FOLDERS ikonuna basın. Şimdi Windows Explorer (Gezgini) benzeri bir görünüm oluşacak. Sağ taraftaki tüm dizin ve dosyaları silin.

 

Şimdi başlayabiliriz.

Windows Gezgininde nasıl çalışıyorsanız burada da öyle çalışın tüm dosyaları roota doldurmayın. Dosyalar arttıkca işiniz karmaşıklaşır. Aradığınız dosyayı bulamazsınız. O nedenle önce imaj dosyalarınızın (JGP veya GIF) tutulacağı bir dizin (folder) oluşturun .

Nasıl mı?

Frontpage Explorer'dayken FILE/NEW/FOLDER' basın ve yeni dizine (folder) bir isim verin örneğin IMAGE. Image isminde bir dizin oluşturmuş oldunuz. Sayfanıza koyacağınız resim dosyalarını bu dizinin altına kaydedeceksiniz. Bu pratikte bize aradığımız resim dosyalarına kolaylıkla ulaşma olanağı  sağlayacaktır.

İlk sayfamızı oluşturalım.

FILE/NEW/FILE'e basın hiç bir dosya olmadığı için Frontpage 98 size oto olarak bir INDEX.htm dosyası oluşturacaktır. Aynı işlemi yinelerseniz bu kez newpage1, işlemi tekrar ederseniz newpage2 ......5   gibi ardışık dosyalar oluşturacaktır.

Oluşturduğunuz her sayfanın alt sol tarafında NORMAL/HTML/PREVIEV adlı 3 bölüm göreceksiniz. Normal bölümünde sayfayı hiç kod yazmadan oluşturabilirsiniz. HTML kısmında KOD yazabilirsiniz , Preview kısmında ise sayfanızın nasıl göründüğünü yani önizleme yapabilirsiniz.

 

Kod yazma konusunda genel bilgiler

Webde  yayınlanmak üzere belgeler hazırlarken, HTML kodları ile metinlerinize vereceğiniz biçimler belirteç (İngilizce adı ile mark-up veya tag) adını taşır. Bunlar metnin çeşitli yerlerinde, ' <' ve ' >' şeklindeki parantezlerin arasına yerleştirilen kodlardır. Bunlar arasında diğer Internet sayfalarına (veya URL'lere) geçişi sağlayan ‘link'ler de bulunabilir.HTML bir dil olarak adlandırılsa da, HTML belgelerinin (kısaca Web sayfalarının) hazırlanması klasik bilgisayar dilleri ile programlama yapmaya pek benzemez. Daha çok kelime işlemcilerle çalışmaya benzer. Ancak burada yazıtipi büyüklüğünü ayarlamak, bir metni kalın veya italik yapmak için menü komutlarını kullanmaz (Frontpage 98 ve benzeri programlar hariç).

Hemen anımsatalım iyi kod yazmayı biliyorsanız Windows'un Not Defteri sizin için fazlasıyla yeterli olacaktır.

EjdeR'iN Yeri Olacak,
Herkese hizmet edecek.

Bu metni HTML kodları ile şöyle yazarsak:

< B> EjdeR'in</B> Yeri< B> Olacak</B>,
< BR>< B> Herkese</B> hizmet< B>edecek</B>.< BR>

Web browser'da aşağıdaki gibi bir görüntü elde ederiz:
EjdeR'iN Yeri Olacak,
Herkese hizmet edecek.

Bu örnekte <B> ve </B> belirteçleri Web browser'a aralarındaki metni kalın (bold) göstermesini söyler. <BR> belirteci ise satır başı verilmesi gerektiğini belirtir.

Kod yazarken  html dosyasının başına:<html> <head> <title> </title> </head><body>

sonunda:

</body></html>

belirteçlerinin bulunması gerekmektedir. Bunlar sayfanın başını sonunu belirlemek için gerekli belirteçlerdir. Bu belirteçleri koymazsanız, Web browser'ınızda metin belirteçleri ile birlikte görütülenebilir. Bu örnekteki belirteçleri kendiniz denemek istiyorsanız, Windows'da Not Defteri'ne istediğiniz metni bu belirteçleri kullanarak girin. Belgeye bir isim ve htm soyadını (Windows 95'te html soyadını da kullanabilirsiniz) vererek kaydedin. Sisteminize bir Web browser yüklü ise htm soyadlı bu belgenin üzerine çift tıkladığınızda browser açılacak ve metniniz biçimlendirilmiş haliyle ekrana gelcek.

<title> ve </title>

tag'ları arasına yazacağınız metin web sayfasının başlığı olarak görüntülenecektir. <title> tag'ı aşağıdaki gibi kullanılır. <title>Benim Sayfam</title>Web sayfalarının arka planını da istediğiniz gibi ayarlayabilirsiniz. Bu aşamada iki adet seçeneğiniz var. Birincisi boş bir arka plan kullanarak bu arka planın rengini ayarlamak, ikincisi ise bir resim dosyasındaki resmi alıp web sayfasının arka planına ' döşemek'. Bu işlemi aynen Windows 95'in masaüstündeki duvar kağıdına benzetebiliriz. Önce boş bir arka planı renklendirmeyi görelim. Web sayfasının arka planının rengi <body> tag'ını kullanarak değiştirilir. Default arka plan rengi gridir. Arka plan rengini örneğin beyaz yapmak için body tag'ını

<body bgcolor='white'>veya <body bgcolor='#FFFFFF'>

şeklinde kullanabilirsiniz. Birinci seçenekte rengin İngilizce ismi, ikinci seçenekte ise aynı rengin RGB (RED-GREEN-BLUE)cinsinden renk kodu hexeadecimal (onaltılı sayı sistemi) olarak verilmektedir. Eski tarihli browser'lar renk isimlerini algılayamazlar, bu yüzden sayfalarınızda renklerin onaltılı sayı sistemi kodlarını kullanmak daha uygundur.

Anasayfada  RGB ve Hexedecimal renk kodlarını veren appletler verilmiştir, oradan download edebilirsiniz.  

Bir Web sayfasının arka planına bir resim döşeyebilirsiniz. Bu işlem için ilk önce elinizde bir resim dosyası olması gerekir. Web sayfalarında kullanılabilecek bütün resimler JPG veya GIF formatında olmalıdır. Burada JPG veya GIF formatındaki dosyalarla çalışmayı bildiğinizi varsayıyoruz. Örneğin elimizde BACKGROUND.gif isimli  bir resim olsun. Bu resmi web sayfasının arka planına döşemek için yine <body> tag'ını kullanacağız. Bu dosyayı web sayfasının arkasına döşemek için <body> tag'ını aşağıdaki gibi kullanmalısınız.

<body background=' arka.gif'>

Bu aşamada bu GIF dosyasının, HTM dosyası ile aynı klasörde yer alması gereklidir.

Bazı durumlarda bu arkaplan dosyaları yüklenemeyebilir. Sayfanızın çirkin bir görünüme sahip olmasını istiyorsanız aşağıdaki bgcolor kısmına arkaplan resminize benziyen bir renk kodu girin.

<body background=' arka.gif' bgcolor='#ffff00'>

Web sayfalarında aynen kitap veya dergi sayfalarında olduğu gibi metinler ve resimler kullanabilirsiniz.

"Merhaba EjdeR'in Yerine hoşgeldiniz" metnini bold, italik, ve altçizgili olarak görüntülemek isteyebilirsiniz.

Şimdi bu metni formatlamaya başlayalım. Merhaba kısmını büyük yapalım. Bunun için  <hx> tag'ını kullanacağız. Bu tag'da x yerine birden 6'ya kadar numara verebilirsiniz. 1 en büyük boyut, 6 en küçük boyuttur. Deneyerek en uygununu bulabilirsiniz. Bence en uygunu 1 ile 4'dür.  Şimdi merhaba yazısını büyütmek için onu <h1> tag'ına alalım.

<h1>Merhaba</h1>

Burada, <h1> ile </h1> arasındaki metin, büyültülecektir.  Böylece merhaba yazısını istediğimiz gibi büyüttük. <hx> tag'ını kullanırken öğrendiğimiz bir ikinci şey ise metin formatlamasının nasıl yapıldığıdır. Demek ki, bir tag'ın formatlaması iki tag arasına (<h1> ile açılış, </h1> ile kapanış) aldığımız metne uygulanıyor. Şimdi hızlı bir biçimde diğer metin tag'larını inceleyelelim.

<b> </b> aradaki metni bold (kalın) yapar

<i> </i> aradaki metni italik yapar

<u> </u> aradaki metnin altını çizer

Bu tür metin formatlama tag'ları birbirlerinin içinde kullanılabilirler. Örneğin bir metin parçasını hem bold hem de italik yapmak için <b><i> ..... </i></b>

Burada genel bilgiler verdim asıl amacımı Frontpage kullanarak bunları basit bir biçinde yapmak.

Sayfa İşlemleri

 

Frontpage Explorer'deyken NEW PAGE araç çubuğunuza bastınız isimsiz (newpage1) ve beyaz bir sayfa açtınız.

Sayfanın herhangi bir yerine sağ tıklayın ve açılan pencereden PAGE PROPERTIES'i seçin. Önünüze gelen diyalog kutusundan:

TITLE yazan kısma sayfanızın ismini girerebilirsiniz. Ben EjdeR.Com YARDIM ismini girdim. Bunu HTML olarak da yazabilirsiniz örnek aşağıda

<title>EjdeR.Com YARDIM</title>

 

BACKGROUND kısmına tıklarsanız sayfanızın artalanında kullanabileceğiniz ve önceden hazırladığınız GIF veya JPG dosyalarını veya benim burada kullandığım gibi sadece renk yapabilirsiniz.

 

 

BACKGROUND IMAGE kısmına çek atın sonrada BROWSE buttonunu tıklayın. Açılan diyalog kutusunda imaj dosyanız neredeyse yolunu belirleyin ve OK' basın. Sayfayı SAVE edin bu sırada import ettiğiniz bu arkaplan dosyasının nereye kaydedilmesini soran bir diyalog kutusu açılacaktır buradan uygun bir folder seçin -örneğin önceden önerdiğim IMAGE folderi olabilir- ve kaydedin. Arkaplanınız oluşmuştur.

 

 

Örnek kod aşağıdadır.

 

<body background="../../IMAGE/back.jpg" bgcolor="#000000" text="#008000">

 

Burada ../../  imleri back.jpg  dosyasının pathini (yolunu) göstermektedir. Bazı durumlarda sayfanızın backgrondu yüklenmeyebilir. Bu durumda sayfanız planlandığınız gibi olmayabaili o nedenle kullandığınız BACKGROUND dosyanıza yakın bir renkde de BGCOLOR   kullanmanızı öneririrm. Bu işlenmi kod kullnarak çok kolay yapabilirsiniz ancak konumuz FP-98 olduğu için bunu menülerle yapacağız.

Fareyi sayfanın herhangi bir yerine sağ tıklayın ve PAGE PROPERTIES'i seçin. Oradan BACKGROUND'u seçin. Açılan diyaloğ kutusundan BACKGROUND yazısının karşısındaki rengi istediğiniz gibi belirleyebilirsiniz.

Hemen altında TEXT yazan kısımın karşısındaki renk ise sayfanızdaki kullacağınız yazının rengidir. Buradn dilediğiniz rengi belirleyebilirsiniz.

Sağ tarafta HYPERLINK yazısı ver karşısnıda bir renk göreceksizni defauld olarak mavi bir renktir. Bu sayfanızdaki link olan yazıların rengidir. Hemen bunun altında VISITED HYPERLINK yazan yerin karşısında da yine bir defauld renk var. Buda ziyaret edilmiş linkleri gösterir.

Hemen altında ACTIVE HYPERLINK yazan yazının karşısındaki renk ise aktif durumdaki sayfayı gösteriri.

Bunların renklerini dilediğiniz gibi değiştirebilirsiniz.

Kodları aşağıdadır.

<body bgcolor="#000000" text="#FFFFFF" link="#008000" vlink="#FFFF00" alink="#FF00FF">

Arkaplan

 

ARKAPLAN (BACKGROUND) VE ARKAPLAN RENGI (BGCOLOR)

 

Hernekadar Sayfa işlemleri Bölümünde konuya bir nebze değişmiş isemde bu arkaplan konusunda biraz daha detaya inmeyi düşündüm. Arkaplan eklemek istediğiniz sayfadayken sağ tıklıyorsunuz açılan kestirme menüden  PAGE PROPERTIES'i seçin.BACKGROUND kısmına tıklarsanız sayfanızın artalanında kullanabileceğiniz ve önceden hazırladığınız GIF veya JPG dosyalarını veya benim burada kullandığım gibi sadece renk yapabilirsiniz.

BACKGROUND IMAGE kısmına çek atın sonrada BROWSE buttonunu tıklayın. Açılan diyalog kutusunda imaj dosyanız neredeyse yolunu belirleyin ve OK' basın. Sayfayı SAVE edin bu sırada import ettiğiniz bu arkaplan dosyasının nereye kaydedilmesini soran bir diyalog kutusu çıkacaktır, bu dosyayı Frontpage 98 içinde oluşturduğunuz proje altındaki bir folder içerisine kaydedin.

Burada bazı uyarılarım olacaktır, sayfanızın altına gereksiz ve gelişgüzel arkaplan dosyası koymayın. Çok desenli dosya koyarsanız yazıların okunmamasına neden olabilirsiniz. Arkaplan dosyası yerleştirdiğinizi bir an düşünelim, mutlaka bir arkaplan rengide seçin. Arkaplan rengi seçmenizi istememin nedeni şudur: Bazen hatların yavaşlığı yada başka nedenlerden dolayı Background dosyası yüklenmeyebilir, bu durumda sayfanın çirkin görünmemesi için arkaplan rengine uygun olarak seçtiğiniz rengin yüklenmesi bir nebze yararlı olucağını düşünüyorum.s

Benim önerim çok zorunlu hissetmiyorsanız arkaplan dosyalarını gerektiği yerde kullanmanız, bazı durumlarda ise arkaplan rengiyle yetinmenizdir.

Link Verme

LINK YADA KÖPRÜ KURMA

Bu bölümde link yada köprü kurmayı öğreneceğiz. Önce herhangi bir yazıya nasıl link vereceğinizi anlatalım . Aşağıda ANASAYFA yazısına link verelim. Burada yapmanız gerek ilk iş yazıyı fare ile seçili hale getirip Araç çubuklarından link ikonuna basmak yada INSERT menüsünden HYPERLINK'e tıklamaktır.

Diyalog kutusunda URL yazan kısma eğer webde herhangi bir sitenin linkini yazmak istiyorsanız aynen yazmanız gerekir. Örnek http://Www.ejder.com , projeniz altında herhangi bir sayfanın linkini vermek istiyorsanız NAME-TITLE yazan kısmın hemen altında bulunan sayfalardan birini seçmeniz yeterlidir. Ben örnekte ORNEK_1.htm adlı dosyayı seçtim. Eğer sayfanız projeniz içinde bir dizin altında ise LOOK IN yazan kutucuğa tıklayarak ilgili DIZIN'e oradan da dosyaya ulaşarak dosyayı seçmeniz yeterli olacaktır. Örnek verirsek Projeniz altında DENEME adlı bir dizin ve onun altında da ORNEK.html adlı dosyanıza lik vermek için yukardaki işlemlerden sonra URL kısmında DENEME/ORNEK.html yazısını göreceksiniz.

Yukardaki adımları burada da uygulayacaksınız. İlk yapmanız gereken şey bütonu  seçmek olucaktır.

 

Dikkat ettiyseniz link verilen yazının altında, buttonun ise kenarında bir çizgi görüyorsunuz. Ayrıca maosu yazı yada buttonun üzerine götürdüğünüz zaman fare imlecinin el'e dönüştüğünü görüyorsunuz. Bunun anlamı bu buttonun yada yazının başka bir yer ile bağlantılı olduğudur. Ancak ilerleyen bölümde anlatılacağı gibi button yada yazılarda link olduğu halde ne etrafında çizgi nede imlecin el'e dönüşmediğini ama tıkladığınızda ilgili sayfaya gittiğini görürsünüz.

Aşağıda verilen linkin kodlarını görüyorsunuz.

<a href="../ANASAYFA.html" target="_self"><font face="Arial"

color="#0F1167"><small>ANASAYFA</small></font></a>

<a href="../ANASAYFA.html" target="_self"><img src="GRAFIKLER/BUTTON.gif" width="150"

height="40" alt="BUTTON.gif "></a>

 

 

Yukarıda grafikte gördüğünüz gibi örüyorsunuz TARGET FRAME kısmında bir kalem görüyorsunuz, bu kutucuğa tıkladığınızda SAME FRAME-WHOLE PAGE-NEW WINDOWS-PARENT FRAME seçeneklerinin bulunduğu bir kutu açılacaktır. Buradaki seçenekler linke ettiğiniz sayfanın nerede açılacağını yani yeni bir pencerede mi yoksa sayfanın bire bir üzerinde ( vs) açılacağını belirleyebilirsiniz. Bunları deniyerek uygulayın. Frameli sayfaları anlatırken konuya ayrıntılı değineceğim.

 

 

E-MAIL BAĞLAMA

 

Şimdide bir yazıya yada buttona e-mail bağlıyalım. Herzaman olduğu gibi mail vermek istediğiniz yazıyı yada buttonu seçin sonra Araç çubuklarından link ikonuna basın yada INSERT menüsünden HYPERLINK'e tıklayın. Bu işlemden sonra yukardaki grafikte gördüğünüz pencere açılacaktır. Burada URL yazan kısmın en sağındaki ikonlardan zarfa tıklayın küçük bir kutu açılacaktır oraya mailinizi yazın (örnek zcengiz@bir.net.tr) ve sonrada okeye basın  ve işleminiz  tamamlandı.

Hasan Yaşar'a mail

Aşağıda konunu kodunu yazıyorum dileyen yazarakda aynı işlemi yapabilir.

<a href="mailto:ejder@ejder.com"><font face="Arial"

color="#0F1167" size="2">Hasan Yaşar'a mail</font></a>

Fontlar

 

Frontpage 98'de fontların kullanımı çok kolay ve Word'de olduğu gibi çeşitlidir. Yani ister menüden ister araç çubuğundan kullanabilirsiniz. Örnek olarak bir dokumanımızın bir paragrafın fontunu değiştirmek istiyoruz ve VERDANA kullanacağız. Verdana fontuna çevireceğiniz metni fare ile seçiyorsunuz sonra font kutusuna v harfini yazıyorsunuz v harfiyle başlıyan fontlar geliyor buradan Verdana seçiyorsunuz. Yazının sizesini büyütmek istiyorsanız araç çubuklarındak   büyük "A"  yazan araç çubuğuna tıklıyorsunuz. Fontu küçültmek istiyorsanız küçük "A" yazılı araç çubuğuna, yazıyı bold (koyu) yapmak istiyorsanız "B" araç çubuğuna, italik (yatık) yapmak istiyorsanız sağa yatık "I" araç çubuğuna, Underline (altıçizili) yapmak istiyorsanız "U" araç çubuğuna basmanız yeterlidir. Ayrıca FORMAT/FONT menüsünu kullanarak veya fareyi sağ tıklayarak daha detaya inebilirsiniz.

 

Şimdide HTML dilinde konunun kodları üzerinde duralım. Kullanılan tag &ltFONT> 'dur, genel kullanımı şöyledir:

&ltFONT SIZE="x" FACE="[isim] COLOR="#XXXXXX">

SIZE değişkeni metnin büyüklüğünü ayarlar, bu değişkene -1, +2 gibi değerler verilerek metnin puntosunun bir eksiltilmesini veya iki arttırılmasın sağlanabilir. Direkt olarak  rakam yazarak  puntoyu belirleyebilirsiniz. HTML sayfalarında SIZE değişkenine verebileceğiniz en büyük değer 5'tir. 5'ten sonra vereceğiniz her değer siz 5 değeri vermişsiniz gibi bir işlem görecektir.

Öneri:

Sayfalarınızda çok büyük yazı tipleri kullanmayın. Büyük puntolu yazılar sayfanızın okunmasını zorlaştırdığı gibi görünümünüde bozar.

FACE takısını tüm web tarayıcıları desteklemese de bu takı kullanılarak sayfada resim kullanmadan oldukça güzel görüntüler elde edilebilir. Örneğin FACE="Arial Tur" takısı kullanıldığında yazı tipi Türkçe Arial olacaktır. FACE değerine Türkçe desteği olmayan "Comic Sans Ms" gibi yazıtipleri verilmemelidir, verilirse bazı Türkçe karakterler bozuk olarak görülecektir.

COLOR takısı yazıtipinin rengini ayarlamakta kullanılmaktadır.

<FONT>  </FONT> unutma her açılan tag mutlaka kapatılmalı. 

 

RENKLER

Frontpage 98'de azdığınız yazıların rengini nasıl belirleyeceğinizede kısaca değinelim: Yazınızı yazın daha sonrada renk uygulayacağınız kısmını seçin, araç çubuklarında altında küçük A yazan palet ikonuna tıklayın, burada Windows-9x' de defauld olarak kullanılan paletiniz karşınızda, oradan dilediğiniz rengi seçin ve TAMAM'ı tıklayın. Eğer aradığını renk yoksa paletin altındaki "ÖZEL RENK TANIMLA" buttonua tıklayın ve orada dilediğiniz rengi seçin veya o rengin RGB modunda değerini girin. Renk konusunda sitede ayrıntılı bilgi verdim bu bölümü incelemeden renk kodlarıyla uğraşmamanızı öneriyorum. Örnek renkler

DENEME   DENEME DENEME DENEME

 

öneri:tasarımlarda ARIAL-VERDANA-TAHOMA fontlarını kullanmanızı öneririm.

Resim Dosyaları

 

  Web dünyasının en önemli öğelerinden birine, resimler. HTML dilinde her şey çok kolay olduğu gibi sayfalara resim yerleştirmek de çok kolaydır. Resimler sayfa içerisinde metne göre sağa, sola, aşağı ve yukarı doğru yerleştirilebilirler, ayrıca boyutları sadece belirli değerler değiştirilerek ayarlayabilirsiniz. Dokümanın herhangi bir yerine bir resim yerleştirmek için en sade haliyle &ltIMG SRC="RESIM.GIF"> tag'ını kullanabilirsiniz. Bu tag'ı kullandığınızda resim hiç bir yere yaslanmayacak, boyutu ayarlanmayacak, metin olarak bir alternatifi olmayacaktır. Yukarda da belirttiğimiz gibi resimleri kullanırken bir çok seçeneğiniz var, bu seçenekler sayfanın görünümünde kuşkusuz büyük rol oynayacaktır. Seçeneklerden birincisi Internet erişiminin yavaş olduğunu bildiğimiz ülkemizde sayfalarınızı görüntüleyecek olan kişilere biraz yardımcı olmak en azından resim yüklenene kadar kullanıcının meraklarını gidermek için kullanılabilir, bahsettiğimiz takı "ALT" tır. &ltIMG SRC="RESIM.GIF" ALT="başlık"> satırını yazdığınızda web tarayıcınız RESIM.GIF adlı resmi yüklenmeden önce resmin yerine "başlık" metnini girecektir, böylece kullanıcı resmi görmeden ne olduğunu bilecek ve anında STOP tuşuna basabilecektir. Frontpagede böyle bir işleme hiç gerek yoktur. Eger resimlerinize uygun bir isim verirseniz, resim yüklenmeden önce o alanda ismi belirecektir.Seçeneklerden biri de resmin ekranda görünecek boyutlarını ayarlamak için kullanılır bu takı HEIGHT ve WIDTH'tir. Bu takılar bir arada kullanılmalıdır, tek başına kullanıldığında web tarayıcısı takıyı göz ardı edecektir. &ltIMG SRC="RESIM.GIF" WIDTH=100 HEIGHT=50> satırını yazdığınızda RESIM.GIF isimli resmin boyutu ne olursa olsun 50 piksel yüksekliğe ve 100 piksel genişliğine getirilerek ekranda gösterilecektir. Resim gösterirken işinize yarayacak diğer bir seçenek ise BORDER'dır.  Başka bir URL'ye kısayol yaratıldığında kısayolun ismi bir alt çizgi ile belirlenir, bu işlem resimlerde resmin mavi bir çerçeve içerisine alınmasıyla belirtilir, Eğer bir resmi başka bir sayfaya kısayol olarak kullanacaksanız ve çerçevenin görünmesini istemiyorsanız BORDER=0 ifadesini kullanmalısınız.Resimleri kullanırken dikkat etmeniz gerekenlerHer zaman resimlerin boyutunu küçük, miktarını az tutun. Eğer büyük resimler kullanacaksanız, (büyük resim derken ekranı kaplayacak kadar büyük değil), bunları JPEG formatına çevirmenizi ve kalitesini düşürmenizi tavsiye ederiz. JPEG resimler her zaman GIF'lerden daha az yer kaplarlar, bu yüzden daha hızlı yüklenirler. Resimlere her zaman ALT tag'ını kullanarak alternatif metinler verin, Internet'i kullananların her zaman resim görüntüleyebilecek, browser'ı olan makineler olduğunu varsaymayın. Eğer resimlere alternatif metinler verirseniz terminal ekranı kullanan kullanıcılarda bilgiye erişebilirler.GIF'leri kullanırken "Interlaced" haline getirin, bu tip GIF'ler kademe kademe yüklenir ve yavaş yavaş netleşerek resmi daha hızlı yükleniyormuş gibi gösterir.

RESIM DOSYALARI

 

Web sayfaların olmaz sa olmazı resim dosyalarıdır. Webde en çok kullanılan 2 adet resim  formatı vardır JPEG ve GIF

Acaba bu iki formattan hangisini kullanmalıyız ?

JPEG formatı GIF formatına göre daha fazla sıkıştırılmış dosyalardır o nedenle dosya boyutu aynı görünümdeki GIF formatına göre daha az yer tutar . Dolayısıyle daha avantajlı gibi görünsede bazı dezavantajları vardır.  GIF dosyaları sayfa üzerinde JPEG dosyalarından daha keskin ve canlı görünürler, bunun sebebi JPEG formatının " kayıplı"' bir grafik formatı olmasıdır (sıkıştırılmasından dolayı).  JPEG dosyaları sade beyaz alanlarda yüksek renk çözünürlüğünde görülmeyen fakat 256 renkte göze batan küçük noktacıkların oluşmasına neden olur. JPEG formatı, daha çok büyük ve az bir beyaz alana sahip grafik dosyaları üzerine uygulanmalıdır.

Dosya boyutunuz 20 K'nın üzerinde ise siz JPEG, altında ise GIF formatı kullanın.

 

FRONTPAGE-98 DE GRAFIK EKLEMEK

FrontPage-98'de  sayfanıza grafik eklemek için . Menüden INSERT/IMAGE'e basın. Açılan diyalog kutusunda, eğer imaj dosyanızı (GIF, JPG) çalıştıgınız folder altında herhangi bir yere kaydettiyseniz LOK IN yazan kutudan dosyaya ulaşarak import edebilirsiniz;  bu dosyalar çalıştığınız dizinin dışında veya NET'de ki bir yerden alacaksanız URL yazan yerdeki 2 adet buton var bu buttonları tıklayarak oradan ilgili imaj dosyasını sayfanıza ekleyebilirsiniz.   İmaj dosyanızı sabit diskinizden import ediyorsanız çalışmakta olduğunuz web sayfanızda uygun yere kaydetmeyi unutmayın, program size zaten bunu soracaktır.   Eğer kaydetmezseni ne olur ? sayfanızı prewiew yaptığınız zaman o   dosyaların yerleştirildiği yerde birer "X" görürsünüz, bu surprizle karşılaşmak istemezsiniz dimi :)

Eğer bu resim dosyalarınıza çerçeve eklemek istiyorsanız (aşağıda örneğini görüyorsunuz)

Resme sağ tıklayın IMAGE PROPERTIES'i seçin   STLY buttonuna basın oradan da BORDER'u seçin. çerçeve ile ilgili seçenekleri işaretleyin.

Hover Buton-I

 

Bu bölümde aşağıda örneklerini sunduğum HOVER BUTTONLARIN  nasıl oluşturulduğunu öğreneceğiz.

 

INSERT/ACTIVE ELEMENTS/HOVER BUTTON' a basın. Açılan diyalog kutusu veya pencerden BUTTON TEXT yazan yere buttonun ismini yazın. Ben DENEME yazdım. LINK TO bölümüne bu butona link vereceğiniz sayfayı yazmalısınız. Eğer sayfanızın konumunu biliyorsanız direkt yazabilirsiniz. Bilmiyorsanız BROWSE buttonuna tıklayarak istediğiniz dosyayı seçebilirsini ben ANASAYFA.htm'yi seçtim. Butonum aşağıdaki görünümde oluştu.

 

Gelin şimdi bu buton üzerinde çalışalım. Butonumuzun genişliğini ve yüksekliğini arttıralım. WIDTH (genişlik) kutusunu değeri 160,  HEIGHT (Yükseklik) ise 28 yaptım.

Font düğmesine basarak buttonun yazısının fontunu ve sizesini değiştirdim. Şimdide buttonun rengini yeşil yapacağım Bunun için button üzerine çift tıklayın Sonra BUTTON COLOR kısmından yeşili seçtim. Efect bölümünden GLOW'u  EFECT COLOR bölümünden de maviyi seçtim. Button aşağıdaki görünüme büründü

Diğer alternatifleri denerseniz alacağınız sonuçlar aşağıdadır.

DİKKAT: Bu buttonlar birer JAVA uygulamasıdır. O nedenle bunları WEB'de çalıştırabilmeniz için ilgili CLASS dosyasını serverinize UPLOAD etmelisiniz. Bu dosya FronPage dizinizn altındaki _FPCLASS dizininin altındadır.

 

NOT:Hover buttonlarla ilgili sorunlarınız için Sıkca Sorulan Sorular (SSS) bölümüne bakınız

Hover Buton-II

Ben bu frontpage'nin defauld buttonlarını beğenmiyorum kendi buttonlarımı eklemek istiyorum diyorsanız önce butonlarınızı herhangi bir grafik editöründe oluşturun daha sonra aşağıdaki adımları izleyin. INSERT/ACTIVE ELEMENTS/HOWER BUTTON' a basın. Açılan diyalog kutusu veya pencerden BUTTON TEXT yazzısını silin. (buttonlarınızın üzerine yazı yazdıysanız tabi).  LINK TO bölümüne bu butona link vereceğiniz sayfayı yazmalısınız. Eğer sayfanızın konumunu biliyorsanız direkt yazabilirsiniz. Bilmiyorsanız BROWSE buttonuna tıklayarak istediğiniz dosyayı seçebilirsini ben ANASAYFA.htm'yi seçtim.  CUSTOM  buttonuna basın. Açılan diyalog kutusunda   COUSTOM IMAGE kısmından BROWSER'i seçerek önceden hazırladığınız buttonlardan istediğinizi seçin benim seçimim aşagıdadır.

Ancak ben EFECT COLOR'u değiştiriyorum çünki beğenmedim. Bakın seçtiğim renk. Ayrıca değişik efektler kullandım (EFECT kutucuğundan tabi)

Şimdide iki button kullanalaım dilerseniz. Button üzerine çift tıklayın a basın. Açılan diyalog kutusunda  COUSTOM IMAGE kısmından BROWSER'i seçerek önceden hazırladığınız buttonlardan istediğinizi seçin. Sonra ON HOVER kısmında BROWSERE basarak ikinci buttonu import edin OK' basın. Örnek aşağıda. Eğer butonların efectlerine ses eklemek istiyorsanız. PLAY SOUND bölümünden yapabilirsiniz

DİKKAT: Bu buttonlar birer JAVA uygulamasıdır. O nedenle bunları WEB'de çalıştırabilmeniz için ilgili CLASS dosyasını serverinize UPLOAD etmelisiniz. Bu dosya FronPage dizinizn altındaki _FPCLASS dizininin altındadır.

 

NOT:Hover buttonlarla ilgili sorunlarınız için Sıkca Sorulan Sorular (SSS) bölümüne bakınız..

Kayan Yazılar

FRONTPAGE-98'de KAYAN YAZI oluşturmak için aşağıdaki aşamaları takip ediniz. HTML literatüründe MARQUEE tagı denem bu olayı Netscape desteklemiyordu, ancak son surümleri sanırım destekliyor. Explorer 2.0 ve sonraki  versiyonlarının tümü yorumlayabiliyor. 

Bu kayan yazıyı oluşturmak için:

Menüden INSERT komutunu çalıştırın sonra ACTIVE ELEMENTS/MARQUEE' seçin. MARQUEE PROPERTIES başlığı altına bir menü açılacaktır. TEXT yazan kısma kaydırmak istediğiniz yazıyı yazın . Okey derseniz görünüm aşağıdaki gibi olacaktır.

DENEME DENEME DENEMEME

Gelin şimdi bu yazıyı biraz süsleyelim.  Yazı üzerine çift tıklayın. Açılan pencerede BACKGROUND COLOR kutucuğundan istediğiniz rengi seçin. Benim seçimim aşağıda.

DENEME DENEME DENEMEME

Şimdi background için kullandığım renkte çerçeve ekleyeceğim. Bunun için yine yazı üzerine çift tıklayın. Açılan pencereden STLY dugmesini seçin. Sonra BORDERS'i seçin. STLY başlığı altındaki 4 kutuyuda istediğiniz sitilde işaretleyin. Ben OUTSET'i seçtim. COLOR  başlığı altındaki kutucukları da dilediğiniz rengle doldurun. Ben yeşi'i seçtim. Çerçevenin kalınlığını ise WDIH  başlığı altından seçeceksiniz. Ben buradan 5 pixsel seçtim. Okeye basın. Kayan yazımızın son şekli aşağıdaki gibi olsun.

DENEME DENEME DENEMEME

Yanlız kayan yazımızın hızı çok yüksek biraz düşürmemiz gerekir. Bunu yapmak için yine yazı üzerine çift tıklayın açılan pencerede AMOUNT kutucuğundaki değeri küçültün ben 2 yaptıktan sonra aşağıdaki gibi oldu.

DENEME DENEME DENEMEME

BEHAVIOR başlığı altındaki SLIDE radyo düğmesini işaretlerseniz yazımız aşağıdaki gibi olacaktır.

DENEME DENEME DENEMEME

BEHAVIOR başlığı altındaki ALTERNATE radyo düğmesini işaretlerseniz yazımız aşağıdaki gibi olacaktır.

DENEME DENEME DENEMEME

DIRECTION başlığı altındaki RIGTH (sağ) radyo düğmesini işaretlerseniz yazılar yönü şöyle olacaktır.

DENEME DENEME DENEMEME

 

Şimdide kayan yazımızın kodlarını aşağıda verelim.

 

<p align="center"><font color="#008000"><marquee border="1"

style="border: 5px outset rgb(0,128,0)" scrollamount="2" bgcolor="#F5CB07" width="278"

height="16" behavior="alternate" direction="right">DENEME DENEME DENEMEME</marquee></font></p>

 

Diğer alternatifleride siz deneyin olmaz mı ?

 

KODLARIN AÇIKLAMASI

BEHAVIOR: Metnin ekranda nasıl hareket edeceğini belirtir. Değer olarak SCROLL, SLIDE, ALTERNATE'den birini alır.  Ek kullanılmadığında SCROLL değeri varsayılan olarak kabul edilir ve yazı, sınırın bir köşesinden belirerek diğer köşeden kayarak kaybolur. SLIDE eki ise yazının bir köşeden başlayarak diğer köşede donmasını sağlar. Metnin iki köşe arasında gidip gelmesi ise ALTERNATE ekiyle gerçekleştirilebilir.

BGCOLOR: Kayan yazının arkasındaki rengi belirler. " renk" değeri 16'lık sayı düzeninde (hexidecimal)  bir değer olabileceği gibi ' red' ,' blue' gibi renk isimlerinden biri de olabilir.

DIRECTION: Yazının kayma yönünü belirler.  LEFT veya RIGHT değerlerinden birini almalıdır. LEFT değeri yazının soldan sağa doğru kaymasını, RIGHT ise bunun tersini sağlar.

HEIGHT: Kayan yazının sınırlarından ' yüksekliği' sağlar. N değeri sabit bir piksel sayısı olduğu gibi aynı zamanda bir pencere oranı olabilir. Oran değeri % işareti ile belirtilmelidir.

SCROLLAMOUNT: Kayan yazının bir defada kaç piksel hareket edeceğini yani hızını belirler.

Hareketli Banner

 

Bu bölümde aşağıda örneğini sunulan BANNERE'nasıl efect verildiğini anlatılacaktır. Yanlız siz önceden enaz 2 adet banner hazırlamanız gerekmektedir.

 

 

INSERT/ACTIVE ELEMENTS/BANNER AD MANAGER 'e basın . Açılan diyalog kutusu veya pencerden WIDTH, HEIGT BOLUMLERINE efect vereceğiniz bannerlerinizin ölçüsünü girin. Benim bannerlerim 400x60'dır. Sonra LINK TO kısmına bannere bağlamanız gereken sayfanın veya sitenin adresini yazın. (örneğin   "http://www.ejder.com/).   IMAGES TO DISPLAY kısmında ADD düğmesine basın  daha önceden hazırladığınız bannerleri soldaki kutuya ekleyin. Yanlış bir banner getirdiyseniz REMOVE buttonu ile silebilirsiniz.  EFECT bölümünden bir efect seçin. SHOW EACH IMAGE FOR (seconds) kutucuğuna ise bannerinizin kaç saniyede değişmesini istiyorsanız onu yazın . Aşağıda değişik efectlerle yazılmış bannerleri görüyorsunuz

BLIND VERTICAL

DISSOLVE

BOX IN

 

BOX OUT

Tablolar

 

Web'de etkili sayfa yapmanın en geçerli yollarından biriside tablolardır. EjdeR.Com'un ana sayfasının tasarımını tamamen tablo kullanarak gerçekleştirdim. Yine bu sitemdede yoğun olarak tablo kullandım. O nedenle tablolar üzerinde ayrıntılı olarak durmanızı öneririm.

Frontpage 98'de tablo oluşturmak çok kolay eğer Microsoft Word kullandıysanız tablo oluşturmakta pek güçlük çekmeyeceksiniz.

Frontpage 98'de üç şekilde tablo oluşturabilirsiniz. Birincisi Menüdeki TABLE komutuna tıklatarak doğrudan tablo veya satır yada sütun çizebilirsiniz. İkinci yöntem araç çubuğunda bulunan kalemi (Draw table) kullanarak global tablolar çizebilirsiniz. Üçüncü olarakta araç çubuğunda bulunan tablo düğmesine tıklayarak aynen Word'de olduğu gibi satır ve sutun sayılarını kendiniz fareyle belirleyerek seçebilirsiniz. Ben size bu yöntemi öneririm.

Aşağıdaki tek satırlı üç sutunlu tabloyu bu yöntemle çizdim

 

 

 

eğer satır sayısını arttırmak istiyorsanız son hücreye giderek TAB tuşuna basmanız yeterlidir. Aşağıdaki tabloyu bu şekilde oluşturdum

 

 

 

 

 

 

Tabloya sütun eklmek istiyorsanız, eklemek istediğiniz sutunu seçip fare ile sağ tılyın açılan menüden INSERT COLUM'u seçin, seçtiğiniz sutunun hemen yanına yeni bir sütun eklenecektir. Aynı şeklde satırı seçerseniz bu kez INSERT ROW komutu belirecektir onu tıklarsanız bu kez satır eklenecektir.

Number of Columns veya Rows'u kutucuğuna gireceğiniz sayı kadar o hücreyi bölebilirsiniz.

Aynı işlemleri   Menüdeki TABLE komutundan da yapabilirsiniz.

Aşağıdaki görülen tabloyu şu şekilde oluştursum: Araç çubuğundaki kalemi (Drawe Tablo)  seçerek ikiye böleceğim hücre üzerinde uygun bir yerinden aşağıya çizdim. Hemen hatırlatalım bu kalemle glabol tablolar oluşturabilirsiniz.

 

 

 

 

 

 

 

 

 

 

Aşağıdaki tabloyu şu şekilde oluşturdum; ortadaki sütunu seçtim. Daha sonra sağ tıkladım açılan menüden MERGE CELL'i seçtim. Ortadaki sütunun tüm hücrelerini birleştirmiş oldum.

 

 

 

 

 

 

 

 

 

 

Görüldüğü gibi tablolarımız çerçeveli, herbir hücreye bir resim yerleştireceğimizi var sayarsak, bu durum sayfalarımızda çirkin bir görünüm oluşturur. Bu durumu ortadan kaldırmak için tablo içeririnde herhangi bir yere sağ tıklayın. Açılan menüden TABLE PROPERTIES'i seçin. Önünüze gelen diyalog kutusundan LAYOUT başlığı altında bulunan BORDER SIZE, CELL PADDING , CELL SPACING  kutucuklarındaki değerleri   0 (sıfır yapın) AÇIKLAMA KISMINA BAK

 

 

 

 

 

 

 

Fazla bilgi göz çıkarmaz.

Tablolar, HTML dilinde burada gösterilen taglarla oluşturulur.
<TR>,<TD>,<TH>  <TABLE...> tag'ının genel kullanımı şöyledir:

<TABLE BORDER=X CELLPADDING=X CELLSPACING=X WIDTH=[% veya X] HEIGHT=[% veya X] BGCOLOR=X BACKGROUND="X">

BORDER değişkenine verilecek 0 veya daha üstü bir değer tablonun kalınlığını belirler.

CELLPADDING değişkenine verilebilecek herhangi bir sayı, tablonun sınırları ile tablo içeriği arasındaki mesafeyi,

 

CELLSPACING ise hücreler arasındaki mesafeyi belirler.


WIDTH ve HEIGHT değişkenleri bir yüzde değeri veya bir sayı olabilir.

 

WIDTH=590 değeri verildiğinde 640*480 çözünürlükte ekranın tüm genişliğini kaplayacak bir tablo oluşturulur.

 

WIDTH=%50 değerini verildiğinizde ise Web tarayıcınız o tablonun her zaman ekran genişliğinin yarısını kaplamasını sağlar.


<TABLE> tag'ının içerisinde kullanılan BGCOLOR değişkeni tablonun fon rengini tayin eder. X değeri geçen aylarda değindiğimiz HEX kodlarından (#FFFF00) veya renk isimlerinden (white, olive...) biri olmalıdır.

 

Tablonuz daha canlı ve profesyonel görünsün istiyorsanız, arka fonuna bir GIF veya JPG resmini de BACKGROUND ekini kullanarak döşetebilirsiniz. (Konu FP98'de nasıl yapılacağı diğer bölümlerde anlatılacaktır)

 

 

Tablonun oluşturulması:

Yaygın alışkanlık şöyledir: <TABLE> tag'ıyla tabloya başladıktan sonra her satırı oluşturmak için <TR>, her sütunu oluşturmak için ise <TD> tag'ını kullanmalısınız. Aman bu tagları kullanıyorsanız her satırın sonuna </TR> ve her sütunun sonuna </TD> tag'larının koymayı unutmayın!

Diğer bir durum da, herhangi bir hücrenin yanındaki iki ya da daha çok hücreyi enine ya da boyuna doğru içine almasıdır ki bu işlemi yapmak için <TD [COLSPAN=X, ROWSPAN=X]> veya <TR [COLSPAN=X, ROWSPAN=X]> ekleri kullanılır. Örneğin 2 satır ve 2 sütunlu 1.tablonun oluşturulması için aşağıdaki kodlara ihtiyaç vardır, bu kodlar aynı zamanda COLSPAN ve ROWSPAN eklerini de anlatmaktadır.

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=3>
<!---Bu kodlarla, çerçeve kalınlığı 1, hücreler arası boşluğu 2, hücre ile yazı aralığı 3 olan yeni bir tablo oluşturuyoruz.--->
<TR><TH COLSPAN=2> <!---iki kolonu içine alacak, yazılar kalın olacak ve ortalanacak (yani başlık olacak) --->

Örnek Tablo Kodları:

</TR></TD><TR><TD>
ORNEK1
</TD><TD> <!-- YENI KOLON -->
ORNEK2
</TR></TD><TR><TD>
ORNEK3
</TD><TD> <!-- YENİ KOLON -->
ORNEK4
</TD></TR></TABLE> <!-- TUM TAGLAR KAPATILIP TABLO SONLANDIRILIYOR. -->

Eğer renkli tablolar elde etmek isteseydik <TABLE .... ifadesinin yanına BGCOLOR="#FFFF80", <TD.. ifadesinin yanına ise BGCOLOR="#000080" eklerini girmeniz gerekecekti.

AÇIKLAMA

 

1-Aligment:Tablonuzu sayfanın sağına, soluna yanaşık veya ortalatmanızı sağlar

2-Buradaki değerler tablonuzun defaul olarak kenar çizgileridir. Sıfır yaparsanız sayfa çizgileriniz web sayfalarında görünmez. Genel olarak yapılan budur.

3-Tablonuzun arkaplan rengini ve imaj dosyasını buradan belirleyebilirsiniz.

4-Tablonuzun çizgi renklerini belirleyebilirsiniz.

5-Buradan ise tablonuzun ebatlarıyla oynayabilirsiniz. Yani dilerseniz tablonuzu çok küçültebilirsiniz.

Tablo Çerçeveleri

 

Tabloyu nasıl oluşturacağınızı öğrendiniz , şimdi gelin biraz show yapalım. Önce tablomuzun bazı hücrelerine çerçeve ekleyelim.  2X2 lik bir tablo oluşturalım. Sonra ilk hücresine sarı renkte bir çerçeve ekleyelim. İmlec hücre içerisindeyken sağ tıklayın, açılan menüden CELL PROPERTIES'i seçin Sonra STLY'i seçin açılan diyalog kutusundan BORDER'i seçin. STLY başlığı altındaki kutucukları OUTSET' i seçin. Color kutucuklarına istediğiniz rengi seçin, benim seçimim aşağıda. WITDH kutucuğundan ise 5 pikseli yada sizce uygun olanı seçin. Sonuç aşağıda

Deneme

 

Deneme

 

Şimdi de hücreyi bir renkle dolduralım (arkaplan). Arkaplan rengini değiştireceğiniz hücredeyken sağ tıklayın CELL PROPERTIES'i seçin. Açılan diyalog kutusundan STLY buttonuna tıklayın açılan diyalog kutusundan COLOR'u tıklayın. Açılan diyalog kutusundan  BACKGROUND COLOR kısmındaki rengi istediğiniz bir renk yapın benim seçimim aşağıda.

 

 

 

 

Burada da sayfalara koyduğumuz bir arkaplan resmini hücreye yerleştirelim. Arkaplan resmi ekleyeceğiniz hücredeyken sağ tıklayın CELL PROPERTIES'i seçin. Açılan diyalog kutusundan STLY buttonuna tıklayın açılan diyalog kutusundan BACKGROUND IMAGE'in karşısındaki BROWSER buttonuna basın ilgili imaj dosyasını seçin OK basın. Örnek aşağıdadır. En alttaki örnekte ise tablonun tümüne konulmuş bir arkaplan örneği görüyorsunuz.

 

 

 

 

 

 

 

 

 

 

NOT:Frontpage-98'in tablo çerçevelerini netscape'nin desteklemediğini anımsatırım

Tabloların Önemi

 

Tabloyu nasıl oluşturacağınızı öğrendik , tablolarla çalışmak göründüğü kadar kolay olmadığını hemen burda belirtmeliym, ancak bu sizi sakın korkutmasın size aşağıda konunun kendimce püfleri olarak belirlediğim hususları anlatacağım, sanırım o zaman işleriniz biraz daha kolaylaşacak.

Surf yaparken bazı acemi sitelere raslarsınız, yazıların, resimlerin gelişigüzel sağa sola dağıldığını ve göze hoş gelmeyen bir görünüm sergilediklerini görürsünüz. Ama kimi siteler vardır ki herşey yerli yerince serpiştirilmiş,  yerleşimi, renk uyumu mükemmel ve sizden tam puan almıştır.

O siteleri diskinize  indirin şunu göreceksiniz ;site tamamen tablo içerisinde tasarlanmıştır. 

O halde daha öncede söylediğim gibi önce sitenizin planını yapıcaksınız, nereye ne koyacağınızı belirliyeceksiniz daha sonra, tablonuzu ona göre oluşturacaksınız. Gelin Konuyu bir örnekle açıklayalım.

Buradaki örnekte tablom biraz küçük olucak. Planlama sonucunda üç sütunlu bir tablom olucak, tablomun sol tarafına buttonları en sağ tarafa önemli linkler orta sütunada bazı açıklamalar yapacağım. Yanlız bir sorunum var 14,15,17 inç monitörlerde sayfam nasıl görünecek acaba, bunu bilmiyorum. Bu sorun değil tablolarımı percent (%) cinsinden değilde Pixel cinsinden oluşturusam sorunum çözümlenir. (Tasarımcı adayları  burası  çok önemli) Hernayse Devam edelim sol tarafa koyacağım buttonlar boyutu 100x25 olduğuna göre sol sütunun genişliği demekki 100 pixel olacak en sağ sütuna linkler koyacağıma göre 150 pixellik bir kolon yeterli. Ortadaki sütuna ise 200 pixellik bir sutun sanırım açıklamaya yeterli. Şimdi toplam tablomun genişliği ne oldu hesaplayalım: 100+200+150=450 pixel oldu. E haydi başlıyalım.

 

 

 

Yukarıda gördüğünüz gibi tablomuzu oluşturduk hemen yerleştirme yapmaya başlıyalım mı? hayır daha sütünların genişliğini ayarlamamız gerekir. Her hücrenin genişliğini ayarlamamız gerek. Aşağıda tabloyu yerleştirilmiş şekliyle görüyorsunuz.

Web tasarımında ne kadar fazla uygulama yaparsanız beceriniz o oranda artacaktır

·  link1

·  link2

 

·  link3

 

·  link4

 

·  link5

 

·  link6

 

·  link7

Bilginin efendisi olmak için çalışmanın kölesi olmak gerek

·  link8

Evet mini sitemizin ilk sayfası kaba hatlarıyla hazır

Yardım Balonu

 

Aşağıda kodu kullanarak sayfalarınızdaki kısayolların içeri hakkında konuklarınıza bilgi verebilirsiniz. Kısayollar ile birlikte TITLE=" " komutunu kullanarak kullanıcının kısayol üzerinde iki saniye durduğunda bir yardım balon ile kısayol hakkında daha geniş bilgi almasını sağlayabilirsiniz. Resim, yazı ve tıklanabilir harita gibi tüm kısayol tiplerinde kullanabileceğiniz bu özellik sayesinde konuklarınızı daha fazla bilgilendirirsiniz. örnekler üzerinde fareyi gezdirir misiniz.

 

<a href="http://www.ejder.com/" title="Size Yeter!">EjdeR.Com</a>

EjdeR.Com

Flashçıların buluşma yeri.

 

Şimdide dilerseniz Yardım Balonu Frontpage-98'de nasıl yapacağımızı görelim. Aşağıda örneğini gördüğünüz button üzerine farenizi getirmeniz halinde logo.gif (3988 bytes) yazan bir balon açılacak. Oysa bu pek hoş görünen bişi değil

logo.gif (3810 bytes)

Aşağıda ise EjdeR.Com ANASAYFAYA GİDER  mesajını alacaksınız, sözü hiç uzatmadan yapacağınız işleme gelelim. Resim Dosyasını fare ile seçip sağ tıklıyorsunuz açılan kestirme menüden IMAGE PROPERTIES'e tıklıyor ve yine açılan pencereden TEXT kutucuğunun içersine dilediğinizi yazıyorsunuz ve TAMAM tuşuna basıyorsunuz. İşlem tamam.

Fon Müziği

 

Frontpage 98'de sayfalarınıza fon müziği koymak için önceden bir müzik dosyası hazırlamanız gerekmektedir. Hemen anımsatalım fon müziği sayfanızın açılma hızını yavaşlatır. Fon müziği koymak için sayfa içindeyken sağ tıklayın açılan kestirme menüden PAGE PROPERTIES'i seçin açılan pencereden BACKGROUND SOUND başlığı altında önceden hazırladığınız ses dosyasını import edin, LOOP kutucuğuna ise fon müziğinin ne kadar tekrarlanmasını istiyorsanız o kadar bir rakam girin  OK'ye daha sonrada TAMAM'a basın ve sayfayı kaydedin. Sayfanızın fon müziği hazır.

Uyarı:Sitenizi publish ederken ses dosyanızı servere göndermeyi unutmayın.

Link Çizgisi

 

LINKLERIN ÇİZGİLERİNİ KALDIRMAK
Bu çizgiler göze hoş gelmeyeceğinden kaldırılması istenebilir. O nedenle şimdi bu çizgilerin nasıl kaldırılacağını anlatmaya çalışacağım. Önce yazının çizgisini kaldıralım. Linki fare ile seçili hale getirin sonra ağ tıklayın açılan kestirme menüden HYPERLINK PROPERTIESI seçin  açılan kutudan STYLE buttonuna tıklayın oradan TEXT kulakçığına tıklayın  DECORATION kutucuğunau NONE yapın ve okeyi tıklayın  işlem tamam. Şimdide buttonu yapalım buttonu seçin sağ tıklayın açılan kestirme menüden IMAGE PROPERTIES'i seçin daha sonra açılan kutudan APPEARANCE'ye tıklayın sonrada BORDER THICKNESS kutucuğuna 0 (sıfır ) yazın ok tıklayın işlem tamam.

 

Internet Kısayollarına LINK veya shortcut denildiğini biliyorsunuz. LINK'ler nette en çok kullanılan özelliklerden biridir. Kısayollar net üzerinde herhangi bir sunucuda bulunan bir dosyayla bağlantı kurmaktır. Diğer yandan LINKLER e-posta göndermek, Telnet bağlantısı kurmak gibi değişik amaçlara yönelik olarak kullanılabilir.

FP-98'de çoğunlukla kod yazmanıza gerek olmadığını biliyorsunuz. Ancak kod yazmanın çok avantajları var o nedenle burada yeri geldikce HTML kodlarına değineceğiz. Herhangi bir sayfaya link vermeniz için kod olarak aşağıdaki kodu kullanmalısınız.

r<a href=" http://www.ejder.com" >EjdeR.Com</a>

Yukarıda örnek kodunu yazdığım satır sayfanızda EjdeR.Com olarak görünecek ve üzerine tıklamanız halinde sizi ilgili linke götürecektir
<a href=" mailto:ejder@ejder.com">Banamail</a>

Yukarıda sunduğum örnek ise ilgili adrese mail göndermek için yazılmış bir koddur. Burada yapılması gereken şeylerden birisi mailto: takısıdır.

FTP ve gopher servislerini çağırmak içinde aynı mantık kullanılır yani ftp:// gibi.

Bazen image dosyaları (resim) Internet kısayolu olarak kullanılabiliyor. ' Bunu yapmanız için aşaıdaki kodu yazmanız yeterlidir.

<a href="http://www.ejder.com/" ><img src="ejder.gif" alt=" EjdeR.Com Logo " ></a>

<a href="http://www.ejder.com/" ><img src="ejder.gif" border=0></a>

Yukarıda kodda dikkat ettiyseniz borde=0   takısını kullandım. Bunu; ejder.gif adlı image dosyasına verdiğim linkten dolayı etrafı mavi bir çerçeve ile kaplandı, işte bu çerçeveyi kaldırmak için kullandım.

Bir kısayol oluşturduktan sonra kesinlikle linki kontrol edin. Zira hata yapma riskiniz yüksektir

Serverinize  FTP yazılımı ile dosya upload ediyorsunuz. Eğer dosyanız çok büyükse bunun kısayolu ile ilgili dosyayı upload işlemi bittikten sonra gönderin. Kısayolla ilgili dosyayı önceden upload etmeniz halinde sitenize bağlanan bir konuk bu kısayolu kullanması halinde karşılaşacağı manzara  404 Not Found olacaktır.

Meta Taglar

 

Benim çok ihmal ettiğim bir konuyu aktarmak istiyorum. Zamanınızın belkide büyük bir kısmını harcayarak sitenizi oluşturdunuz. Ama sitenizin yeterince tanıtımını yapamadınız sayfanıza yeterli konuk gelmedi. Ne yapmanız gerekir sitenizi arama motorlarına kaydettirmeniz   gerekir. İşte burada sizin imdadınıza hızır hızıyla yetişen META tanımıdır. Arama motorlarının kullandığı 'örümcek (ajan da denir)  programlar sitenize geldiklerinde ilk baktıkları şey bir takım tanımlardır. Aşağıda bu tanımları nasıl oluşturacağınızı göreceksiniz.

Bu satırları <HEAD>...</HEAD> tagları arasına giriniz.

<META name="description"  content="Sitenizin amacı, kısa açıklaması, sloganı">
<META name="keywords"  content="Sitenizdeki bölümler, anahtar kelimeler" >
<META name="copyright"  content="Telif sınırlamaları ve tanımları" >

Midi

 

Aşağıda midi dosylarını çalan bir script örneği görüyorsunuz.Scriptin kodların aşağıda gösterilmiştir. Kırmızı ile çizili yerlere kendi MIDI dosyalarınızı koyabilirsiniz.


nummidi = 3 
day = new Date()
z = day.getTime()
y = (z - (parseInt(z/1000,10) * 1000))/10
x = parseInt(y/100*nummidi,10) + 1
if (x == (1))
midi=("
mid1.mid")
if (x == (2))
midi=("
mid2.mid")
if (x == (3))
midi=("
mid3.mid")
document.write('<EMBED SRC= ' + midi + ' WIDTH=150 HEIGHT=27 AUTOSTART=TRUE>')

Path Tanımlama

 

Web tasarımlarım bir dizinde (klasörde) ve lokal   çalışıyorum. Peki  bir alt veya üst dizindeki dosyaları  üzerinde çalıştığım sayfadan çağırmak istiyorum. Ne yapmalıyım ?

Genelde birçok arkadaşımın java class dosyalarının çağrılmasında yaptıkları hata budur CODEBASE="./" .

Üzerinde çalıştığınız HTML sayfası C:\BARIS\KONU\ klasöründe olsun, sizin de C:\IMAGE\ klasöründeki yasam.html sayfasını çağırmak istediğinizi varsayalım. Bu dosyayı çağırmak için şöyle bir satır yazmalısınız:

<A HREF=" ../yasam.html" >LINK yasam.html</A>

../ imini dilediğiniz  kadar kullanabilirsiniz. İki alt klasördeki dosyayı çağırmak için ../../sevgi.html gibi bir yazım kullanabilirsiniz. Bir üst klasördeki C:\BARIS\DENEME\KONU\yasam.html  dosyasını çağırmak için izleyeceğniz yol

<A HREF=" KONU/yasam.html" >LINK</A>    dir.

Frame

 

Tasarım konusunda çok yeniyseniz frameli sayfalar yapmaya deneyim kazandıktan sonra başlamanızı öneririm. Ama ben yinede framli sayfa oluşturacağım diyorsanız burada yazılanları dikkatle okuyun ve uygulayın. (şunuda unutmayın frameli sayfaların avantajları yanında dez avantajları çoktur, zaman zaman sayfanızı çok çirkinleştirdiği gibi konuğunuzun bakış açısını daraltır genelde insanlar tembel oldukları için bar çubuklarını bir aşağı bir yukarı oynatmaktan sıkılırlar. Frameli sayfa kullanılması gerektiği yerde kullanılmalıdır. Dahası illada frameli sayfa yapıcam diyorsanız 2'li sayfalo olanı tercik edin. Karar sizin.)

Önce kaç sayfanın görünmesini istiyorsanız o kadar sayfa oluşturmanız gerekir (Kod yazarak 5-6 frame oluşturabilirsiniz). Ben burada 2 ve 3 sayfadan oluşan frame örnekleri vereceğim. Kolaylık olması açısından sayfamın sol tarafına koyacağım sayfaya SOL.html, sağ tarafa koyacağım sayfaya SAG.html ve son olarakda üst tarafa koyacağım sayfayada UST.html isimlerini verdiğim 3 sayfa oluşturdum. Ayrıca sayfaları bağlayacağım birde FRAME1.html, FRAME2.html  isminde bir sayfa daha oluşturdum. FRAME1.html sayfasındayken Menüde FRAME/NEW FRAME PAGE komutuna basın. Açılan diyalog kutusundan

BANNER AND CONTENTS

CONTENS

FOOTER

FOOTNOTES

HEADER

HEADE FOOTER AND CONTENS

HORIZONTAL SPLIT

VE DİĞERLERİ

sizce uygun olanı seçin ve   ve OK basın. Ben size Acizane.com CONTENS seçeneğini önereceğim, en kullanışlı olanı bence bu sağdaki sayfanızın çok daralmasını önlüyor ama seçim sizin. Önünüze sayfaları bağlamanıza yardımcı olan bir sihirbaz gelecek. Burada SET INTIAL PAGE düğmelerine basın, sol tarafa SOL.html, sağ tarafa SAG.html, üst tarafa da UST.htm sayfalarını import edin.  Üç sayfadan oluşan framemiz oluşmuş oldu. Daha sonra kaydedin. Size bu sayfanın nereye kaydedileceğini soracaktır. Yerini ve sayfa ismini yazın ve framenizi oluşturdunuz tebrikler.

Eğer CONTENS seçeneğini seçerseniz iki sayfası olan bir frame göreceksiniz burada sol tarafa sol.html, sağ tarafa ise sag.html sayfalarını yada sizin seçtiğiniz sayfaların koyacaksınız.

Frame(HTML)

 

 

AŞAĞIDA ÜÇLÜ BİR SAYFANIN FRAME KODLARINI GÖRÜYORSUNUZ

 

<frameset framespacing="0" border="false" frameborder="0" rows="64,*">

<frame name="banner" scrolling="no" noresize target="contents" src="UST.html">

<frameset cols="150,*">

<frame name="contents" target="main" src="SOL.html" scrolling="no">

<frame name="main" src="SAG.html">

</frameset>

<noframes>

 

AŞAĞIDA İKİLİ BİR SAYFANIN FRAME KODLARINI GÖRÜYORSUNUZ

 

 

<frameset cols="202,*">

<frame name="contents" target="main" src="SOL.html">

<frame name="main" src="SAG.html">

<noframes>

<body>

<p>This page uses frames, but your browser doesn't support them.</p>

</body>

</noframes>

 

AŞAĞIDA BAŞKA İKİLİ BİR SAYFANIN FRAME KODLARINI GÖRÜYORSUNUZ

 

 

 

<frameset framespacing="0" border="false" frameborder="0" cols="150,*">

<frame name="contents" target="main" src="SOL.html" scrolling="auto">

<frame name="main" src="SAG.html">

<noframes>

<body>

<p>This page uses frames, but your browser doesn't support them.</p>

</body>

</noframes>

</frameset>

 

 

 

Dikkat ederseniz kodlar framenin tipine ve eylemine göre değişti örneğin kaydırma çubuğunu kaldırılması veya sayfanın yapısına göre değişmesi gibi. Herneyse siz bu konuyu deneyim kazanınca ayrıntılı incelersiniz

 

 

Sıkça Sorulan Sorular

 

SORU: Merhaba, Fp98 de, insert>active buttons>hover button yoluyla butonlar oluşturuyorum. önizleme yaptığımda butonlar çalışıyor ancak, kaydedip çıktıktan sonra bir daha çalışmıyor. aynı soru sitenizden aldığım butonlarda da oldu. Yardımcı olursanız sevinirim.

 

YANIT: Frontpage 98'de INSERT/ACTIVE ELEMENTS/HOVER BUTTTON seçeneği ile oluşturduğun buttonlar çalışmıyor ise bunun nedeni class dosyaların bulunamamasıdır. Bu dosylar  _fpclass  adlı bir dizinin altındadır. Windows Gezgininde Front Page 98 dizini altında bu dizini görebilirsin. Bu dosyalar yani bu buttonları çalıştıran class dosyaları  fphover.class ve fphoverx.class'dir. Benim sana başka bir önerim olucak. Yukarıda bahsettiğim bu iki dosyayı hover buttonları oluşturduğun HTML sayfasının bulunduğu dizine kopyala daha sonrada sayfanın kodlarına geçerek applet kodlarında   codebase="_fpclass" bölümünü codebase="./" şeklinde değiştir... Ayrıntılı bilgi için tıklayın..

 

SORU : BEN Bir Soru Sormak İstiyorum;
Ben Arka Ekranı yapıyorum front page de doğru da gözüküyo kaydediyorum ondan sonra sayfayı açtığımda arka ekran beyaz gözüküyo ne yapmalıyım?

 

YANIT: Elinde back.jpg adlı bir resim var ve bunu arkaplan olarak kullanmak istiyorsun resmi o sayfanın bulunduğu dizine kopyaladıktan sonra aşağıdaki kodu girmen gerekiyor. <body background="back.jpg" bgcolor="#000000" text="#008000"> Burada bgcolor =  parametresini görüyorsunun, burada "iyide zaten bir arkaplan resmi koyduk arkaplan rengine ne gerek var " demeyin bu kodu yazma nedenimiz şu: , bir nedenle arkaplan dosyası yani back.jpg görüntülemezse (saolsun telekom sayesinde sık yaşarız-hatlardan yani)   sayfanın arkaplan renginin görünmesi sayfa görünümünü çok olumsuz etkilemez. Sen arkaplan rengini arkaplan resmine yakın bir renk seçmeyi unutma.

Not:Eğer arkaplan dosyası örneğin ARKA adlı bir dizinde ise yukardaki kod <body bacground="./ARKA/back.jpg" şeklinde olacak, yani senin sorunun path tanımlamasının doğru yapılmamasından kaynaklanmaktadır.

 

SORU :iyi Günler web sayfanızı inceledim gercekten .......... Sizden bir ricam olacak ben frontpage de ilk sayfayı  angelfire ye gönderdim ancak resimler  ve duvar kağıdı çıkmıyor. Resimler yerine karecikler çıkıyor.Benim dosyalarım C:\3\NURI içinde buradan gönderiyorum acaba nerede hata yapıyorum. Yardımcı olursanız sevinirim. Şimdiden teşekkürler.

 

YANIT:Senin sorunun doğru path tanımlamamandan kaynaklanıyor, sana önerim tüm dosyaları aynı klasör yada aynı klasör içerisindeki alt klasörde bulundur, bu durumda hata yapma riskin azalacaktır. Yani şöyle ROOT'da SAYFAM adlı bir dizin var onun altında da IMAGE adlı bir dizn var ve içerisinde resim.gif adlı bir doya var bu durumda path tanımlaması şöyle olucak ./IMAGE/resim.gif Bilmem anlatabildim mi.

 

SORU :Benım sorum şu sayfaların ana bolumundekı menu seceneklerınde degısık anımasyonlar kullanmıssın mesela menu seceneklerının ustune mause geldıgınde yazılar renk degıstırıyor veya kus sesı gelıyor. bunu bende sayfayapmakta kullanmak ıstıyorum.
bır sayfayaptımama berbat oldu.bana bukonuda yardımcı olabılısen seınırım   nasıl yaptıgını analtveya kullandıgın programı ve nerede bulabılecegımı benım mail adreesıme bıldır. sindiden sana tesekkuredıyorum.

 

YANIT:Merhaba ben web editörü olarak Frontpage-98 kullanıyorum bahsettiğin konuyu sitemde detaylı anlattım dilersen bakabilirsin. Ayrıntılı bilgi için tıklayınız..

 

SORU :Merhaba
Öncelikle ...... Gerçekten............
Sorun şu.. Webde bir programın tanıtılması için bir sayfa hazırlıyorum. Yalnız benim çözünürlüğüm 800x600 , farklı çözünürlükteki bir bilgisayarda mesela 1024x768 de sayfa ya ortada ya sağa yanaşık gözüküyor. Yani 800x600 hazırladığımdaki gibi görünmüyor. Bu sorunu nasıl çözebilirim ?
Birde mesela programın demo versiyonunu webe koymak istiyorum insanların indirebilmesi için. Bunu nasıl yapabilirim?
Teşekkürler ve iyi çalışmalar

 

YANIT:Merhaba Benim sana önerim sayfa tasarlarken tablolardan yararlanmandır. Yani sayfayı komple tablo içerisine yerleştirirsen her tür büyüklükteki monitörlerde sağlıklı görüntü elde edebilirsin. Tablolar konusunda sitemde detaylı bilgi verdim dilersen bakabilirsin. Ayrıntılı bilgi için tıklayınız..

 

İkinci sorunun yanıtına gelince, biz net kullanıcılarına sunmak üzere hazırladığın programı ziple sonra download edilecek sayfadan bu zipli dosyaya link ver.

 

SORU :Sana yine sorum olacak.
Frontpage programı ile sayfa yaparken bir resim yerleştiriyorum, yanına yazıyazmak istiyorum ama resmin üst kısmından başlayıp yazamıyorum. Ayrıca sayfalarda  yerleştirdiğim resimleri nasıl aynı boyutlara getirebilirim ?

 

YANIT:Merhaba  önerim sayfanı bir tablo içerisinde tasarla, resmi bir hücreye yazılarıda hemen yanındaki hücreye yazarak sorununu aşabilirsin. Tablolar konusunda sitemde detaylı bilgi verdim dilersen bakabilirsin. tablolar için tıkla

İkinci sorunun yanıtı resim boyutlarını herhangi bir web etitörü programında sakın yapma çözünürlüğünü bozabilirsin, Bu tür boyutlandırma işlemlerini photoshop veya paintshoppro gibi grafik editörlerinde yap.

 

SORU: iyi gunler oncelıkle sayfanızı...... ve size ... gundur javalarınız uzerinde calısıyorum.Ve takıldıgım bir konu oldu oda su:
Java applet acıklamaları bolumundeki ilk ornek appleti cok begeniyorum fakat <applet code="button.class" width="400" height="20"> kodundaki class dosyasını nasıl olusturucagım;bu dosya olmadanda biliyorsunuzki bu applet calısmaz ne yapmam lazım bana acıklayıcı bir cevap yazarsanız cok memnun olurum.simdiden tesekkurler...

 

YANIT:Merhaba, class dosyasını yeniden oluşturmayacaksın, hazır olarak var, sen sadece kodlarını oynayacaksın. Ancak burada class dosyası herhangi bir dizin altındaysa örneğin JAVA dizini altındaysa path tanımlaması yapacaksın o zamamn

kod <applet code="button.class" codebase="./JAVA"  width="400" height="20"> bu şekilde olucak.

 

SORU : Öncelikle yardımlarınız için teşekkür eder, bu işte yeni olduğumu belirtmek isterim. bu yüzden soracağım soruları anlayışla karşılamanızı bekliyorum. Class dosyalarını açamadığım için anllattığınız işlemleri yapamadım. Bu dosyaları hangi programla açacağımı ve o programı nereden bulacağımı belirtirseniz memnun olurum. Çalışmalarınızda başarılar dilerim.

 

YANIT:Merhaba, hepimiz herzaman öğrenmekteyiz burada kınanacak bişi yok. Java derleme tabanlı bir program o nedenle class dosyasını yeniden oluşturmana gerek yok zaten derleyemezsinde. Sen sadece HTML sayfasındaki kodları herhangi bir editör içerisinde uyarlayacaksın . Burada applet kodları <applet code ile başlar.

 

 

SORU : Sık kullanınanlara Ekle 'yi nasıl yaparım?

 

YANIT: Aşağıdaki kodu <Body> </body> tagları arasına yerleştirmeniz gerekir. Http: ile başlıyan kısma kendi sitenizin adresini, %20 ile başlayan kısma sitenizin ismini, ve eğer işlemi bir buttona bağlamak istiyorsanız IMAGE2/SIKEKLE.gif'e ise buttonun bulunduğu yolu ve adını yazmanız gerekir

 

 

<a href="javascript:window.external.AddFavorite

('http://www.ejder.com/',%20'H%20A%20R%20M%20A%

20N%20Y%20E%20R%20I')">

<img src="IMAGE2/SIKEKLE.gif" alt="SAYFAYI SIK KULLANILANLARA EKLE" border="0" WIDTH="180"

HEIGHT="40"></a>

 

 

 

SORU : Giriş Sayfası Yap olayını nasıl yaparım?

 

YANIT: Aşağıdaki kodu <Body> </body> tagları arasına yerleştirmeniz gerekir. Http: ile başlıyan kısma kendi sitenizin adresini  ve eğer işlemi bir buttona bağlamak istiyorsanız IMAGE2/GIRYAP.gif'e ise buttonun bulunduğu yolu ve adını yazmanız gerekir

 

<a href="#"

onClick="this.style.behavior='url(#default#homepage)';this.setHomePage

('http://www.ejder.com');"

tppabs="http://www.ejder.com"><font size="2" face="Verdana, Arial" color="#C0C0C0"><img

src="IMAGE2/GIRYAP.gif" alt="SAYFAYI GİRİŞ SAYFASI YAP" border="0" WIDTH="180"

HEIGHT="40"></font></a>

 

Sıkça Sorulan Sorular

 

SORU: Merhaba, Fp98 de, insert>active buttons>hover button yoluyla butonlar oluşturuyorum. önizleme yaptığımda butonlar çalışıyor ancak, kaydedip çıktıktan sonra bir daha çalışmıyor. aynı soru sitenizden aldığım butonlarda da oldu. Yardımcı olursanız sevinirim.

 

YANIT: Frontpage 98'de INSERT/ACTIVE ELEMENTS/HOVER BUTTTON seçeneği ile oluşturduğun buttonlar çalışmıyor ise bunun nedeni class dosyaların bulunamamasıdır. Bu dosylar  _fpclass  adlı bir dizinin altındadır. Windows Gezgininde Front Page 98 dizini altında bu dizini görebilirsin. Bu dosyalar yani bu buttonları çalıştıran class dosyaları  fphover.class ve fphoverx.class'dir. Benim sana başka bir önerim olucak. Yukarıda bahsettiğim bu iki dosyayı hover buttonları oluşturduğun HTML sayfasının bulunduğu dizine kopyala daha sonrada sayfanın kodlarına geçerek applet kodlarında   codebase="_fpclass" bölümünü codebase="./" şeklinde değiştir... Ayrıntılı bilgi için tıklayın..

 

SORU : BEN Bir Soru Sormak İstiyorum;
Ben Arka Ekranı yapıyorum front page de doğru da gözüküyo kaydediyorum ondan sonra sayfayı açtığımda arka ekran beyaz gözüküyo ne yapmalıyım?

 

YANIT: Elinde back.jpg adlı bir resim var ve bunu arkaplan olarak kullanmak istiyorsun resmi o sayfanın bulunduğu dizine kopyaladıktan sonra aşağıdaki kodu girmen gerekiyor. <body background="back.jpg" bgcolor="#000000" text="#008000"> Burada bgcolor =  parametresini görüyorsunun, burada "iyide zaten bir arkaplan resmi koyduk arkaplan rengine ne gerek var " demeyin bu kodu yazma nedenimiz şu: , bir nedenle arkaplan dosyası yani back.jpg görüntülemezse (saolsun telekom sayesinde sık yaşarız-hatlardan yani)   sayfanın arkaplan renginin görünmesi sayfa görünümünü çok olumsuz etkilemez. Sen arkaplan rengini arkaplan resmine yakın bir renk seçmeyi unutma.

Not:Eğer arkaplan dosyası örneğin ARKA adlı bir dizinde ise yukardaki kod <body bacground="./ARKA/back.jpg" şeklinde olacak, yani senin sorunun path tanımlamasının doğru yapılmamasından kaynaklanmaktadır.

 

SORU :iyi Günler web sayfanızı inceledim gercekten .......... Sizden bir ricam olacak ben frontpage de ilk sayfayı  angelfire ye gönderdim ancak resimler  ve duvar kağıdı çıkmıyor. Resimler yerine karecikler çıkıyor.Benim dosyalarım C:\3\NURI içinde buradan gönderiyorum acaba nerede hata yapıyorum. Yardımcı olursanız sevinirim. Şimdiden teşekkürler.

 

YANIT:Senin sorunun doğru path tanımlamamandan kaynaklanıyor, sana önerim tüm dosyaları aynı klasör yada aynı klasör içerisindeki alt klasörde bulundur, bu durumda hata yapma riskin azalacaktır. Yani şöyle ROOT'da SAYFAM adlı bir dizin var onun altında da IMAGE adlı bir dizn var ve içerisinde resim.gif adlı bir doya var bu durumda path tanımlaması şöyle olucak ./IMAGE/resim.gif Bilmem anlatabildim mi.

 

SORU :Benım sorum şu sayfaların ana bolumundekı menu seceneklerınde degısık anımasyonlar kullanmıssın mesela menu seceneklerının ustune mause geldıgınde yazılar renk degıstırıyor veya kus sesı gelıyor. bunu bende sayfayapmakta kullanmak ıstıyorum.
bır sayfayaptımama berbat oldu.bana bukonuda yardımcı olabılısen seınırım   nasıl yaptıgını analtveya kullandıgın programı ve nerede bulabılecegımı benım mail adreesıme bıldır. sindiden sana tesekkuredıyorum.

 

YANIT:Merhaba ben web editörü olarak Frontpage-98 kullanıyorum bahsettiğin konuyu sitemde detaylı anlattım dilersen bakabilirsin. Ayrıntılı bilgi için tıklayınız..

 

SORU :Merhaba
Öncelikle ...... Gerçekten............
Sorun şu.. Webde bir programın tanıtılması için bir sayfa hazırlıyorum. Yalnız benim çözünürlüğüm 800x600 , farklı çözünürlükteki bir bilgisayarda mesela 1024x768 de sayfa ya ortada ya sağa yanaşık gözüküyor. Yani 800x600 hazırladığımdaki gibi görünmüyor. Bu sorunu nasıl çözebilirim ?
Birde mesela programın demo versiyonunu webe koymak istiyorum insanların indirebilmesi için. Bunu nasıl yapabilirim?
Teşekkürler ve iyi çalışmalar

 

YANIT:Merhaba Benim sana önerim sayfa tasarlarken tablolardan yararlanmandır. Yani sayfayı komple tablo içerisine yerleştirirsen her tür büyüklükteki monitörlerde sağlıklı görüntü elde edebilirsin. Tablolar konusunda sitemde detaylı bilgi verdim dilersen bakabilirsin. Ayrıntılı bilgi için tıklayınız..

 

İkinci sorunun yanıtına gelince, biz net kullanıcılarına sunmak üzere hazırladığın programı ziple sonra download edilecek sayfadan bu zipli dosyaya link ver.

 

SORU :Sana yine sorum olacak.
Frontpage programı ile sayfa yaparken bir resim yerleştiriyorum, yanına yazıyazmak istiyorum ama resmin üst kısmından başlayıp yazamıyorum. Ayrıca sayfalarda  yerleştirdiğim resimleri nasıl aynı boyutlara getirebilirim ?

 

YANIT:Merhaba  önerim sayfanı bir tablo içerisinde tasarla, resmi bir hücreye yazılarıda hemen yanındaki hücreye yazarak sorununu aşabilirsin. Tablolar konusunda sitemde detaylı bilgi verdim dilersen bakabilirsin. tablolar için tıkla

İkinci sorunun yanıtı resim boyutlarını herhangi bir web etitörü programında sakın yapma çözünürlüğünü bozabilirsin, Bu tür boyutlandırma işlemlerini photoshop veya paintshoppro gibi grafik editörlerinde yap.

 

SORU: iyi gunler oncelıkle sayfanızı...... ve size ... gundur javalarınız uzerinde calısıyorum.Ve takıldıgım bir konu oldu oda su:
Java applet acıklamaları bolumundeki ilk ornek appleti cok begeniyorum fakat <applet code="button.class" width="400" height="20"> kodundaki class dosyasını nasıl olusturucagım;bu dosya olmadanda biliyorsunuzki bu applet calısmaz ne yapmam lazım bana acıklayıcı bir cevap yazarsanız cok memnun olurum.simdiden tesekkurler...

 

YANIT:Merhaba, class dosyasını yeniden oluşturmayacaksın, hazır olarak var, sen sadece kodlarını oynayacaksın. Ancak burada class dosyası herhangi bir dizin altındaysa örneğin JAVA dizini altındaysa path tanımlaması yapacaksın o zamamn

kod <applet code="button.class" codebase="./JAVA"  width="400" height="20"> bu şekilde olucak.

 

SORU : Öncelikle yardımlarınız için teşekkür eder, bu işte yeni olduğumu belirtmek isterim. bu yüzden soracağım soruları anlayışla karşılamanızı bekliyorum. Class dosyalarını açamadığım için anllattığınız işlemleri yapamadım. Bu dosyaları hangi programla açacağımı ve o programı nereden bulacağımı belirtirseniz memnun olurum. Çalışmalarınızda başarılar dilerim.

 

YANIT:Merhaba, hepimiz herzaman öğrenmekteyiz burada kınanacak bişi yok. Java derleme tabanlı bir program o nedenle class dosyasını yeniden oluşturmana gerek yok zaten derleyemezsinde. Sen sadece HTML sayfasındaki kodları herhangi bir editör içerisinde uyarlayacaksın . Burada applet kodları <applet code ile başlar.

 

 

SORU : Sık kullanınanlara Ekle 'yi nasıl yaparım?

 

YANIT: Aşağıdaki kodu <Body> </body> tagları arasına yerleştirmeniz gerekir. Http: ile başlıyan kısma kendi sitenizin adresini, %20 ile başlayan kısma sitenizin ismini, ve eğer işlemi bir buttona bağlamak istiyorsanız IMAGE2/SIKEKLE.gif'e ise buttonun bulunduğu yolu ve adını yazmanız gerekir

 

 

<a href="javascript:window.external.AddFavorite

('http://www.ejder.com/',%20'H%20A%20R%20M%20A%

20N%20Y%20E%20R%20I')">

<img src="IMAGE2/SIKEKLE.gif" alt="SAYFAYI SIK KULLANILANLARA EKLE" border="0" WIDTH="180"

HEIGHT="40"></a>

 

 

 

SORU : Giriş Sayfası Yap olayını nasıl yaparım?

 

YANIT: Aşağıdaki kodu <Body> </body> tagları arasına yerleştirmeniz gerekir. Http: ile başlıyan kısma kendi sitenizin adresini  ve eğer işlemi bir buttona bağlamak istiyorsanız IMAGE2/GIRYAP.gif'e ise buttonun bulunduğu yolu ve adını yazmanız gerekir

 

<a href="#"

onClick="this.style.behavior='url(#default#homepage)';this.setHomePage

('http://www.ejder.com');"

tppabs="http://www.ejder.com"><font size="2" face="Verdana, Arial" color="#C0C0C0"><img

src="IMAGE2/GIRYAP.gif" alt="SAYFAYI GİRİŞ SAYFASI YAP" border="0" WIDTH="180"

HEIGHT="40"></font></a>