Upload
kurtis
View
227
Download
0
Embed Size (px)
Citation preview
7/23/2019 10 Derste Frontpage
1/115
0 DERSTE FRONTPAGE STES
0 DERSTE FRONTPAGE STES
NSZ........................................................................................................................... ..... 3
DERS 1: SITENIZI PLANLAYIN..........................................................................................7
WEB SITESININ AMACI.....................................................................................................7
SITENIN TRN DORU BELIRLEYIN........................................................................ ..11
E-DOST SINIRINI AACAK MISINIZ..............................................................................1!
SITENIN "SKELETI..............................................................................................................13
S#$% P&'()() *+,($P'%% %/#+0%%( (2%......................................................................1
K'4)$$'( W%5%......................................................................................................................!6
DERS !: SAY*ALARI YAPMAYA BALAYALIM................................................................!
WEB SAY*ASINA YAZI DOSYASI YERLETIRME............................................................38
WEB SITESINE YENI SAY*A EKLEYELIM...................................................................... ..37
WEB SAY*ASINA RA*IK DOSYASI YERLETIRME......................................................61
T% ';;) M%
7/23/2019 10 Derste Frontpage
2/115
S'9'&'+'
7/23/2019 10 Derste Frontpage
3/115
nsz
Hereyi olabildii kadar basit hale getirin.
Albert Einstein
Byte Eitim Dizisinde yeralan Internet Tasarm Rehberi e Bir !eb
"itesi #$ralm kita%&klar' ka& ok$r$ site sahibi olmaya teik etti'
bilemem. Ama o kita%&klar ok$yanlardan o kadar &ok elektronik mekt$% aldm
ki' anlatamam. B$ mekt$%larn &o$n$n ortak noktas' bilgisayar k$llanmyla
ilgili ortak sor$ndan (arkl deildi) Bilgisayar m*hendisi e %rogram+
olmadan nasl site k$rarm, say(alarm en kolay ekilde nasl ol$t$r$r$m-
er&ekten' bilgisayar m*hendislerinin' %rogram+larn /e 0zellikle
bilgisayar y*ksek 0renimi ya%an baz kiilerin1 g0zden ka&rdklar eya
kab$l etmekten ka&ndklar nokta' 23nin ara+ olmakszn' beyin +errah
eya roket tasarm+s eitimi g0rmeden k$llanlmak *zere gelitirilmi
b$l$nd$$ ger&eidir. !eb de 0yle. Eer b$g*n bilgisayar alar4aras a'
ger&ekten b*t*n d*nyay ka%lad e herkes her t*rl* bilgiye kolay+a
$laabiliyorsa' !eb ger&ekten en b*y*k eitleyi+i e en etkin
demokratikletirme ara+ olabildi ise' b$n$ !ebde alan a&ma /site k$rma1
ileminin kolaylna bor&l$y$z.
Bilgilem ne kadar kolaylarsa' kiilerin bilgilenmesi o kadar
kolaylar, !eb sitesi says ne kadar artarsa' kiilerin $lat bilgi
miktar o kadar artar. 5asl artk bilgisayar etkin bi&imde k$llanmaya
balamak i&in' 67 say(alk bir !indo8s el kitab yeterli ise !eb sitesi
k$rmak da o kadar kolay olmal. Eet HT9:' !ebin ortak dilidir e HT9:
sayesinde' 23mizle eya 9a+intosh$m$zla' (arkl iletim sistemlerine'
(arkl dosya sistemlerine' (arkl a %rotokollerine sahi% bilgisayar4alar
ON DERSTE FRONTPAGE STES 3
7/23/2019 10 Derste Frontpage
4/115
arasnda adeta +irit atyor$z; haline birlee+ek yaz e gra(ik $ns$rlar arz$ ettii bir
tasarmla bir araya getirmesini salyor, sonra b$ tasarma dayanan HT9:
kod$n$ kendisi yazyor. ?ine b$ %rogramlarn bir ksm sade+e sitenin
k$llan+nn kendi sabit diskinde ol$masn salamakla kalmyor, b$
dosyalarn siteye !ebde e sahi%lii ya%a+ak (irmann bilgisayarna
aktarlmasna da yardm+ ol$yor.
7/23/2019 10 Derste Frontpage
5/115
sahi%lii ya%a+ak (irmann bilgisayarnda' daha dor$ i(adesiyle !eb
"ererda ya%malardr. "0z*n* ettiimiz %rogramlar b$n$ "erer Etensions
denen ek %rogramlarla ya%arlar. Bakalarnn sitelerine e sahi%lii ya%an
irketlerin =$' $ imkan da eririz;> diyerek m*teri &ekmeye &altklar
ilanlar in+elersiniz' &o$n$n sitelerinin =
belirttiklerini g0re+eksiniz. Bir bakma
7/23/2019 10 Derste Frontpage
6/115
iseniz' ama+yla Byte Eitim Dizisinde Ekim FGGde yaynlanan Internet
Tasarm Rehberi ile #asm FGGde yaynlanan Bir !eb "itesi #$ralm adl
kita%&klara ba$rabilirsiniz. Hi& deilse b$ kita%&klarn Interneti
tantan e Internet "itesi hakknda bilgi eren b0l*mlerini ok$manz
yeterli. B$ kita%&kta iddiamz' bir kelime bile HT9: bilmeden !eb sitesi
ya%mak old$$na g0re' en azndan !eb sitesinin ne old$$ hakknda bilginiz
b$l$nmas yerinde ol$r.
B$ kita%&kta'
7/23/2019 10 Derste Frontpage
7/115
Ders 1: Sitenizi Plnl!"n
Internete eya Intranette !eb sitesi sahibi olmadan 0n+e ya%la+ak
bir &ok i ar. Bir kere siteniz Internette yerala+ak e !orld !ide !eb
/!!!1 yol$yla herkese a&k ola+aksa' b$ imkan size salaya+ak bir esahibi
b$lmanz gerekir. "iteniz' irketinizin ?erel Alan Anda /:A51 "erer
g0rei ya%an bir bilgisayarda d$ra+ak e sade+e :A5a eriimi olanlarn
hizmetine s$n$la+aksa' sistem o%erat0r* ile $z$n $z$n g0r*meler ya%mak
zor$ndasnz; Bir !eb sitesinin' Internette mi' Intranette mi yer ald
sitenin tasarm+s a&sndan hemen hemen hi& bir (arka sahi% deildir.
?eter ki sitenize bir e sahibi b$l$n) ister Internette ister Intranette.
Biri d*nya' dieri irket &a%nda' ama son$& itibariyle her ikisinin de ad
!eb "itesi; Me her ikisi de ayn ekilde tasarlanr e ol$t$r$l$r.
@te size iki altn kelime) Tasarlama e Ll$t$rma.
Bilgisayarn bana ot$rmadan 0n+e' babadan kalma y0nteme ba$rarak'
elinize kad kalemi al%' iyi bir %lanlama ya%mak zor$ndasnz.Dolaysyla b$ b0l*mde 0n+e !eb "itesi nasl %lanlanr sor$s$na +ea%
araya+az. B$n$ ya%madan site ol$t$rmaya kalkmak' nereye gide+eini
%lanlamadan otomobile bini% motor$ &altrmaya benzer.
#e$ Sitesi%nin A&'"
"ite %lanlamas' b*t*n iletiim ara&larnda old$$ gibi' ama+n
belirlenmesiyle balar. "itenizin ama+n belirlemek i&in $ sor$lara +ea%
b$lmalsnz)
B$ siteyi neden ol$t$r$yor$m- "itemi ziyaret edi%' say(alarm
g0re+ek olanlar ne 0rene+ekler- 5e elde etmi ola+aklar-
ON DERSTE FRONTPAGE STES (
7/23/2019 10 Derste Frontpage
8/115
B$ sor$ya ere+einiz +ea%' sitenizin birin+i ama+n
belirleye+ektir. "itenizi ger&ekten kiisel bir kararla' yani bir ti+aret
k$r$l$$' bir dernek eya benzeri bir k$r$l$ i&in deil de sade+e kendi
zekiniz i&in ya%yorsanz' b$ sor$n$n +eabn siz ere+eksiniz. "iteniz
bir gr$ba' bir irkete' bir k$r$ma ait ola+ak ise' b$ sor$n$n +eab
m$htemelen gr$b$' irketi eya k$r$m$ y0neten kii eya kiiler tara(ndan
erile+ektir. "iz sitenin sade+e mimar iseniz' b$ sor$n$n +eabn sitenin
sahibinden m$tlaka almalsnz. B$ sor$n$n +eab sitenin i&eriinin ana
hatlarn belirler.
Hede( kitle nedir- B$ siteyi ziyaret etmesini istediimiz kiileri
nasl tanmlayabilirim.
B$ sor$n$n +eab sitenizin i&eriinin 0zelliklerini e s$n$l$
tarzn' baka bir deyile $sl$b$na belirler. ?ine' siteniz tamamen kiisel
ise' sor$n$n +eabn siz ere+eksiniz, site gr$%sal' 0rg*tsel eya k$r$msal
ise' yetkililerden ala+aksnz. Bir m*zik sitesi' gen&lere y0nelik olabilir,
herkese y0neli olabilir, t*rk* seenlere y0nelik olabilir, %o% m*zik
seenlere y0nelik olabilir. Hede( olarak se&tiiniz kitle' i&erik olarak
s$na+anz m*ziin t*r*n* de belirler, hede( kitleyi &eke+ek $ns$rlara yer
ermeniz m*mk*n ol$r. B$ kitlenin zekleri' ihtiya&lar nelerdir- B$nlara
sitenizde nasl hitabedebilirsiniz-
"itenizde ne t*r bilgiler b$l$na+ak- 5e t*r bilgiler b$l$nmaya+ak-
Czellikle k$r$msal nitelikteki sitelerde' yer ala+ak bilgiler kadar
yer almaya+ak bilgilerin de belirlenmesi arttr. "itenizde yer ala+ak
bilgilerin t*r* belirlendikten sonra' b$ bilgilerin derlenmesi sor$n$
ardr. ?ine' k$r$msal nitelikteki sitelerde yer ala+ak bilgilerin birara
getirilmesi e tasarm+ olarak size to%l$ halde erilmesi gerekir. @ster
siz derleyin' isterse baka bir birim ersin' tasarm+ olarak elinize gelen
ON DERSTE FRONTPAGE STES )
7/23/2019 10 Derste Frontpage
9/115
bilgilerin dor$l$$n$ tayin etmeniz gerekir. "iteniz tamamen size ait ise'
yerere+einiz bilgileri en az iki kaynaktan kontrol edin. B$na
gazete+ilikte iki kaynak k$ral denir. Bir 0rg*t eya k$r$m$n sitesine
gire+ek bilgilerin dor$l$$n$ tayin eden ayr bir birim b$l$nabilir.
Niyaret&ilerden ne t*r bilgiler isteye+eksiniz e b$ bilgiler ne
ola+ak-
!eb' iki y0nl* bir tra(ik gibidir, bir !eb sitesi hem bilgi erir' hem
de bilgi alr. Alna+ak bilgiler bir (orm yol$yla derlenebile+ei gibi'
ziyaret&inin bilgisayarna Oerez /3ookie1 g0ndermek e b$ kiinin sitenizi
yeniden ziyareti halinde Oerezdeki bilgileri almak s$retiyle de olabilir.
7/23/2019 10 Derste Frontpage
10/115
izin gerektirenler olabilir. B$ yazlarn yazlmas' g0nderilmesi e takibi
zaman e dikkat ister. ark s0zlerinin iir gibi yaynlanmas bile =0n+eden
yazl izin alnmasna> tabi olabilir. B$ bakmdan sitenizin i&erik
bakmndan geniliini' i&erik derleme e bazlarnn kam$oy$na s$n$lmas
i&in gerekli izinlerin alnmas iine ne kadar zaman' enerQi e %ara
ayra+anz tayin ede+ektir. "iteniz kiisel deil de' bir irkete eya
k$r$ma ait ise i&eriin yaynnda irket eya k$r$m a&sndan sakn+a
olmadn belirlemek i&in mal danman' h$k$k&$ e dier $zmanlarn onay
gerekebilir.
imdi b$ sor$lar b$rada birlikte ya%a+amz site a&sndan
+ea%layalm)
Amat0r (otora(&lk kon$s$nda bir site ya%a+az e sitemizin ama+'
(otora(&lk kon$s$ndaki merakmz dier amat0r (otora(&larla %aylamak'
bildiklerimizi onlara aktarmak e ziyaret&ilerimize (otora(&lk segisi
alamak ola+ak. Hede( ziyaret&i kitlemiz' kon$ya ilgi g0steren yal4gen&
herkes ola+ak. Niyaret&ilere hereyden 0n+e kendi (otora(larmzdan
0rnekler s$na+az. Niyaret&ilerimiz' sitemizde (otora(&lk kon$s$nda
genel e $zmanlk kon$s$ bilgiler b$la+aklar, onlara @stanb$l merkez olmak
*zere' b*t*n y$rttan (otora( sergileri' yarmalar' $yarlar' a&klamalar
kon$s$nda bilgi s$na+az. Ayr+a sitemizde' resm40zel' (otora(&lkla
ilgili dier sitelere balantlar b$l$na+ak, edinebilirsek' (otora(&lk
eitimi kon$s$nda hizmet eren kii' dernek e k$r$l$larn listelerini de
ermek istiyor$z. B$n$nla birlikte sitemizin ama+ kendi (otora(larmz
%azarlamak olmaya+ak e baka (irmalara ilikin ti+ar bilgilerb$l$nmaya+ak. ?eni *r*nler hakknda bilgi erirken' satn alnabile+ek
yerleri e edinebilmisek (iyatlarn ziyaret&ilerimize d$y$rabiliriz. Ama
sitemizde kimsenin reklamn ya%mak istemiyor$z; "itemizi ilerde %aral bir
"erera aktarabilir e geniletebilirsek' belki baz to%tan+ e
ON DERSTE FRONTPAGE STES 0
7/23/2019 10 Derste Frontpage
11/115
%erakende+ilerle anlaarak' reklam alabiliriz. "itemize ek olarak bir de
ayda bir elektronik %osta yol$yla bir b*lten yaynlamay d**n*yor$z. B$
b*ltenin ama+ bizim gibi amat0r (otora(&lara aylk olaylarn bir
takimini s$nmak e b$ arada sitemizin arln bir kere daha d$y$rmak
ola+ak. B$ b*lteni g0nderebile+eimiz kiilerin bir listesini ol$t$rmak
i&in sitemize bir (orm koyarak' ziyaret&ilerimizden isim e elektronik %osta
adreslerini isteye+eiz.
7/23/2019 10 Derste Frontpage
12/115
haberler' b$ kiilerin g0r*leri' tasiyeleri' e benzeri bilgiler b$lmak
isterler. #$r$m eya k$r$l$larn siteleri' h$k$k a&dan da sor$ml$l$a
sahi% olabilir. B$ t*r sitelerde erilen bilgilerin' ya%lan d$y$r$larn'
ziyaret&ilerin /genel anlamda kam$oy$n$n1 hayat *zerinde etkileri olabilir.
Bizim (otora(&lk sanat e teknii ile ilikimiz' amat0r bir
ilikiden 0teye gitmediine g0re' ya%a+amz sitenin b$ kon$da (aaliyet
g0steren bir dernein sitesinden (arkl ola+a a&ktr. B0yle bir dernein
sitesinde' b$ kon$n$n $zman' meslei b$ alana giren kiiler bilgi erir'
sor$ +ea%lar' tartma ya%arken' bizim sitemizde b0yle $zmanlk kon$lar e
say(alar b$l$namaz. Mere+eimiz bilgilerin e aktara+amz d$y$r$larn
yetkili kayna olmadmz belirtmemiz yerinde ol$r. B$ hem bizi
sor$ml$l$ktan k$rtarr, hem de ziyaret&ilerimiz *zerinde yanl bir etki
ya%mam /a&k&a s0ylemek gerekirse' yalan s0ylememi1 ol$r$z.
L halde' %lanlama iinin ikin+i b0l*m* olan sitenin niteliini
belirleme kararn erirken' sitemizin kiisel ola+an i(ade ediyor$z.
E0,st s"n"r"n" 0' &"s"n"z
Slamak istediimiz kitleyi iyi belirlemek zor$ndayz. #iisel bir
site' site sahibinin ilgilendii kon$larda bilgisini' deneyimlerinden elde
ettii son$&lar' g0r*lerini' hayatn =e4dost> ile %aylamasna
y0neliktir. er&i bir site' Internette d*nyaya a&ld zaman' b$ siteye
eriebile+ek kiileri belirlemek /siteye girmeyi %arola ile snrlamazsanz1
m*mk*n deildir' ama b$ t*r sitelerin erimek istedii kiiler snrldr.
B0yle bir siteye herg*n y*zler+e yaban+nn balan%' &o+$$m$z$n yag*n*
(otora(larn seyretmesini de beklemeyiz. #iisel sitemizin arln
d$y$rmak i&in g0stere+eimiz &aba da snrl ol$r.
ON DERSTE FRONTPAGE STES 2
7/23/2019 10 Derste Frontpage
13/115
B$na karlk %ro(esyonel bir site' bir gr$b$n' 0rg*t*n' (irmann e
kam$ k$r$m$n$n bilgi %aylama ara+dr, dolaysyla sitenin hede(i' gr$b$n'
0rg*t*n' (irmann eya kam$ k$r$m$n$n (aaliyet alanna giren kiilerdir.
Hede( kitlenin dor$ belirlenmesi demek' b$ kitleye giren kiilerin
beenileri' ter+ihleri' Internette b$lmak istedikleri gibi sor$lara dor$ya
yakn +ea%lar ermek demektir. Hede( olarak se&tiimiz kitlenin bizim
sitemizden beklediklerini dor$ belirleyemezsek' b*y*k bir ihtimalle b$
kiilere $lamamz eya b$ kiilerin sitemizi sk sk ziyaret etmeleri
m*mk*n olmaya+aktr. Lysa %ro(esyonel eya k$r$msal bir sitenin bal+a
ama&larndan biri de ziyaret&i listesinin s*rekli genilemesini salamaktr.
E4dost &eresini amak istiyorsak' kime $lamak istediimizi e b$
kiilerin sitemizden ne beklediini d**nmek e tartmak zor$ndayz.
Aslnda b$ o kadar da zor deil. Hereyden 0n+e' Internette bizim sitemize
benzer bir &ok site b$labiliriz, onlarn sitelerini in+eleyerek' neler
ya%tklarn e neyi' nasl s$nd$klarn g0rebiliriz.
Sitenin seleti
"ite %lanlama iinin kat *zerindeki birin+i e ikin+i b0l*m* bitin+e
sra' yine kat *zerinde sitenin iskeleti dediimiz' say(alar e b$nlarn
hangisinin hangisine balana+an belirlemeye gelir. Birin+i e ikin+i
b0l*mdeki belirlemelerimiz' 0rnein sitemizin ne kadar geni' bilgilerin ne
kadar ka%saml ola+ana ilikin kararmz' b$ noktada kada d0k*le+ektir.
Internet sitelerini in+elediimiz zaman' genellikle t*m*n*n Home 2age'
Endeks "ay(as' "%lash "+reen' Marsaylan "ay(a gibi adlarla anlan bir ana
say(as old$$n$ g0r*yor$z. B$' sitemizin itrinidir. Niyaret&ilerimiz b$
itrine bakarak' beendikleri bir ey g0r*rlerse' b$ say(adaki bir
balanty tklayarak' i&eri girerler.
ON DERSTE FRONTPAGE STES 3
7/23/2019 10 Derste Frontpage
14/115
Biz' ana say(amza gelen her ziyaret&inin' sitemizi gezi senaryos$n$
belirlemek zor$ndayz. =$n$ ya%an sonra $n$ ya%sn. B$n$ ya%an daha sonra
b$raya gitsin;> eklinde d**nerek' ziyaret&ilerin atmas m$htemel her adm
d**nerek' say(alarmza gereken balantlar koyarz.
"itemizin &atsn' hereyden 0n+e' i&erik belirler. Bir bilgisayar
(irmasnn sitesinde' donanm e yazlmlara ayrlan iki ana b0l*m olabilir.
Bir t$rizm irketinin sitesinde' gezi %lanlar' yer ayrtma (ormlar' t$r
d*zenlenen beldelerin tantmna ilikin say(alar b$l$nabilir. Bizim kiisel
amat0r (otora(&lk sitemizde $na benzer bir ak %lan izleyebiliriz)
Akis %lani7F.ti(
B$ %landa' ziyaret&ilerimizin karsna &ka+ak ana say(ay' d0rt
say(a halinde iki b0l*m*n izlemesi 0ng0r*l*yor) bizim salaya+amz i&erik
/kendi (otora(larmzdan 0rnekler' (otora( te&hizatmz hakknda
bilgiler1' iimize yarayan e bakalaryla %aylamakta yarar g0rd**m*z
balantlar /sergiler' yarmalar e ziyaret&ilerimizin g0rmesini
istediimiz baka sitelerin adreslerini i&eren b0l*m1 e ziyaret&ilerle
ilikiler say(as /ziyaret&ilerin sitemiz hakknda g0r*lerini
belirtmelerini e elektronik mekt$% adreslerini brakmalarn salaya+amz
bir ziyaret&i de(teri e ziyaret&iler arasnda karlkl haberlemeye imkan
eren bir B*lten Tahtas say(as1.
B$ aamada sitede yer ala+ak her bir say(ann i&eriini belirlememize
gerek yok. Crnein' ger&ekten ka& say(a ola+ak'
bilmiyor$z. Belki (otora( 0rneklerimizi' +ora( b0lgelere g0re say(alara
b0lsek daha iyi;
7/23/2019 10 Derste Frontpage
15/115
Site Pln"n" Fr,ntPe%e Geir&een n'e
9i+roso(t
7/23/2019 10 Derste Frontpage
16/115
Internete
7/23/2019 10 Derste Frontpage
17/115
tasarm 0geleri otomatik olarak $yg$lanr. B$nlara da sonra ayrntl olarak
d0ne+eiz.
Bizim tasarlaya+amz sitenin %lan' n
ON DERSTE FRONTPAGE STES (
7/23/2019 10 Derste Frontpage
18/115
g0stere+ektir. "itemize . Bir #iisel !ebin !eb serer ile
ilikisine' sitemizi ger&ek Internete a&mak *zere esahibinin bilgisayarna
aktarrken d0ne+eiz. imdilik sade+e diye
adlandrd yerin sabit diskte' = adl bir klas0rde
=3ontents> /@&erik1 adl bir alt4dizin old$$n$ belirtelim)
7/23/2019 10 Derste Frontpage
19/115
7/23/2019 10 Derste Frontpage
20/115
/
7/23/2019 10 Derste Frontpage
21/115
#$r$msal Marlk "itesi)
7/23/2019 10 Derste Frontpage
22/115
isteyenin tartmaya katlma (orm$n$ se&e+ei' isteyenin b*t*n sitenizde
arama ya%abile+ei (orma gitmesini salayan balantlar b$l$nan' /b$'
sitenize e sahi%lii ya%a+ak !eb "ererda nasl ol$t$r$l$r diye merak ediyorsanz, hemen
belirtelim' i&i bo bile olsa bir !eb sitesinin i&lerinde 67ye yakn dosya
b$l$nan /Zs gizli1 FV klas0r* e ger&ek !eb "erer %rogramna k$r$lm$
7/23/2019 10 Derste Frontpage
23/115
(irma i&in %roQelerin geliimine ilikin ibirlii neden !eb yol$yla
ya%lmasn- B$ site' bir (irmaya eya 0rg*te' %ersonelin eya mens$%larnn
s*regiden %roQelerine ilikin ibirliini Internette eya Intranette
ya%malarn salayan say(alar hazrlyor.
9i+roso(t'
7/23/2019 10 Derste Frontpage
24/115
kendi sitemizi ya%arken ele ala+amz "ite #iilii kon$s$na hazrlk
ola+aktr.
Altrma ama+yla ol$t$rd$$n$z siteleri silmek i&in' site a&kken'
7/23/2019 10 Derste Frontpage
25/115
Amat0r
7/23/2019 10 Derste Frontpage
26/115
Biraz 0n+e sizin ya%tnz gibi ben de
7/23/2019 10 Derste Frontpage
27/115
@sim meselesi de hallettikten sonra' L# d*mesini tklyor$z e
$+$z kon(eksiyon gibi %lanmza %ek $ymam
g0r*n*yorsa da' adn eremeyiz' deil mi-1 2lanmzda
olmayanlara da T*rk&e isimler erelim.
dediini d$yar gibi ol$yor$m. 2eki ama biz neden
7/23/2019 10 Derste Frontpage
28/115
7/23/2019 10 Derste Frontpage
29/115
Ders 2: S!8lr" 9&!
/0l!l"&Birin+i derste' neden bir !eb sitesi sahibi olmamz gerektiine
ilikin baz sor$lar yantladk, e daha sonra b$ sor$lara erdiimiz
+ea%lara g0re' sitemizi kat *zerinde %lanladk. "onra'
7/23/2019 10 Derste Frontpage
30/115
diye izin istiyor. B$na Eet
d*mesini tklayarak karlk erin.
Hani' i&eriini %ek anlamamakla birlikte' adn Arama ya%tmz say(a
ard ya' ite b$ =Endeks> o say(aya ziyaret&ilerinizin gire+ei kelimelerle
t*m sitenizde aramaya ya%malarn salaya+ak =site endeksi.> "ite endeksi'
bir !ebi ol$t$ran b*t*n say(alardaki b*t*n anlaml kelimelerin hangi HT9:
say(alarnda ge&tiini belirleyen /imdilik
7/23/2019 10 Derste Frontpage
31/115
yaznn %aragra( aralarna gra(ikler koyd$$n$z %en+eresinden hi& (arkl
deil. @kin+e sekmeyi tkladnzda' say(ann Internette aleriini e
Bro8serlar tara(ndan yor$mlanarak' ekranda g0r*nt*lenmesini salayan HT9:
kodlar karnza gele+ektir. P&*n+* sekme olan 2reie8 ise say(anzn bir
ziyaret&inin Bro8sernda nasl g0r*ne+eini g0r*nt*ler.
7/23/2019 10 Derste Frontpage
32/115
=Hos eldiniz> adn ermitik. imdi say(ann Banner gra(ii de => har(i
olmadan ya%ld. B$ ho deil.
^SAR# @O@5 5LT
=....ziyaret&inin Bro8sernda =Ho geldiniz> eklinde g0r*nmesin
diye'...> +*mle+iindeki =Ho> kelimesinin son har(i b$na karlk A"3II
karakteri ola+ak. "anyor$m' b$ =Ho_> eklinde. Ama b$raya yazdm 0rnek'
benim bilgisayardan 23! bilgisayarlarna kadar nasl kor$nabilir'
bilmiyor$m. yazmak' gra(ik
%rogramnz k$llanmadaki maharetinize bal; "on$&ta ortaya ZV7Z7 %iksel
ebadnda e W6 d%i &0z*n*rl*kte bir I< dosyas &kartmanz e b$n$
=Baslikban.gi( adyla sabit diske kaydetmeniz gerekiyor. Batan beri site e
dier isimlendirmelerde b$radaki 0rnekleri izliyorsanz' gra(ik
dosyalarnz 3)Y
7/23/2019 10 Derste Frontpage
33/115
imdi b$nlar 3)Y yazsn sa4tklayn, a&la+ak men*den Delete"ili
se&in.
6. Baka bir yeri tklamadan /yani 9o$se iaret&isinin yerini
deitirmeden1 Insertekle men*s*nden Imageg0r*nt* maddesini se&in e
a&la+ak diyalog k$t$s$nda b$raya koya+anz balk gra(iinin d$rd$$
klas0r* e dosyay iaret edin. L#i tklayarak yeni gra(iin say(ada yerini
almsn salayn.
V. sdor$s$na Eet d*mesini
tklayarak karlk erin. B0yle+e sitedeki b*t*n say(alarda' yeni balk
gra(iiniz k$llanlm ola+aktr. 5aigation g0r*nt*s*ne g0re d0nd**n*zde'
bir baka say(ay iki kere tklayarak' balan ger&ekten b*t*n say(alarda
deii% deimesini deneyebilirsiniz)
7/23/2019 10 Derste Frontpage
34/115
2eki' imdi b$nlar deitirelim. Cn+e $ d*melere T*rk&e etiketler
b$lalm. B$n$n i&in $ ilemleri ya%abilirsiniz)
F. 5aigation g0r*n*m*nde' bo bir yeri sa tklayn' a&la+ak men*den
!eb "ettings /!eb Ayarlar1 maddesini se&in.
6. A&la+ak k$t$da' 5aigation sekmesini tklayn. B$rada Home 2age
k$t$s$na Ana "ay(a' 2arent 2age k$t$s$na ?$kar' 2reio$s 2age k$t$s$na
eri' 5et 2age k$t$s$na @leri yazn.
V. Hazr' !eb ayarlarn a&mken' :ang$age /Dil1 sekmesini tklayn'
De(a$lt HT9: 3oding k$t$s$n$n se&me ok$na basarak' a&la+ak listeden T$rkish
/T*rk&e1 maddesini se&in.
U. !eb ayarlar k$t$s$n$ Tamam tklayarak ka%atn.
7/23/2019 10 Derste Frontpage
35/115
=Amat0r (otora(&nn sitesine ho geldiniz. B$ sitenin ama+' sade+e
kendi (otora(larm sergilemek deil. B$rada k*&*k &a%ta da olsa' amat0r
(otora(&lar arasnda bir (ikir al4erii balatmak istiyor$m. Tartma
say(as' amat0r (otora(&lar arasnda sade+e (otora(&l ilgilendiren
kon$larda karlkl g0r* bildirmeniz ama+yla tasarlanm b$l$n$yor.
"iteyle ilgili sor$nlar Cneriler say(asndaki (orm$ k$llanarak bana
iletebilirsiniz.
"iteme g0sterdiiniz ilgiden dolay teekk*r ederim.>
B$ iki %aragra(n t*m*n* se&in e D*zen men*s*nden #o%yala
tklayarak !indo8s$n %anos$na aln.
"onra'
7/23/2019 10 Derste Frontpage
36/115
yer alyor. B$ %rogramlarn &o$ %aylamal %rogramlardr. B$ t*r
%rogramlar s*rekli k$llanmak istiyorsanz' %rogramn yazarna' tale% ettii
*+reti 0demeniz gerekir. Dia4%oziti(lere etiket yazma %rogramlar
"lide :abel "aydamlarnzn &er&eelerine istediiniz ebadda etiket
basyor.
Dia :abels "aydam etiketleri ile birlikte eritaban ol$t$r$yor.
kelimelerinden =%$blished> kelimesine kadar tarayn e
silin.
9o$se iaret&isini baka yere oynatmadan' Insert men*s*nden
7/23/2019 10 Derste Frontpage
37/115
kaydettiiniz Destek.rt( dosyasn b$l$n' A& d*mesini tklayn. RT say(a /
7/23/2019 10 Derste Frontpage
40/115
balantlar tkladklar zaman ne gibi aheserlerle karlaa+aklarn
belirten bir metin koyabilirsiniz.
B$n$ biraz 0n+e 0rendiimiz gibi bi&imlendirilmemi bir metni
ko%yala4ya%tr y0ntemiyle eya bir kelime4ilem %rogram ile RT< bi&iminde
metin dosyas ol$t$rarak e b$ dosyay !eb say(asna eklerek
ya%abilirsiniz.
7/23/2019 10 Derste Frontpage
41/115
Artk biliyor$z ki' b$ say(ann asl b*t*n $ns$rlar yerindedir. B$ say(ann
simgesini sa4tklayn, a&lan men*den Rename?eniden Adlandr se&in e
say(ann adn =Lneriler Tartisma "or$lar e 3ea%lar> ya%n. "onra' "or$lar
3ea%lar' Cneriler e Tartisma say(alarnn simgelerini 9o$se iaret&isiyle
t$tarak' b$ yeni say(ann altna getiri% brakn. ?ine eminiz ki' =Lneriler
Tartisma "or$lar e 3ea%lar> say(as' b$ *& say(aya da gereken linkleri
eriyor. B$ arada iimize %ek yaramaya+ak olan B$gs e ?azlm say(alarn
da silebilirsiniz) 0rnein B$gs say(asn sa4tklayn' a&la+ak men*den
Delete"il maddesini se&in.
A&la+ak bir sor$ k$t$s$' sizden say(as sade+e balantlar
listesinden mi &kartmak istediinizi' yoksa t*m*yle yok etmek mi
istediiniz sora+aktr. Birin+i madde olan = /B$ say(ay t*m seyir &$b$klarndan &kart1 maddesini
se&erseniz' say(a e i&erii HT9: dosyas olarak sabit diskte kalr' (akat
sitedeki balantlar silinir. @kin+i madde olan =Delete this %age (rom the
/B$ say(as
7/23/2019 10 Derste Frontpage
42/115
say(a ya%trdk. imdi b$ say(alara (otora(larmz koyalm. almanz gerekir. Bir &ok bat *lkesinde
bakasna ait binann' e+il hayann eya bitkinin (otora(n bile ti+ar
ON DERSTE FRONTPAGE STES 42
7/23/2019 10 Derste Frontpage
43/115
maksatla yaynlamann yasak old$$n$ hatrlatrsak' T*rkiyede b$ a&dan
hayatn &ok kolay old$$n$ g0r*rs*n*z; Bakalarnn &ektii (otora(lar
eya ya%t resimleri sitenizde k$llana+anz zaman' (otora( &eken eya
resmi ya%an kiiden' sanat eserinin yayn hakkn aldnz g0steren bir
bir belge imzalamasn istemelisiniz.
Demek ki' Internette ho$n$za giden bir (otora( eya bir baka t*r
gra(ii bir sa tklamayla sabit diskimize al%' sonra da kendi say(amza
koymamz' bize en azndan &ok ar bir mal sor$ml$l$k getirebilir. Ayr+a'
sokakta g0rd**n*z bir kiinin (otora(n &eki%' irketinizin ambalaQ
kadna bastrmanz m*mk*n olamaz. 3D4RL9 halinde satlan (otora( e
gra(iklerin k$t$s$nda b$l$nan bro*r e dier yazlar dikkatle ok$yarak' b$
malzemeyi nerede e hangi artlar altnda k$llanabile+einizi 0renin. B$
t*r 3D4RL9larn kiminde ti+aret ama+yla k$llanm yasaklanmtr' kiminde
ise her t*rl* k$llanma izin erilir.
Altrma maksadyla' yani kendi sabit diskimizden baka bir yere
gitmemek e bizden bakas tara(ndan g0r*lmemek artyla' herhangi bir
(otora( k$llanabiliriz.
B$ h$k$k $yarlardan sonra' 0rendiimiz k$rallara $yg$n
(otora(larla' son ya%tmz d0rt say(ay tamamlayalm. Tabiatyla bir
(otora(&nn sitesindeki (otora(larn kendisine ait e kon$ itibariyle
Internette yaynlanabilir olmmas gerekir;
Gr8ilerin =z+n+rl+-+
Internette sitenizi ol$t$ran say(alar' esahibi !eb "ererdan'
ziyaret&inin bilgisayarna s*ratle $latrlmas gerekir. B$ $lamn
s*ratini' !eb "erern e ziyaret&inin bilgisayarnn Internete
balantlarnn genilii belirler. !eb "ererlar Internetin om$rgas
denilen ana kablolara genellikle &ok hzl bilgi al4eriine imkan eren
ON DERSTE FRONTPAGE STES 43
7/23/2019 10 Derste Frontpage
44/115
kablolarla baldr, (akat ziyaret&iler balanty tele(onla salarlar.
Tele(on tellerinin saniyede aktarabile+ei bilgi b*y*kl** ise snrldr.
"ay(alarnzdaki gra(ik $ns$rlar &ok b*y*k dosyalar ol$t$r$yorsa'
say(alarnzn ziyaret&inizin bilgisayarnda g0r*nt*lenmesi &ok $z$n zaman
ala+aktr.
"ay(alarnza koya+anz gra(ik $ns$rlarn /balk resimleri eya
(otora(lar gibi1 bilgisayar dosyas olarak b*y*kl**n* sade+e y*z0l&*m*
tayin etmez, &0z*n*rl** tayin eder. Bir gra(ik $ns$r' &0z*n*rl** &ok
ol$rsa' y*z0l&*m* daha b*y*k bir gra(ikten daha b*y*k bilgisayar dosyas
ol$t$rabilir. Bilgisayar gra(iklerinin &0z*n*rl** /yani ekranda eya
basld zaman kat ya da (ilm *zerinde1 ka& nokta ol$t$r$larak
g0sterile+ei demektir. B$n$n standart 0l&*s*' in&4kareye nokta olarak /dot
%er in+h' D2I1 g0sterilir. Bilgisayar ekranlar genellikle W6 d%i
&0z*n*rl*ktedir' dolaysyla sade+e ekranda g0sterile+ek bir gra(ik $ns$r$n
W6 d%i &0z*n*rl*kte olmas yeter. B$na karlk kada eya matbaa+lkta
k$llanlmak *zere (ilme alna+ak gra(iklerin &0z*n*rl** en az V77 d%i ol$r.
stilini se&in.
7/23/2019 10 Derste Frontpage
45/115
/en b*y*k1 Zya /en k*&*k1 kadar n$maralanmtr. Hazr sras gelmiken'
b*t*n stilleri srasyla se&in e =ezi balnn nasl
bi&imlendirildiini in+eleyin. Denemenin son$nda Heading6de karar kln.
@mle& hen*z b$ satrda iken' Ara& O$b$$nda 3enter /Lrtala1 simgesini
tklayn. =ezi bal b*y*m* e ortalanm ola+aktr.
#laeyede Enter t$$na basarak' metin imle+ini alttaki satra indirin
e = yazn. @mle&' hen*z b$ satrda iken'
stil se&me k$t$s$ndan 9en$ :ist stilini se&in.
7/23/2019 10 Derste Frontpage
46/115
ya%lan say(alar tamamlanm
ol$yor.
B$ derste'
7/23/2019 10 Derste Frontpage
47/115
Ders 3: S!8lr" /-l!"n
Interneti Internet ya%an' ya da Internetin b$g*ne kadar
bilgisayarlar arasnda k$r$lan balantlarn en kolay olmasn salayan'
herhalde' balandmz bir bilgisayarda d$ran dosyalar kendi
bilgisayarmza aktarma e o bilgisayarda iimiz bittiinde baka bir
bilgisayara ge&menin olaan*st* kolay olmasdr. Internette siteden siteye
gezenler arasnda' ya%tklar iin ger&ekte baka bilgisayarlarla kendi
bilgisayarlar arasnda balant k$rmak e o bilgisayardan kendi
bilgisayarna dosya aktarmak old$$n$ bile bilmeyenler ardr.
B$ noktaya kadar daha tek satr HT9: kod$ yazmamsak da'
7/23/2019 10 Derste Frontpage
48/115
Internette kaynaklar /siteleri' say(alar1 ya Hy%er Tet Trans(er
2roto+ol /HTT21 k$rallar ile' ya
7/23/2019 10 Derste Frontpage
49/115
kelimelerini se&in'
Ara& O$b$$nda har(leri koy$ renkli hale getirmekte k$llandnz Bold
simgesini /B har(i bi&iminde1 tklayn. Ayn ekilde "ergiler e ?armalar
kelimelerini de koy$ har(e &eirin. B$n$ da tamamladktan sonra sra geldi'
sitemizin i&indeki bir say(aya' b$ %aragra(tan balant ermeye.
Niyaret&ilerimiz ana say(adan Cneriler say(asn se&erek' Cneriler
say(asna gidebilirler. B$ say(a' yatay olarak sandaki e sol$ndaki
say(alara da balantl old$$ i&in' ?enilikler say(asnn @lerle
Balantlar say(asnn eri d*meleri /kelimeleri1 ziyaret&ilerimizi
Cneriler say(asna g0t*re+ektir. kelimelerini tklayanlarn da b$ say(aya
$lamasn istiyor$z.
L halde' metinde b$ iki kelimeyi se&in e Ara& O$b$$ndaki 3reate or
Edit Hy%erlink /Bir balant ol$t$r$n e d*zenleyin1 simgesini /&eresinde
zin+ir halkalar b$l$nan d*nya simgesi1 tklayn. A&la+ak k$t$y$ biraz
in+eleyelim)
ON DERSTE FRONTPAGE STES 4*
7/23/2019 10 Derste Frontpage
50/115
7/23/2019 10 Derste Frontpage
51/115
ger&ek Internette !eb iletme+ilii deilse' b*y*k bir ihtimalle sabit
diskinizde bir adet
7/23/2019 10 Derste Frontpage
52/115
9i+roso(t !ord' 3orel !ord2er(e+t eya yazaya+anz yazy RT e =Bir $yar daha> kelimeleri de koy$
renkli ola+ak.
"onra' ziyaret&ilerimize s$na+amz baka sitelerin adlarn e
adreslerini i&eren $ listeyi aynen yazn e d*z yaz dosyas olarak /e
mesela = adyla1 saklayn' (akat d*z yaz
%rogramn ka%atmadan 0n+e b$ listenin t*m*n* se&erek e d*z yaz
%rogramnzn k$llarna $yg$n ekilde /b*y*k bir ihtimalle 3trl`3 t$$na
basarak1 !indo8s$n %anos$na aln. /?erinizde olsam' dier metinleri
altrma ama+yla yazardm' ama b$ metni 23!orld*n Internet sitesinden
ON DERSTE FRONTPAGE STES 52
7/23/2019 10 Derste Frontpage
53/115
indirirdim; Eer b$ listeyi yazmyorsanz dikkatle in+eleyin. A e A
kod$ HT9:de bir link belirtmekte k$llandmz An+hor kom$t$n$n kodlardr
e Hotlink Re(eren+ehre( ile birlikte yazlr. B$ balantnn bizim
sitemizin dnda bir yere iaret ettiini SR: adresinden anlyors$n$z.
Crnein @ kelimesinin son$n$ tklayn e
Entera basn.
ON DERSTE FRONTPAGE STES 53
7/23/2019 10 Derste Frontpage
54/115
Tek kelime bilmeden !eb sitesi ya%a+az' dedik ama HT9:in hi& de
y*z*n* g0rmeye+eiz' demedik. Edit0r %en+eresinin sol alt kenarnda 5ormal'
HT9: e 2reie8 sekmelerine daha 0n+e iaret etmitik. imdi HT9: sekmesini
tklayn. Hereyi birlikte ya%yorsak' karnza aynen $ g0r*n*m gelmi
olmal)
3E5TER>bcnbs%,b kodlarnn
ortasnda b$ld$n$z. HT9: 0renmeye b$ noktada balamaya+az' tabi. Ama
b$radaki kodlar b$ %aragra(n /%1 ortalana+an /A:I5>3E5TER>1 e koy$
renkli /bold1 ola+an /b1 g0steriyor. =cnbs%,> ise satr b0lmeyen
bol$k /non4breaking s%a+e1 anlamna geliyor. imdi b$radaki kodlar $
ekle getirin) %%. /HT9: 0renmeye b$rada balamaya+az dedik' amahi&
olmazsa ne ya%tmz bilmemiz bakmndan, ortalamay e koy$ har(
0zelliklerini kaldryor$z' %aragra(n bittiini belirtiyor$z. B$
deiiklii ya%tktan sonra metin imle+inizi => e => iaretlerinin tam
ortasna getirin, /biraz 0n+e d*z yaz %rogramnda listeyi %anoya
almtnz deil mi-1 e klayede 3trl`M t$larna basn. Biraz 0n+e
%anoya aldnz link adresleri e sitelerin adlarn i&eren HT9: kodlarn
say(anzn HT9: kodlarnn arasna ko%yalayn. #im demi HT9: yazmyor$z'
diye;
"onra' 5ormal sekmesini tklayn, say(amza geri d0nd**m*zde' tasiye
ettiimiz siteler e balantlar olmas gerektii gibi g0sterilmi
b$l$n$yor)
7/23/2019 10 Derste Frontpage
55/115
Ook g*zel. /Hy%erlink ol$t$r1
iken imdi k$t$n$n adnn =Edit Hy%erlink> /Hy%erlink d*zelt1 old$$n$
g0r*yors$n$z. ?ine 0n+eki k$t$dan (arkl olarak b$ kez SR: hanesinde biraz
0n+e HT9: dosyas olarak ko%yalay%4ya%trdmz listedeki adresin yer
aldna dikkat edin. 9o$se iaret&isini SR: k$t$s$n$n i&ine tklayn e
adresin son$ndaki =+om> har(lerini =+o.$k> ya%n' L#i tklayn.
B$ k$t$n$n SR: hanesinin sandaki simgeleri aada' =Target
b0l*m*n* daha sonra ele ala+az.
Eletr,ni P,st /-lnt"s"
B$ arada' RT< dosyas olarak getirdiimiz be %aragra(lk metinde' en
az iki yere =link> ermemiz gerektiini (arkettiniz mi- Birin+isi' =Bana
elektronik mekt$% g0nderebilsiniz> dediimiz yer, dieri ayn +*mlede
Tartma say(asna ya%lan at(.
ON DERSTE FRONTPAGE STES 55
7/23/2019 10 Derste Frontpage
56/115
B$ dersin banda' site i&i balant kon$s$n$ ele alrken' Baglantilar
say(asndan Lneriler say(asna balant ya%mtk. Ayn eyi siz b$rada da
Tartma say(as i&in ya%abilirsiniz. Birlikte elektronik %osta balantsn
ele alalm.
Hatrlyorsanz' Internetde bilgisayarlararas al eri
%rotokollerinden birinin 2osta Slam 2rotokol* /"9T21 old$$ndan s0z
etmitik. Elektronik %ostann hangi %rotokolle geli%4gittii bir s*re
0n+esine kadar k$llan+ a&sndan 0nem tayord$. /Balant ol$t$r1 balyla a&ld. SR: hanesinin sanda d0rt
simge g0r*yors$n$z. B$nlardan *zerinde b*y*te& olan d*nya eklindeki simgeyi
tklayarak !eb Bro8sernz &altrabilir e Internette ksa bir t$rla
arz$ ettiiniz site eya say(alar b$l$%' b$ site eya say(ann adresini SR:
hanesine yazdrabilirsiniz.
Pzerinde b*y*te& olan klas0r eklindeki ikin+i simge ise
bilgisayarnzdaki bir dosyaya balant ermenizi salar.
7/23/2019 10 Derste Frontpage
57/115
belirtelim) b$ dosya sizin bilgisayarnzda d$rd$$ s*re+e' sitenizi
Internete =koysanz> bile' b$ dosyaya erdiiniz balant' ziyaret&iler
a&sndan bir ie yaramaya+aktr. /Tabi !eb "erer sizin bilgisayarnzda
&alyor e bilgisayarnz da bir kablo ile Internete bal ise' mesele
yok. Ama sitenizi bir esahibinin !eb "ererna =g0ndere+ekseniz'>
balantlarn sizin bilgisayarnzdaki dosyalara deil !eb "ererda b$l$nan
dosyalara iaret etmesi gerekir. B$n$' b$ dosyalar kelimelerinin de dier balant kelimeleriniz gibi 0zel bi&ime
girdiini g0re+eksiniz.
#STS
7/23/2019 10 Derste Frontpage
58/115
tklayn. "anki say(anz ger&ekten Internette imi gibi' say(a
balantlarn izleyebilirsiz.
7/23/2019 10 Derste Frontpage
59/115
ge&ilebile+eini e b*t*n say(alardan ana say(aya balanty kendisi
otomatik olarak eriyor. kelimesi ise'
7/23/2019 10 Derste Frontpage
60/115
adresinin ko%$k old$$n$ bildiriyor. /Tabii bildirir, &*nk* b0yle bir site
yok. Crnek olarak' biz $yd$rm$t$k;1
7/23/2019 10 Derste Frontpage
61/115
ko%$k balantnn b$l$nd$$ kelime eya kelimeleri /eya gra(ii1
se&e+ektir)
7/23/2019 10 Derste Frontpage
62/115
Ders 4: S!8lr" 0le!eli&
B$ derste
7/23/2019 10 Derste Frontpage
63/115
@te b$ ii dedik' ama
Internetin ortak dili olan HT9: e Internet ziyaret&ilerinin b$ ama&la
k$llandklar Bro8ser %rogramlarn b$ dili yor$mlama yetenekleri' bize
g0rsel etki ama+yla say(alarmzda istediimiz hereyi ya%ma imkan da
ermiyor' eremiyor. Bir kere' say(alarmzn 23 e 9a+ gibi (arkl
bilgisayar +ihazlar e b$ +ihazlarda b$l$nan (arkl iletim sisteml (i
y*z*nden asgar ortak bir noktada tasarlanmas gerek. HT9: dili' b$ sebe%le'
old$k&a snrl imkanlara sahi%tir.
Ll$t$rd$$ say(alar HT9: dosyas olarak kaydetmek zor$nda olan
7/23/2019 10 Derste Frontpage
64/115
9z"lr" /ii&lenir&e
!eb' yayn ara+ olarak gazete ile teleizyon ortasnda bir kon$ma
sahi%tir. imdi !eb say(asnn gazete4dergi nitelii ile ilgili g0rsel
ara&lara bakalm.
imdi'
7/23/2019 10 Derste Frontpage
65/115
gitmeyen eyleri d*zeltmeniz i&in size zaman kazandrr. B$n$ salayabilmek
i&in' hen*z bitmemi de olsa' sitenizi arada bir' sanki ger&ek !ebe
g0nderiyorm$ gibi' sabit diskinizde ge&i+i bir klas0re =yaynlamanz>
gerekir.
7/23/2019 10 Derste Frontpage
66/115
Stiller
HT9:' en sabit ekliyle' !eb tasarm+sna F adet 0n+eden tanmlanm
stil k$llanma imkan eriyor. 5ormal de b$ stillerden biri e en temel
olan. "til' bir yaznn har( t*r*' har(in koy$' normal' italik eya alt
&izgili ol$$' har(in b*y*kl**' har(in rengi' yaznn Bro8ser %en+eresine
eya bir &er&ee i&inde ise &er&eenin iki kenarna g0re sa m' sola m
hizalana+a eya ortalana+a' gibi 0zelliklerine to%l$+a erilen addr.
HT9:' ilk g*nlerinde sade+e al%4ermeye yarad /gra(ik $ns$rlar bile
i(relenmi d*z yazya &erilerek erilebildii1 i&in' !eb Bro8ser
%rogramlarnn temel metin stilleri &ok snrldr. Lysa g*n*m*zde !eb
Bro8serlar /3as+ading "til "ay(alar denen y0ntem sayesinde1 b$ temel F
stilden daha (azla metin g0r*nt*leme imkanna sahi%tir. / yazn e Enter t$$na basn. B$ iki kelime imdi bamsz bir
%aragra( ol$t$rd$.
9etin imle+i b$ %aragra(n i&inde iken /yani iki kelimeden birini
tkladktan sonra1 3hange "tyle"til Deitir %en+eresinin se&me ok$n$
tklayn, a&la+ak listeden' HeadingF /Balk F1 stilini se&in. @ki
kelimeb*y*k bir ekilde neredeyse say(ann sandan sol$na t*m*n* ka%laya+ak
b*y*kl*e $lat. Aada'
7/23/2019 10 Derste Frontpage
67/115
yazn' Entera basn.
"onra =Doa'> =2ortre> e =e Dier> kelimelerinin b$l$nd$$ *& %aragra(
daha ya%n. Me nihayet eski ikin+i %aragra(n bana =(otora(larmdan
0rnekler ar.> yazn. imdi' 9o$se iaret&isiyle ezi kelimesinin banhdan
=Dier> kelimesinin son$na kadar tarayn, e stil listesinden =B$lleted
list> /5oktal liste1 maddesini se&in. D0rt kelimenin de bana sitemize
$yg$ladmz temann ortak nokta gra(ii geldi e kelimeler 5ormal
%aragra(a g0re' bir santimetre i&eri kayd)
7/23/2019 10 Derste Frontpage
68/115
9erel /ii&lenir&e
?$karda
7/23/2019 10 Derste Frontpage
69/115
7/23/2019 10 Derste Frontpage
70/115
9t! =izi:
"ay(anzda yer alan bilgileri gr$%landrarak birbirinden ayrmak e
ziyaret&inizin dikkatini yeni bir gr$% bilginin baladna &ekmek
istiyorsanz' yatay &izgiden yararlanabilirsiniz.
Crnek say(amzda' iki %aragra( birbirinde bir yatay &izgiyle
ayrarak' altrma ya%abiliriz. Birin+i %aragra(n son kelimesinden sonra
klayede Enter t$$na basn, metin imle+i yeni %aragra(n banda iken'
InsertEkle men*s*nden Horizontal :ine /?atay &izgi1 maddesini se&in. @ki
%aragra(n arasna' yaznn %aragra( eni kadar $z$nl$kta bir yatay &izgi
belire+ektir. B$ &izgi'
7/23/2019 10 Derste Frontpage
71/115
arttran bir ara&tr. "ay(alarnzda bir &ok bilgiyi tablolar halinde
s$narak' yer kazanabilirsiniz.
imdi bir 0rnek ya%alm. Cn+e' /Ve V tablo1 kelimelerini g0r*yor m$s$n$z- B$ $
anda ol$t$rmak *zere b$l$nd$$n$z tablon$n ka& s*t$n$' ka& sras old$$n$
g0steriyor. imdi 9o$se$n d*mesini brakn, yeni %aragra(nzn old$$
yerde *& s*t$nl$' *& sral e k$t$lar bo bir tablo ol$a+aktr.
ON DERSTE FRONTPAGE STES (
7/23/2019 10 Derste Frontpage
72/115
/#endinizi k$tlayn, $ anda tam FZ satrlk bir HT9: kod$ yazm
b$l$n$yors$n$z;1
7/23/2019 10 Derste Frontpage
73/115
bro8sern arsaylan ayarlara brakan de(a$lt1 se&enekleri g0re+eksiniz.
Ayn b0l*mdeki
7/23/2019 10 Derste Frontpage
74/115
sade+e d0rtte birini dold$ra+aktr. !eb tasarm+s olarak 0l&*lerinizi
%iksel olarak ermekle' tablolarnzn' &er&eelerinizin eya
gra(iklerinizin' izleyi+inin gra(ik kartna e ekrannn b*y*kl**ne g0re
ka&ta ka&nda ol$t$r$lmasn istediinizi nisb /r0lati(1 olarak belirtmi
ol$yors$n$z. B$ aslnda size tasarladnz say(ann ziyaret&inin
bilgisayarnda nasl g0r*nmesini istiyorsanz 0yle g0r*nmesini salama
imkan eriyor.
B$ arada !eb say(alarnda =B$ say(a en iyi $ &0z*n*rl*kte' $ renk
derinliinde g0r*n*r'> eya =$ bro8ser k$llanrsanz daha iyi ol$r;> gibi
$yarlar' Internet ahl\kna aykrdr, ziyaret&iyi sitenizden so$tmak
istemiyorsanz' b$ t*r =$yarlardan> ka&nn.
#STS B@TT@
Tablolarn y*kseklii de 0l&* olarak belirtilebilir. An+ak tablo
y*ksekliini genellikle i&erii belirler. Tablodan iskelet $ns$r$ olarak
yararlanmak istiyorsanz' y*kseklik 0l&*s* erebilirsiniz.
Tablo 0zellikleri k$t$s$n$n 3$stom Ba+kgro$nd /Czel zemin1 b0l*m*nde
Sse Ba+kgro$nd Image /Arka4%lan resmi k$llan1 k$t$s$na iaret koyar e
yanndaki Bro8se /0zat1 d*mesini tklayarak bir gra(ik dosyas se&erseniz'
se&tiiniz gra(ik /(otora( eya resim1 tablon$n t*m*ne arka4%lan olarak
yerletirilir. @sterseniz tablon$n t*m*ne' Ba+gro$nd 3olor /Nemin rengi1
k$t$s$n$n se&me ok$n$ tklayarak a&la+ak tablodan zemin rengi de
se&ebilirsiniz.
Bir tablon$n $ns$rlarnn ayarlanmas i&in imkanlarnz b$n$nla
snrl deil. Bir tablon$n h*+relerinin 0zellikleri de ayr ayr
belirlenebilir. Tablon$n herhangi bir h*+resini tkladnzda a&la+ak
men*den 3ell 2ro%erties /H*+re Czellikleri1 maddesini se&erek' sade+e i&ini
tkladnz h*+renin 0zelliklerini belirleyebilirsiniz. Tablon$n t*m*n*n
ON DERSTE FRONTPAGE STES (4
7/23/2019 10 Derste Frontpage
75/115
0zelliklerini belirlemeye yarayan k$t$dan (arkl olarak b$ kez :ayo$t
b0l*m*nde Header 3ell /Balk h*+resi1 e 5o !ra% /#elimeleri #aydrma1
k$t$larn g0re+eksiniz. Bir h*+reyi balk h*+resi olarak tayin ederseniz'
i&erii yaz ise har( t*r* olarak koy$ har( se&ilir e yaz ortalanr.
Tablolarn her srada e s*t$nda eit sayda h*+resi olmas gerekmez.
Baka bir deyile' kom$ iki eya daha (azla h*+reyi birletirebilirsiniz.
B$n$n i&in birletire+einiz iki eya daha (azla h*+reyi birlikte tarayn,
herhangi birini sa4tklayn. A&la+ak men*den 9erge 3ells /H*+releri
birletir1 maddesini se&in. @&inde ayr ayr yazlar b$l$nan h*+releri
birletirirseniz' sadaki yaz soldakinin' alttaki yaz *sttekinin altna
eklenir.
Herhangi bir h*+reyi iki eya daha (azla h*+reye b0lebilirsiniz. B$n$
ya%abilmek i&in herhangi bir h*+reyi sa4tklayn, a&la+ak men*den "%lit
3ells /H*+releri b0l1 maddesini se&in. A&la+ak diyalog k$t$s$nda h*+renin
s*t$n /+ol$mn1 olarak m' sra /ro81 olarak m b0l*ne+ei e ka&a
b0l*ne+eini /5$mber o(...1 belirtebile+einiz kontrolleri g0re+eksiniz. Bir
h*+renin i&erii b0l*nd*kten sonra solda eya *stteki h*+rede kalr.
Tablo h*+relerine' bir HT9: say(asna giren herey girebilir. Baka
bir i(adeyle' bir h*+re k$t$s$na yaz' resim' m$ltimedya $ns$r$ e baka bir
tablo koyabilirsiniz. H*+relerin i&erdii yazlarda balant olabilir.
Czellikleri b0ylesine in+eden in+eye kontrol edilebilen e h*+relerine
bir !eb say(asnda b$l$nabilen her t*rl* malzeme kon$labilen bir ara& olarak
h*+re' say(alarnza' HT9:de olmayan bir 0zellik kazandrabilir, say(ann
iskeletini salayabilir.
say(alarda' balk gra(ii' 5aigation d*meleri eya kelimeleri gibi
$ns$rlarn ayn yere denk gelmesini salayan ya%sal iskelet de aslnda bir
tablodan ibarettir. ?$kardaki 0rnekte say(amza tablo yerletirdiimiz
=yer> de ger&ekte say(ann &atsn ol$t$ran tablon$n bir h*+resinden
ON DERSTE FRONTPAGE STES (5
7/23/2019 10 Derste Frontpage
76/115
ibaret; haas ile amat0r (otora(&lk kon$s$na $yg$n g0r*nd*.
7/23/2019 10 Derste Frontpage
77/115
(otora( 0rneklerimizi erdiimiz say(alarda daha sade bir tema belki
dikkatin (otora(larda to%lanmas a&sndan daha $yg$n olabilir. Hatta belki
b$ say(alarda hi& tema $yg$lamasak ziyaret&inin dikkatini daha &ok
(otora(lara &ekme imkan b$labiliriz.
Bir say(ann temasn deitirmek eya temay t*m*yle kaldrmak i&in
say(ay Edit0rde a&n. /B$ say(ada tema k$llanlmaz1 maddesini
iaretlerseniz' tema 0nizleme %en+eresindeki g0r*nt* kaybola+aktr. B$'
say(adan da tema $ns$rlarnn kaldrla+a anlamna gelir. B$ d$r$mda iken
tema k$t$s$n$n L# d*mesini tklarsanz' a&k say(adan tema $ns$rlar
kaldrla+aktr. imdi ya (arkl bir tema se&in' ya da tema $yg$lanmamasna
karar erin, e L#i tklayn. "ay(anz' se&eneinize g0re ya yeni temaya
$yg$n hale getirile+ektir, ya da tema t*m*yle kaldrla+aktr.
Bir say(adan tema $ns$rlarn kaldrma yol$n$ se&erseniz' temann
gerektirdii zemin gra(ii kaldrla+ak' 5aigation d*meleri d*z yazya
&erile+ek' &izgilerin gra(ik deil' ger&ekten HT9:in d*z &izgisi eklini
almas salana+aktr, (akat say(anzda
7/23/2019 10 Derste Frontpage
78/115
ON DERSTE FRONTPAGE STES ()
7/23/2019 10 Derste Frontpage
79/115
Ders 5: S!8lr"&"z"
;reetlenireli&!ebi !eb ya%an $ns$rlarn banda bilgisayarlar aras iletiimi
kolaylatrmak gelirse' iki srada !eb sitelerinin i&eriini sayarsak' hata
etmemi ol$r$z. !eb' hem yazl iletiim ara&larnn d$rg$n (akat
derinlemesine i&erik b$l$nabilen say(alarna' hem de teleizyon$n sesli e
hareketli' b$na karlk sath i&eriine sahi% olabilir. #sa+a bir !eb
sitesi' hem dergi' hem teleizyond$r. B$raya kadar bir !eb sitesinin
inaatna balamay e ya%tmz say(alara d$ragan i&erii koymay ele
aldk. imdi sitemizi biraz teleizyona benzetebiliriz;
B$ ama&la say(alarmza gra(ik balant $ns$rlar' ziyaret&inin 9o$se
iaret&isini *zerine getirdii zaman baz 0zellikleri deien balantlar
ile ses e ideo $ns$rlar koya+az.
7/23/2019 10 Derste Frontpage
80/115
Renk erme imkannz ar diye hi& de ihtiya& olmayan metinlere eya
&izgilere renk ererek' resim koyma imkannz ar diye i&eriin
gerektirmedii yerlere]sr( s*s ols$n diye]gra(ik $ns$rlar koyarak' !eb
say(alarnz =ne dedii belirsiz> hale getirmeniz &ok kolaydr. Baka bir
deyile b$ teknikleri dikkatle' itidalle e ermek istediiniz mesaQn
gerektirdii 0l&*de k$llanmazsanz' say(alarnz ger&ekten teleizyona
d0nebilir; /Me b$ siteniz i&in ben+e hi& de ol$ml$ bir %$an saylmaz;1
#e$%e Gr8i
7/23/2019 10 Derste Frontpage
81/115
ermemekle kalmaz' (akat ayn zamanda say(alarn yaa bir modem balants
olan bilgisayarla' *lkenin (arkl k0elerinden snar eya snattrr.
Dolaysyla !ebde k$llanlan gra(iklerin sktrlmas gerekir. Bir
gra(ik' ideo eya ses dosyasnn sktrlmas ebadnn eya s*resinin
deimesi anlamna gelmez. "ade+e bayt olarak dosya b*y*kl** azaltlr.
ra(ik alannda !ebde yaygn olarak k$llanlan *& sktrma teknii
k$llanlnr) ra(i+s Inter+hange
7/23/2019 10 Derste Frontpage
82/115
e yeil1 birbirine belirli oranlarda kartrlmas ile elde edilir. Teknik
ayrntya girmeden i(ade etmek gerekirse' standart ekran kartlar' teknik
0zelliklerine g0re ekranda 6Z' Z bin VZ eya FZ milyon renk
ol$t$rabilirler. elimi ekran kartlar' ger&ek renk diye adlandrlan
modelle' daha &ok renk salayabilir. Her gra(ik dosyasnn i&inde b$
gra(iin g0r*nt*lenebilmesi i&in ekran kartnn ekranda asgari ka& renk
ol$t$rmas gerektii belirtilir. ra(iinizde 6Zdan (azla renk arsa' 2
olarak kaydetmeniz gerekir, &*nk* I< sktrma tekniinde 6Zdan (azla
renge yer erilemez. Ayr+a I< modelinde' zemini saydam /yani arkasndaki
$ns$r$ g0sterebilen1 gra(ikler ol$t$r$labilir.
Ook ayrntl bir (otora(n bile aslna yakn bi&imde ekranda
g0r*nt*lenebilmesi i&in 6Z renk yeter; B$rada' ayn (otora(n deiik renk
modelleri e deiik kayt bi&imlerinde iken ekranda nasl g0r*nt*lendiini
g0r*yors$n$z)
7/23/2019 10 Derste Frontpage
83/115
S!8! Gr8i 7,!&
7/23/2019 10 Derste Frontpage
84/115
istediiniz yerini tklayn. B$rada' ayn gra(iin *stte
saydamlatrlmam' altta saydamlatrlm 0rneini g0r*yors$n$z)
7/23/2019 10 Derste Frontpage
85/115
Alternti8
7/23/2019 10 Derste Frontpage
86/115
k$t$s$n$n i&ine yaza+anz yaz ise gra(ik ziyaret&inin bilgisayarnda
g0r*nt*lenin+eye kadar eya gra(ik bir sebe%le aktarlamazsa /eya
ziyaretk&inin Bro8sernda gra(ik g0sterme imkan ka%atlmsa1 gra(iin
yerine g0sterilir.
7/23/2019 10 Derste Frontpage
87/115
sitesinden 0rnek dosyalar indirmektir. "onra'
7/23/2019 10 Derste Frontpage
88/115
/trans%aran1 hale getirme ara+n se&in e gra(iin bo bir yerini b$ ara&la
tklayn. /Resmin &eresindeki beyaz bol$k kaybold$ e say(ann zemin
gra(ii g0r*n*r hale geldi.1 imdi resmin sandaki bol$$ tklayn e
klayeden aralk &$b$$na iki *& kere basn. imdi ikin+i resmi /kamera.gi(1
koymak *zere harekete ge&in. erekiyorsa b$ resmi de k*&*lt*n, e((a( hale
getirin. ra(ikleri say(amza koym$ old$k. "ra' b$ iki gra(ie balant
kazandrmaya geldi. balants
i&in de ya%n /te+hizat.html1.
Tekrar birin+i gra(ii /(ilm resmini1 tklayn, Ara& O$b$$ndan
=3reate or Edit Hy%erlink> /Bir balant ol$t$r$n e d*zenleyin1 simgesini
/&eresinde zin+ir halkalar b$l$nan d*nya simgesi1 tklayn.
7/23/2019 10 Derste Frontpage
89/115
@te b$ kadar. "ay(anzda artk gra(ikli balant eya balantl
gra(ik ar;
olan
balantl b0lgeler1 ol$t$rmak istiyors$n$z.
7/23/2019 10 Derste Frontpage
90/115
/do$.htmi dog$.htm e bat.htmi bati.htm ya%may $n$tmayn1. imdi'
"ergiler say(asn iki kere tklayarak
yazn. "onra' imle+i iki %aragra(n ortasndaki bo %aragra(a g0t*r*%'
InsertEkle men*s*nden Imagera(ik maddesini se&in' e harita dosyanz
nerede ise b$l$%' L#i tklayn. Harita' ebad olarak say(anz i&in &ok
b*y*kse' k0elerinden t$tarak k*&*ltebilirsiniz.
@ki %aragra(n ortasnda belirin+e haritay bir kere tklayn e
Edit0r %en+eresinin alt kenarnda beliren ra(ik Editing Ara& O$b$$na
bakn. O$b$$n ilk simgesi olan okdan sonra' srasyla dikd0rtgen' daire e
&ok kenarl /%oligon1 simgelerini g0r*yor m$s$n$z- B$nlar' gra(ik *zerinde
tklanabilir balantl b0lge &izmek i&in k$llana+amz ara&lar. Ayn
yerde' &izdiiniz b0lgeleri to%l$+a g0rmenizi salayan =Highlight Hots%ots>
/Balant b0lgelerini g0ster1 e gra(ik *zerine metin yazma e b$ metne
balant ermeye yarayan A har(i eklindeki Tet /metin1 ara+ da yer
alyor.
Balant b0lgeleri haritasn harita *zerine &ize+eimize e
illerimizin snrlar d*z &izgi eklinde olmadna g0re' bize &ok kenarl
/%oligon1 ara+ gerekiyor. B$ ara+ tkladnzda 9o$se iaret&isinin kalem
eklini aldn g0re+eksiniz. Balayn dikkatli bir ekilde ekrandaki
harita *zerinde tayin ettiimiz be b0lgenin snrlarn denk geldikleri
+ora( b0lgelere $yg$n ekilde &izmeye; /9aalese('
7/23/2019 10 Derste Frontpage
91/115
Ook kenarl bir balant b0lgesi &izebilmek i&in' 0n+e kalem
eklindeki imle+i b0lgenin balaya+a bir noktaya getirerek' 9o$se$n sol
d*mesini tklatn, 9o$se iaret&isini y*r*tt**n*zde tkladnz noktadan
itibaren d*z bir &izgi &izildiini g0re+eksiniz, &izginin k0e ya%masn
istediiniz noktada 9o$se d*mesini tklayn e 9o$se$ s*r*klemeye deam
edin. B0lgeyi &izmeye baladnz roktaya geli% de ilk noktann *zerini
tkladnzda' 3reate Hy%erlink /Balant Ll$t$r1 k$t$s$ a&la+aktr.
Oizdiiniz b0lge 0rnein Ege e 9armarann bileimi idiyse' a&la+ak
listeden bati.htmi se&in. Dier b0lgeleri de harita *zerinde &izerek b$
b0lgeye ait balantnn HT9: dosyasn se&in. B$ ilem bittii zaman ortaya
0yle bir g0r*n*m &ka+aktr)
7/23/2019 10 Derste Frontpage
92/115
Internet %rogramlar' sizin k$llana+anz b*t*n dosya bi&imlerini
tanmayabilir. B$ sebe%le' b$ *& ortak bi&imdeki dosyalar k$llanmalsnz.
"es dosyalar da gra(ik dosyalar gibi sktrlabilir. 9i+roso(t A+tie
9edia teknoloQisi ile *retile+ek %roQeler e Real A$dio /RA1 b$nlar arasnda
saylabilir.
!eb say(asnda ses dosyas' bir balant olarak kon$labilir, ziyaret&i
b$ balanty tklad zaman Bro8ser balantl ses dosyasn indirerek'
&ala+aktr. Amat0r (otora(&lk sitemize (otora(&lk dersleri ile ilgili
bir b0l*m koyar e b0l*me =Ders F'> =Ders 6> eklinde ses dosyalar
balantlar ya%arsak' ziyaret&inin b$ balantlardan birini tklamas
halinde' Bro8ser %rogramnn balantl ses i+ra %rogram dereye sokarak'
ziyaret&inin ses dosyalarn dinlemesini salaya+aktr.
B$n$n dnda ses $ns$r$ndan arka4%lan $ns$r$ olarak da
yararlanabiliriz. B$ d$r$mda ses dosyas' i&inde b$l$nd$$ say(a ile
birlikte ziyaret&iye aktarlar e sizin ere+einiz 0l&*lere g0re ya bir
kere ya da say(a a&k old$$ s*re+e biteiye &alnr. Niyaret&i' 5ets+a%e
bro8ser k$llanyorsa e gerekli %l$g4in denilen ek %rogramlar k$rmamsa'
arka4%lan seslerini d$ymas m*mk*n olmayabilir.
"itemiz' amat0r de olsa (otora(&lkla ilgili old$$na g0re'
say(alarmz a&ld zaman bir (otora( makinasnn deklan0r sesi
d$y$lmas' (ena olmayabilir. Ana say(amza s0yle bir ses ekleyerek'
altrma ya%abiliriz. B$n$n i&in bize bir (otora( makinas deklan0r sesi
i&eren ses dosyas gerekiyor. Bilgisayarnzda ses kart arsa /aslnda ses
kart olmayan bilgisayar kalm m' diye sormak gerekir;1 e ses kartna bir
mikro(on bal ise' istediimiz sesi kaydedebiliriz.
7/23/2019 10 Derste Frontpage
93/115
diskimize =deklansor.8a> adyla kaydettik. /B$ dosyay 23 !orld sitesinde
b$labilirsiniz' eya altrma maksadyla !indo8s$n kendi ses dosyalarndan
herhangi birini k$llanabilirsiniz.1
/Arka4%lan sesi1 balkl b0l*me dikkat edin. :o+ation /9ahal1 k$t$s$ bo'
e yannda Bro8se /0zat1 d*mesi ar. B$ d*meyi tklayarak' ses dosyasnn
b$l$nd$$ klas0re gidin e dosyay se&in. L# d*mesini tklayarak "ay(a
Czellikleri k$t$s$na geri d0nd**n*zde' :o+ation hanesinde se&tiiniz
dosyann adnn yazl old$$n$ g0re+eksiniz. 9erak etmeyin' say(ay ilk
kaydettiinde e siteyi g*n+elletirdiinde
7/23/2019 10 Derste Frontpage
94/115
S!8lr Bie, !erle0tir&e
"ay(anza ses dosyas koymak' say(anz yeterin+e teleizyona
&eirmedi ise' bir de ideo koymaya ne dersiniz- B$na ge&meden diQital ideo
kon$s$na ksa+a deinelim.
Teleizyonda izlediiniz' teleizyondan ya da kameradan kasete
kaydettiiniz' kasette kaytl ol$% da M3RMTR ara+lyla oynattnz
ideo' analog ekilde kaydedilmitir. Analog ideo kaydnn 0zel bir aygt
yardmyla bilgisayarn sabit diskine aktarlmasna ideon$n diQitale
&erilmesi eya diQitalize edilmesi denir. *n*m*zde dor$dan bilgisayara
/eya bilgisayarn ok$yabildii bir ara ortama1 kayt ya%abilen diQital
ideo kameralar ardr. DiQital ideo da gra(ik e ses gibi bir &ok bi&imde
kaydedilebilir. 9i+roso(t$n !indo8s i&in gelitirdii diQital ideo
bi&imine AMI /A$dioMis$al Interleaed1 denir. Daha baka diQital ideo
kayt e sktrma bi&imi de ardr.
7/23/2019 10 Derste Frontpage
95/115
!eb sitesinde ideo ile ilgili son $yarmz' ideo dosyalarnn &ok
b*y*k yer t$tmas e dolaysyla ziyaret&inizin bilgisayarna indirilmesinin
&ok $z$n zaman almasdr. 77 #Bdan b*y*k ideo dosyalarna sitenizde yer
ermemeniz gerekir.
imdi bir 0rnek $yg$lama ya%alm. !eb sitemizin 5aigation g0r*n*m*nde
?eni Te&hizat say(asn iki kere tklayn, a&lan say(ada metin imle+inin
b$l$nd$$ yeri deitirmeden' InsertEkle men*s*nden A+tie Elements
/Hareketli Sns$rlar1 maddesini' on$n alt men*s*nden de Mideo maddesini
se&in. "abit diskte dosya b$lma d*mesini tklayarak' ideo dosyasnn
b$l$nd$$ yere gidin. Aradnz ideoy$ b$larak' e L#i tklayarak'
say(aya geri d0n*n.
7/23/2019 10 Derste Frontpage
96/115
9o$se Ler> /9o$se *st*neyken1 maddesi ise ziyaret&inin 9o$se iaret&isini
ideon$n *zerine s*r*kledii zaman ideon$n g0sterilmesi salar. B$ maddeyi
se&erseniz' ziyaret&i 9o$se iaret&isini $zaklatrd anda ideo d$r$r,
iaret&iyi ideon$n *zerine getirdii anda ideo batan balar. Eitim4
0retim ama&l ideoda b$n$ ya%mak dor$ olmaz.
;,Ber D+-&esi ile Cie, Be Ses
"ay(alarnza ideo /eya ses1 dosyalarn Hoer d*mesi olarak da
yerletirebilirsiniz. @ngiliz+e =*zerinden ge&mek' *zerinden $zmak' *zerinde
dolamak> gibi bir anlama sahi% olan b$ kelimele nitelenen d*me'
7/23/2019 10 Derste Frontpage
97/115
$laa+ak etki /E((e+t1 e b$ srada d*menin ala+a (arkl renk gibi
0zellikleri b$radan ayarlayabilirsiniz. dosya ad
ok$na+aktr.
7/23/2019 10 Derste Frontpage
98/115
Ders 6: F,r&lr
Internette herey' siteden ziyaret&inin bilgisayarna dor$d$r. ?a da
0yle g0r*n*r. er&ekte bir Bro8ser' bir site ile balant k$rd$$ anda'
siteden ald kadar olmasa bile belirli bir miktarda' o da siteye' ya da
sitenin b$l$nd$$ !eb "erera bilgi erir. say(asnn adn ksalt% Cneriler ya%n, b$
say(ann dosya adn da Lneriler.htm olarak d*zeltin. B$ say(aya bal *&
say(adan Cneriler say(asnn adn 0r*leriniz, HT9: dosyasnn adn
ON DERSTE FRONTPAGE STES *)
7/23/2019 10 Derste Frontpage
99/115
or$s(orm.htm olarak deitirin. ?eni 0r*ler say(asn iki kere tklayn
e Edit0rde a&ldnda say(ann i&inde g0re+einiz =Sse the (orm..> diye
balayan metni e altndaki (orm $ns$rlarnn t*m*n* taray%' klayede
Delete t$$na basarak silin. "ilemediiniz $ns$r kalrsa' say(ann altndaki
HT9: sekmesini tklayarak' a&la+ak say(ada
7/23/2019 10 Derste Frontpage
100/115
men*den de =Lne4line Tet Bo> /Tak satrlk metin k$t$s$1 maddesini se&in.
B$ maddeyi tkladnz anda' bo %aragra(n altnda' kesik &izgili bir k$t$
i&inde bo bir metin k$t$s$ ile iki d*me belire+ektir. #esik &izlgili k$t$'
say(anzdaki (orm$n t*m*n* ka%sayan alandr, b$n$n i&inde de imdilik *&
(orm alan b$l$n$yor. Her (orm' en az bir /0nder1' genellikle iki /0nder
e "il1 kom$t$ i&ermelidir. yazn e bir bol$k erin. "onra' sa ok t$$na basarak'
imle+i metin k$t$s$n$n sana ge&irin e klayede "hi(t t$$n$ t$tarak
Entera basn. B0yle+e imle+i tam bir %aragra( bol$$ ermeden aa satra
deil' sade+e bir satr aa ge&irmi ol$rs$n$z. imdi ="oyadnz)> yazn
e bir bol$k erdikten sonra' Insert men*s* yol$yla bir tek satrlk metin
k$t$s$ daha girin. B$ k$t$n$n da sanda "hi(t`Entera basn. kelimesinden sonra bir ka&
bol$k ermeyi deneyin.
7/23/2019 10 Derste Frontpage
101/115
g0re' (orm $ns$rlarnzn hizas yine boz$labilir. ?ol yaknken' b0yle
bol$klarla hiza t$tt$rma yerine' tablodan iskelet $ns$r$ olarak yararlanma
yol$na gidelim.
9etin imle+ini' =Adnz)> kelimesinin tam sol$na getirin e Table
/Tablo1 men*s*nden Insert Table /Tablo ekle1 maddesini se&in e a&lan
k$t$da Ro8s /"ralar1 hanesine F' 3ol$mns /"*t$nlar1 hanesine de 6 yazn.
:ayo$t /#on$m1 ayarlarn deitirmeden' !idth /enilik1 hanesindeki F77
rakamn G olarak deitirin. L#i tkladnzda e
="oyadnz)> kelimelerini silin. D*meler kalsn. imdi srasyla $ ileri
ya%abilirsiniz /trnak i&inde g0sterilen yazlar yazarken trnak iaretini
yazmaya+aksnz1)
F. Birin+i sra4birin+i s*t$na =Adnz)> yazn,
6. @kin+i sra4birin+i s*t$na ="oyadnz)> yazn,
V. P&*n+* sra4birin+i s*t$na =E4Adresiniz)> yazn,
U. D0rd*n+* sradaki iki k$t$y$ birletirin /iki k$t$y$ birden
tarayn, herhangi birini sa4tklayn' a&la+ak men*den 9erge 3ells
/H*+releri birletir1 maddesini se&in. "onra b$ k$ kt$n$n i&ine =Amat0r
(otora(& msnz-> yazn,
. Altn+ sradaki iki k$t$y$ birletirin e b$ k$t$ya ="itemden
yararlandnz m-> yazn,
Z. "ekizin+i sradaki iki k$t$y$ birletirin e b$ k$t$ya
=Beendiiniz (otora(lar)> yazn,
W. F7n+$ sradaki iki k$t$y$ birletirin e k$t$ya =D$y$rmak
istediiniz bir sergi e g0steri arsa' aadaki k$t$ya yazabilirsiniz)>
yazn,
ON DERSTE FRONTPAGE STES 0
7/23/2019 10 Derste Frontpage
102/115
. F6n+i sradaki iki k$t$y$ birletirin e b$ k$t$ya
= yazl d*meyi' ayn srada ikin+i s*t$na tayn,
F7. Birin+i srada ikin+i s*t$n$ tklayn, Insert yazn, ayn yolla ikin+i bir @aret #$t$s$ ekleyin e
on$n yanna =Hayr> yazn.
F6. ?edin+i srada ikin+i s*t$n$ tklayn, Insert, *&*n+* bir radyo d*mesi ekleyin e yarna
=#smen> yazn,
FV. Dok$z$n+$ srada ikin+i s*t$n$ tklayn, Insert yazn, "%e+i(y Mal$e) /Bir deer
belirt1 k$t$s$na iaret koy$n e b$ satrn altndaki haneye =Ter+ih yok>
yazn, L#i tklayn. Tekrar Addi tklayn' 3hoi+e olarak =Hi&birini'>
yazn, Mal$e k$t$s$na iaret koyd$$n$zda Mal$e hanesinde =Hi&birini>
ON DERSTE FRONTPAGE STES 02
7/23/2019 10 Derste Frontpage
103/115
kelimesi belire+ektir. L#i tklayn. Ayn y0ntemle Doa' ezi' 2ortre e
Dier se&eneklerini e deerlerini girin. 2ro%erties k$t$s$n$n Height
/?*kseklik1 hanesine F yazn. =Allo8 m$lti%le sele+tions> /Ook ter+ihe izin
er1 sor$n$n karsnda 5o /Hayr1 se&eneinin iaretli olmasna dikkat
edin, e k$t$n$n L# d*mesini tklayn.
FU. Cn+e FFn+i' sonra FVn+* sradaki iki h*+reyi birletirin e b$
h*+relere Insert
7/23/2019 10 Derste Frontpage
104/115
(otora( t*rleri sor$s$n$n +eab olan se&enek listesinde ksmen ya%tk,
se&eneklere $yg$n deerler erdik' imdi Insert yol$yla (orm$n$za
eklediiniz alanlar srasnda sa tklayarak e
yazn. Tab Lrder' 6 ola+ak.
V. E4adresinizin karsndaki metin k$t$s$n$n 5ameAd hanesine
=Eadres> yazn. Tab Lrder' V ola+ak.
U. =Amat0r ="itemden yararlandnz m-> e
=Beendiiniz (otora(lar-> sor$larna istediimiz +ea%larda old$$ gibi'
ziyaret&inin ter+ih ya%a+a d$r$mlarda bize $laa+ak bilginin ad ile
ter+ih edilen se&enein deeri birletirile+ektir. B$ sebe%le' b$ sor$larn
+ea%lar ola+ak se&eneklerin he%sini ad ayn olmaldr. B$na g0re' Amat0r
(otora(& msnz-> sor$s$n$n +ea% klarndan olan Eetin 0n*ndeki
k$t$y$ sa tklayn, a&la+ak men*den
7/23/2019 10 Derste Frontpage
105/115
iaretlese' Hayr da iaretlese' Bro8ser' "erera ayn b$ k$t$larn
deerlerini ayn adla g0ndere+ektir. /Dikkat) =Amator> kelimesini her iki
k$t$da da ayn ekilde yazn;1
. B$ ilemin benzerini' ="itemden yararlandnz m-> sor$s$n$n
karlklarna da ya%a+az. B$rada 5ameAd hanesine =?arar> e Mal$eDeer
hanesine her *&* i&in srasyla =eet'> =hayir> e =kismen> yaza+az.
/Dikkat) =?arar> kelimesini baz k$t$larda b*y*k har(le' bazlarnda k*&*k
har(le yazmayn;1 Eetin sekme sras Z' Hayrn W e #smenin ola+ak.
Z. =Beendiiniz (otora(lar> sor$s$n$n +ea% se&enekleri k$t$s$n$ sa
tklayn, a&la+ak men*den
sekme srasn F7 ya%n.
. Eletiri metin k$t$s$n$n adn =Elestiri'> sekme srasn FF ya%n'
G. "$bmit d*mesinin adn =onder'> Mal$e:abel /DeerEtiket1
hanesini =0nder> e sekme srasn F6 ya%n.
F7. Reset d*mesinin adn ="il'> Mal$e:abel hanesini ="il>
/kelimenin 0n*ne e arkasna *& bol$k koy$n;1 e sekme srasn FV ya%n.
F,r& /ililerini 0le&e
7/23/2019 10 Derste Frontpage
106/115
7/23/2019 10 Derste Frontpage
107/115
6.
7/23/2019 10 Derste Frontpage
108/115
tara(na m' son$na m eklene+ei gibi ayrntlar da b$rada g0re+eksiniz.
7/23/2019 10 Derste Frontpage
109/115
emrini i+ra eder e son$&lar /hazr erilen (akat sizin istediiniz gibi
deitiri% yeniden bi&imlendirebile+einiz1 bir ablona yazarak' ziyaret&iye
g0nderir.
B$ kita%&ktaki 0rnekleri birlikte ya%t isek' ol$t$rd$$n$z sitede'
Ara adl bir say(a e i&inde /hen*z deitirmediimiz i&in1 @ngiliz+e bir
metin e arama (orm$ ar.
"itenize' b$g*ne kadar &ok y*ksek ek *+retlerle kazanlabilen Arama
9otor$ imkann iki tklamayla kazandrmak istiyorsanz' ya b$ say(ay
d*zeltin' ya da yeni bir say(a a&%' arama (orm$ girin. Arama har(i ile
batara( erilen karakterleri i&eren b*t*n kelimelerin b$l$nmasna imkan
erir)
ON DERSTE FRONTPAGE STES 0*
7/23/2019 10 Derste Frontpage
110/115
7/23/2019 10 Derste Frontpage
111/115
Ders (: Sitenizi S"n!"n Be
9!"nl!"n@te b$ kadar.. "itemizi' b*y*k 0l&*de
7/23/2019 10 Derste Frontpage
112/115
se&erseniz' say(alarnzn kendi aralarnda e baka yerlerle balantlarn
ema halinde g0rebilirsiniz)
7/23/2019 10 Derste Frontpage
113/115
@lk derste ele aldmz gibi' sitenin %lanlama aamasnda' b$ld$$n$z
!eb "erer Esahibi (irma'
7/23/2019 10 Derste Frontpage
114/115
salamyor diye *z*lmenize gerek yok.
7/23/2019 10 Derste Frontpage
115/115
D
!L) 7
!L) FU6F
!) FZWVFZ