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'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.
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 (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 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ı.
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>
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 <FONT> 'dur, genel kullanımı
şöyledir:
<FONT 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.
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 <IMG
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.
<IMG 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. <IMG 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.
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
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..
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.
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.
Ş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.
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.
BEHAVIOR başlığı altındaki SLIDE
radyo düğmesini işaretlerseniz yazımız aşağıdaki gibi olacaktır.
BEHAVIOR başlığı altındaki
ALTERNATE radyo düğmesini işaretlerseniz yazımız aşağıdaki gibi olacaktır.
DIRECTION başlığı altındaki RIGTH
(sağ) radyo düğmesini işaretlerseniz yazılar yönü şöyle olacaktır.
Ş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.
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
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.
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
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 |
|
|
· link8 |
Evet mini sitemizin ilk sayfası
kaba hatlarıyla hazır
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>
Ş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
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.
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.
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.
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ı" >
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>')
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.
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.
|
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; |
|
||
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. |
|
||
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 |
|
||
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. |
|
||
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: |
|
||
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; |
|
||
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. |
|
||
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 |
|
||
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. |
|
||
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: |
|
||
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> |
|
||