Boris Leont'ev. Web-dizajn: Tonkosti, hitrosti i sekrety
---------------------------------------------------------------
© Copyright Boris Leont'ev
Home page: http://members.rotfl.com/bobleon/ ˇ http://members.rotfl.com/bobleon/
Email: bobleon@uniinc.msk.ru
---------------------------------------------------------------
BBK 32.973
UDK 681.3
Glavnyj redaktor
Dmitrij Carik
Korrektor
Irina Carik
Hudozhnik-dizajner
Boris Leont'ev
Leont'ev B.
L80 Web-dizajn: Tonkosti, hitrosti i sekrety. -- M.: Poznavatel'naya
kniga plyus, 1999. -- 192 s.
ISBN 5-88548-067-2
Vy hotite nauchit'sya sozdavat' web-stranicy prosto, krasivo i
professional'no? Togda prosto prochitajte etu nebol'shuyu knigu i Vash
web-dizajn budet vsegda velikolepnym!
Kniga rasschitana kak na shirokij krug pol'zovatelej, tak i na
professionalov.
Copyright © Boris Leont'ev, 1999.
Copyright © Izdatel'stvo "Poznavatel'naya kniga plyus", 1999.
Copyright © Studiya dizajna i reklamy MiK, 1999. Oformlenie serii i etoj
knigi.
Copyright © Izdatel'stvo "Utro" sovmestno s firmoj "Oleg i Pavel",
1999.
Avtorskie prava na nastoyashchuyu knigu, nazvanie serii "Kratko, dostupno,
prosto" i oformlenie samoj serii prinadlezhat Borisu Leont'evu i studii
dizajna i reklamy MiK. Polnoe ili chastichnoe kopirovanie knigi, a takzhe
publikaciya drugih rukopisej v ramkah etoj serii bez razresheniya
pravoobladatelya yavlyaetsya narusheniem avtorskogo prava i mozhet imet'
yuridicheskie posledstviya v sootvetstvii s dejstvuyushchim zakonodatel'stvom.
Vse nazvaniya produktov, upomyanutye v etoj knige, yavlyayutsya tovarnymi
znakami ili zaregistrirovannymi tovarnymi znakami sootvetstvuyushchih
organizacij.
Programmnoe obespechenie, opisannoe v etoj knige, postavlyaetsya
isklyuchitel'no po licenzionnomu dogovoru i mozhet ispol'zovat'sya ili
kopirovat'sya tol'ko v sootvetstvii s usloviyami etogo dogovora. Kopirovanie
etogo programmnogo obespecheniya na kakoj-libo nositel' informacii, esli na
eto net special'nogo razresheniya po licenzionnomu dogovoru, yavlyaetsya
narusheniem Zakona Rossijskoj Federacii "O pravovoj ohrane programm dlya |VM i
baz dannyh" i norm mezhdunarodnogo prava.
LR No 069954 ot 01.12.1991 g. Sdano v nabor 06.07.98. Podpisano v
pechat' 12.12.98. Format 60X84/16.
Bumaga tipografskaya. Garnitura "Newton". Pechat' ofsetnaya. Fiz. pech. l.
12. Tirazh 5 000 ekz. Zakaz 48.
Web-dizajn
Web-stranicy mozhno sozdavat' neskol'kimi sposobami -- s nulya ili na
osnove sushchestvuyushchego shablona. V poslednem sluchae, vprochem kak i v pervom, u
vas mogut byt' problemy pri testirovanii sozdannogo dokumenta, tak kak
sgenerirovannym ssylkam svojstvenno oshibat'sya. Reshit' etu problemu mozhet uzhe
ne redaktor, a obyknovennyj obozrevatel' WWW.
Esli u vas imeetsya kollekciya kartinok, fonov, markerov i razdelitelej,
to sozdanie Web-stranic -- ves'ma uvlekatel'noe zanyatie. Krome vsego etogo,
pomnite, chto vam obyazatel'no ponadobitsya soft dlya preobrazovaniya obychnyh
tekstovyh fajlov v fajly formata HyperText Markup Language.
Horoshij redaktor Web-stranic dolzhen, s odnoj storony, pozvolyat'
redaktirovat' kod HTML, a s drugoj -- prosmatrivat' proizvedennye takim
obrazom izmeneniya v rezhime neposredstvennogo prosmotra.
Esli vy nachinaete s nulya, to vy dolzhny vvesti ili importirovat' tekst v
dokument, otformatirovat' abzacy, razmestit' kartinki. Vse kartinki i
tekstovye fajly sohranyayutsya v odnom kataloge. Zatem vse eto hozyajstvo
otpravlyaetsya k vashemu postavshchiku Internet na ego vinchester.
Gipertekstovyj dokument
Pod gipertekstovym dokumentom ponimayut dokument, soderzhashchij tak
nazyvaemye ssylki na drugoj dokument. Realizovano vse eto cherez protokol
peredachi giperteksta HTTP (HyperText Transfer Protocol).
Informaciya v dokumentah Web mozhet byt' najdena po klyuchevym slovam. |to
oznachaet, chto kazhdyj obozrevatel' Web soderzhit opredelennye ssylki, cherez
kotorye obrazuyutsya tak nazyvaemye gipersvyazi, pozvolyayushchie millionam
pol'zovatelej Internet vesti poisk informacii po vsemu miru.
Gipertekstovye dokumenty sozdayutsya na baze yazyka HTML (HyperText Markup
Language). |tot yazyk ves'ma prost, upravlyayushchie kody ego, kotorye,
sobstvenno, i kompiliruyutsya obozrevatelem dlya otobrazheniya na ekrane, sostoyat
iz teksta ASCII. Ssylki, spiski, zagolovki, kartinki i formy nazyvayutsya
elementami yazyka HTML.
Universal'nyj lokator resursa
Web mozhet otkryvat' dostup k drugim resursam Internet, naprimer k
elektronnoj pochte, FTP, Gopher, WAIS ili konferenciyam Usenet. Odno iz takih
sredstv serfinga po Web obespechivaet vstroennyj v Windows 98 obozrevatel'
Microsoft Internet Explorer 4.0.
Dokument v Internet ishchetsya po tak nazyvaemomu adresu URL (Uniform
Resource Locator), sintaksis kotorogo sleduyushchij:
protocol://hostport/path
hostport -- adres servera s sootvetstvuyushchim nomerom porta. |tot
parametr otobrazhaet tak nazyvaemuyu mashinnuyu adresaciyu. Mashinnaya adresaciya
mozhet byt' chislovoj ili bukvennoj.
path -- put'.
Vmesto argumenta protocol mozhet stoyat':
http -- lyubaya gipertekstovaya informaciya.
ftp -- protokol peredachi fajlov.
telnet -- terminal'nyj dostup.
gopher -- "predshestvennik" WWW.
afs -- fajlovaya sistema Internet.
news -- konferencii Usenet.
wais -- sistema baz dannyh Internet.
Domeny Internet
Vse uzly Web klassificirovany Mezhdunarodnym centrom setevoj informacii
(NIC) na shest' domenov:
com -- kommercheskie predpriyatiya, naprimer, provajdery Internet
edu -- obrazovatel'nye uchrezhdeniya, kolledzhi i universitety
net -- dejstvuyushchie seti, naprimer, Network Information Center
org -- neprofessional'nye organizacii
mil -- voennye seti
gov -- pravitel'stvennye uchrezhdeniya, naprimer, whitehouse.gov
Krome etogo, vse domennye imena imeyut ukazateli na stranu, v kotoroj
raspolozhen dannyj uzel. Naprimer, domennye imena .uk, .jp i .us predstavlyayut
sootvetstvenno Velikobritaniyu, YAponiyu i SSHA.
HTML
V nastoyashchee vremya sushchestvuet massa redaktorov Web-stranic, kotorye ne
trebuyut ot vas znanij osnov HTML. No dlya togo chtoby umet' professional'no
podgotavlivat' gipertekstovye dokumenty, vy dolzhny znat' ih vnutrennee
stroenie, to est' kod dokumenta HTML.
HTML pozvolyaet vam formirovat' razlichnuyu gipertekstovuyu informaciyu na
osnove strukturirovannyh dokumentov.
Obozrevatel' opredelyaet sformirovannye ssylki i, cherez protokol
peredachi giperteksta HTTP, otkryvaet dostup k vashemu dokumentu drugim
pol'zovatelyam Internet. Razumeetsya, dlya uspeshnoj realizacii vsego etogo
neobhodim soft, polnost'yu sovmestimyj s WWW i podderzhivayushchij HTML.
Opisanie HTML
HTML-dokument -- eto obychnyj tekstovoj fajl. Ispol'zuya, naprimer,
obozrevatel' Netscape Navigator vy mozhete prosmotret' rezul'tat vashej
raboty, prosto zagruziv v nego sozdannyj na osnove sintaksisa HTML tekstovoj
fajl.
Gipertekstovyj yazyk predostavlyaet tol'ko informaciyu dlya chteniya. |to
oznachaet, chto redaktirovat' Web-stranicy mozhet lish' tot, kto ih sozdal, a ne
prostoj pol'zovatel' Seti setej. Vprochem, esli zabezhat' nemnogo vpered,
mozhno skazat', chto ispol'zuya obshchij shlyuzovoj interfejs (CGI) mozhno dobavlyat'
nekotorye operatory HTML v sgenerirovannuyu stranicu.
Tegi
Samyj smak gipertekstovogo yazyka -- eto ssylki. V mirovoj pautine vy
prosto nazhimaete na ssylku i mgnovenno okazyvaetes' v drugoj tochke zemnogo
shara na vybrannoj vami stranichke.
Po tradicii vseh klassicheskih rukovodstv po HTML my privodim samyj
prostoj gipertekstovyj dokument.
<TITLE>Primer prostogo HTML dokumenta</TITLE>
<H1>Zdes' razmeshchen zagolovok pervogo urovnya</H1>
Dobro pozhalovat' v Internet!
Pervyj i poslednij paragraf.<P>
V etom primere my ispol'zovali sleduyushchie terminy giperteksta (tak
nazyvaemye tegi):
<TITLE> -- teg, ispol'zuyushchijsya dlya opredeleniya zagolovka.
<H1> -- teg zagolovka.
<P> -- teg metki paragrafa.
V yazyke opisaniya gipertekstovyh dokumentov vse tegi parnye. V konechnom
tege prisutstvuet slesh, kotoryj soobshchaet obozrevatelyu o zavershenii. No!
Sushchestvuet odno isklyuchenie iz etogo pravila par:
V prirode ne sushchestvuet tega </P>.
Ne vse tegi sovmestimy s obozrevatelyami. Esli obozrevatel' ne ponimaet
teg, to on ego prosto propuskaet.
Itak, dokument HTML eto zagolovok:
<html>
<head> Zagolovok </head>
<body>
...
i tekst
...
</body>
s nazvaniem:
<head>
<title> Nazvanie </title>
</head>
Nazvanie dokumenta
|to ne pravilo, i dazhe ne zakon, eto fakt:
Lyuboj dokument HTML imeet nazvanie.
Po nazvaniyu vashego dokumenta HTML drugie obozrevateli mogut najti
informaciyu. Mesto dlya nazvaniya vsegda opredeleno -- ono nahoditsya vverhu
ekrana, i otdel'no ot soderzhimogo dokumenta. Maksimal'naya dlina nazvaniya --
40 simvolov.
Formatirovanie
Formatirovanie mozhet byt' neposredstvennym ili avtorskim. Esli vy
ispol'zuete teg <pre>, to formatirovanie schitaetsya avtorskim:
<body>
<pre>
Sleduyushchie tegi prisushchi neposredstvennomu formatirovaniyu:
<p> -- paragraf.
<hr> -- gorizontal'naya liniya.
<br> -- obryv stroki.
Zagolovki i podzagolovki
YAzyk HTML pozvolyaet vam rabotat' s shest'yu urovnyami zagolovkov. Pervyj
zagolovok -- samyj glavnyj. Na nego obrashchaetsya osoboe vnimanie. Ostal'nye
zagolovki mogut byt' oformleny, naprimer, zhirnym shriftom ili propisnymi
bukvami.
V HTML pervyj zagolovok oboznachaetsya kak <H1>:
<Hn>Tekst</Hn>
Pod n ponimaetsya uroven' zagolovka, to est' chisla 1, 2, 3, 4, 5 ili 6.
V HTML pervyj zagolovok mozhet sovpadat' s nazvaniem dokumenta.
Spiski
Spiski podrazdelyayutsya na nenumerovannye:
<ul>
<li> |lement spiska
</ul>
numerovannye:
<ol>
<li> |lement spiska
</ol>
c opisaniyami:
<DL>
<DT> Sobaka (element)
<DD> Drug cheloveka (opisanie elementa)
</DL>
i vlozhennye:
<UL>
<LI> Primus
<OL>
<LI> Drugoj primus
...
</OL>
<LI>
...
</UL>
Vydelenie teksta
Tekst v dokumente HTML mozhet byt' vydelen odnim iz sleduyushchih sposobov:
<cite> -- citata </cite>
<code> -- programmnyj kod </code>
<dfn> -- opredelenie </dfn>
<em> -- logicheskij akcent </em>
<kbd> -- vvod s klaviatury </kbd>
<samp> -- soobshcheniya komp'yutera </samp>
<strong> -- sil'nyj akcent </strong>
<var> -- peremennye </var>
Odin bol'shoj paragraf
V HTML razbienie na stroki ne principial'no. |to oznachaet, chto vy
mozhete razbit' stroki vashego dokumenta v lyubom ego meste. Svyazano eto s tem,
chto v gipertekstovom dokumente idushchie podryad otbivki prevrashchayutsya v odnu.
No! Esli otbivka sdelana posle tega <P>, to ona uchityvaetsya. Esli
kakoj-nibud' teg <H> ignoriruetsya, to otbivka takzhe uchityvaetsya. V ostal'nyh
sluchayah obozrevatel' budet propuskat' otbivki.
Ssylki
HTML pozvolyaet vam svyazat' tekst ili kartinku s drugimi gipertekstovymi
dokumentami. Tekst, kak pravilo, vydelyaetsya cvetom ili oformlyaetsya
podcherkivaniem.
Dlya etogo ispol'zuetsya teg <A>. Pomnite, chto posle bukvy A dolzhen
stoyat' probel.
CHtoby sformirovat' ssylku:
n naberite <A
n vvedite HREF="filename">
n naberite posle > tekst gipertekstovoj ssylki
n naberite teg </A>
Odin iz variantov gipertekstovoj ssylki mozhet vyglyadet' tak:
<A HREF="BobAnapa.html">Bob</A>
Zdes' slovo Bob ssylaetsya na dokument BobAnapa.html, obrazuya
gipertekstovuyu ssylku.
Esli dokument, formiruyushchij ssylku, nahoditsya v drugoj direktorii, to
podobnaya ssylka nazyvaetsya otnositel'noj:
<A HREF="BobAnapa/VobMoscow.html">Bob</A>
Esli vy hotite ukazat' polnoe imya fajla, to vam neobhodimo ispol'zovat'
sintaksis UNIX.
Ssylki mozhno formirovat' na osnove tak nazyvaemogo universal'nogo
lokatora resursa, to est' ispol'zuya sleduyushchij sintaksis:
protocol: //hostport/path
Predvaritel'noe formatirovanie teksta
Teg <PRE> pozvolyaet sformirovat' tekst, oformlennyj monoshirinnym
shriftom.
Ispol'zujte etot teg dlya oformleniya listingov programm.
Rasshirennye citaty
Teg <BLOCKQUOTE> pozvolyaet vam vklyuchit' citatu v uedinennyj ob®ekt.
Adres
Teg <ADDRESS> pozvolyaet sformirovat' informaciyu ob avtore dokumenta
HTML.
Kucha slov po povodu formatirovaniya simvolov
V HTML slova i stroki kodiruyutsya logicheskimi i fizicheskimi stilyami.
Fizicheskie stili formatiruyut tekst.
Logicheskie stili formatiruyut cherez opredelenie v gipertekstovom
dokumente nekotorogo znacheniya. |to v chastnosti oznachaet, chto teg zagolovka
pervogo urovnya ne soderzhit informacii o razmere shrifta i garniture. Poetomu,
chtoby izmenit' simvol'noe formatirovanie zagolovka vy dolzhny modificirovat'
zagolovok pervogo urovnya. CHerez logicheskie (v tom chisle i simvol'nye) tegi
vy mozhete sformirovat' soglasovannyj gipertekstovyj dokument, to est'
opredelit' zagolovok pervogo urovnya v kachestve tol'ko <H1> (bez informacii o
garniture shrifta i ego kegle).
Logicheskie stili
Nizhe my predstavlyaem primery logicheskih stilej dokumenta HTML.
<DFN>
Opredelit' slovo. Kak pravilo, kursiv.
<EM>
Usilit' akcent. Kak pravilo, kursiv.
<CITE>
Zagolovok chego-to bol'shogo i horoshego. Kursiv.
<CODE>
Komp'yuternyj kod. Monoshirinnyj shrift.
<KBD>
Tekst, vvedennyj s klaviatury. Monoshirinnyj zhirnyj shrift.
<SAMP>
Soobshchenie programmy. Monoshirinnyj shrift.
<STRONG>
Nu ochen' vazhnye uchastki. ZHirnyj shrift.
<VAR>
Zamena peremennoj na chislo. Kursiv.
Fizicheskie stili
Gipertekstovyj dokument mozhet byt' oformlen s ispol'zovaniem sleduyushchih
stilej:
<b>Poluzhirnyj
<i>Kursiv
<TT> Monoshirinnyj
Special'nye simvoly
Simvoly, kotorye ne mogut byt' vvedeny v tekst dokumenta
neposredstvenno cherez klaviaturu nazyvayutsya special'nymi simvolami. Dlya
takih simvolov sushchestvuyut osobye tegi.
CHetyre simvola -- znak men'she <, znak bol'she >, ampersand & i dvojnye
kavychki " imeyut special'noe znachenie vnutri HTML i sledovatel'no ne mogut
byt' ispol'zovany v tekste v svoem obychnom znachenii.
Skobki ispol'zuyutsya dlya oboznacheniya nachala i konca HTML tegov, a
ampersand ispol'zuetsya dlya oboznacheniya tak nazyvaemoj
escape-posledovatel'nosti. Dlya ispol'zovaniya odnogo iz etih simvolov vvedite
odnu iz sleduyushchih escape-posledovatel'nostej:
<
Znak men'she.
>
Znak bol'she.
&
Ampersand.
"
Kavychki.
Prinuditel'nyj perevod stroki
Teg <BR> perevodit tol'ko odnu stroku, to est' bez dopolnitel'nogo
probela.
Gorizontal'nye razdeliteli
Teg <HR> formiruet gorizontal'nuyu liniyu po vsej shirine okna.
Vstroennye izobrazheniya
Vy mozhete vstraivat' v vash dokument kartinki. Sintaksis vstroennoj
kartinki sleduyushchij:
<IMG SRC=image_URL>
Zdes' image_URL est' ukazatel' na fajl kartinki, sintaksis kotorogo
sovpadaet s sintaksisom ssylki HTML.
Zvukovosproizvedenie
Dlya togo, chtoby vstavit' v vashu stranichku zvukovoj fajl, naprimer,
midi-fajl, ispol'zujte sleduyushchuyu konstrukciyu:
<EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"
ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>
|to odna stroka.
V etom tege byli ispol'zovany sleduyushchie parametry:
WIDTH
Parametr, opredelyayushchij shirinu midi-pleera.
HEIGHT
Parametr, opredelyayushchij vysotu midi-pleera.
BORDER
SHirina ramki midi-pleera.
AUTOSTART
Zapustit' midi-pleer srazu posle togo, kak zagruzitsya dokument HTML.
Raspredelenie ssylok po kartinke
Ispol'zuya tehnologiyu raspredeleniya ssylok po kartinke, vy mozhete,
naprimer, sozdat' graficheskoe menyu iz odnoj bol'shoj kartinki takim obrazom,
chtoby kazhdyj element sistemy menyu soderzhal opredelennyj URL.
Raspredelenie ssylok po kartinke opisyvaetsya v tege IMG sleduyushchim
parametrom:
<IMG SRC="url" USEMAP="url#map_name">
Zdes' argument USEMAP zadaet raspolozhenie shemy raspredeleniya map_name
v URL.
Esli URL ne ukazan, to poisk shemy map_name vedetsya v tekushchem
dokumente.
Kod shemy mozhet vyglyadet' tak:
<MAP NAME="map_name">
<AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
</MAP>
Zdes' byli ispol'zovany sleduyushchie tegi:
<AREA>
Opredelit' dlya dannogo URL oblast' na kartinke posredstvom parametrov
SHAPE i COORDS.
SHAPE
Forma oblasti. Vy mozhete vydelit' oblast' na
kartinke tak:
n default -- standartnaya forma
n rect -- pryamougol'nik
n circle -- krug
n poly -- mnogougol'nik proizvol'noj formy
COORDS
Koordinaty oblasti. Zadayutsya v pikselah. Otschet nachinaetsya s nulya. Krug
imeet tri koordinaty,
pryamougol'nik -- chetyre, a dlya mnogougol'nika vy dolzhny opisat' kazhdyj
ego ugol v dvuh koordinatah. Naprimer, oblast', imeyushchaya razmery 50 na 50
pikselov, opisyvaetsya tak:
<AREA COORDS="0,0,54,54" ...>
HREF="url"
Opredelit' ssylku na sheme, to est' vpisat' URL.
NOHREF
Ukazat', chto v dannoj oblasti kartinki otsutstvuet ssylka. |tot
parametr rabotaet vsegda, kogda ne opredelen parametr HREF.
</MAP>
Zakonchit' opisanie shemy raspredeleniya ssylok po kartinke.
Obshchij shlyuzovoj interfejs i
formy HTML
Obshchij shlyuzovoj interfejs (Common Gateway Interface) pozvolyaet rabotat'
s dannymi servera Web v interaktivnom rezhime. Server Web cherez CGI zapuskaet
poiskovuyu programmu i peresylaet obrabotannye dannye nazad. Sama programma
CGI hranitsya v kataloge CGI-BIN. |to oznachaet, chto fajl iz kataloga CGI-BIN
vsegda ispolnyaemyj fajl. Esli CGI- programma, naprimer, vzaimodejstvuet s
sistemoj upravleniya bazoj dannyh, to pol'zovatel' mozhet poluchat' nekotoruyu
interesuyushchuyu ego informaciyu v interaktivnom rezhime.
|to trivial'no, no fakt: CGI-programmy sozdayutsya posredstvom CGI. Kod
programmy pishetsya, kak pravilo, na yazyke opisaniya scenariev Perl. Perl
yavlyaetsya interpretiruemym yazykom, interpretator kotorogo sootvetstvuet
operacionnoj sisteme.
Peredacha dannyh ot servera k programme CGI osushchestvlyaetsya serverom
cherez komandnuyu stroku i peremennye okruzheniya.
Takim obrazom, server cherez obshchij shlyuzovoj interfejs zapuskaet
programmu CGI i peresylaet ej vvodimye pol'zovatelem dannye. Sami dannye
vvodyatsya cherez tak nazyvaemye formy HTML.
Forma predstavlyaet soboj gipertekstovuyu stranicu s odnim ili
neskol'kimi polyami dannyh i special'noj knopkoj dlya peredachi vvedennoj
informacii.
Kak i kod lyubogo gipertekstovogo dokumenta, kod formy nachinaetsya s tega
FORM ACTION = /SGI-BIN/EXAMPLE.PL i zakanchivaetsya tegom /FORM.
ACTION
Argument ACTION -- eto URL programmy CGI, to est' /SGI-BIN/EXAMPLE.PL.
METHOD
Metod, ispol'zuemyj dlya zaprosa dannyh.
|tot parametr zadaet rezhim peredachi dannyh iz formy v programmu CGI.
Osnovnye rezhimy peredachi -- GET, HEAD i POST. Programma CGI dolzhna
podderzhivat' odin iz etih rezhimov, inache obrabotki dannyh ne proizojdet.
V rezhime GET dannye vhodyat cherez URL v stroku zaprosa. Naprimer, esli
programma obrabotki dannyh BOB.PL lezhit v kataloge CGI-BIN, to zapros HTML
pojdet na server cherez ACTION sleduyushchim obrazom:
FORM ACTION=/CGI-BIN/BOB.PL METHOD=GET
Teper' server znaet, gde nahoditsya programma BOB.PL, poetomu on ee
zapustit v rezhime GET.
Programmy CGI poluchayut dannye ot peremennyh okruzheniya i posylayut
vyhodnye dannye cherez obshchij shlyuzovoj interfejs obratno pol'zovatelyu.
Naprimer, posle vvoda tega A HREF=BOB.HTML na server pojdet zapros GET
/BOB.HTML. Zagolovok GET opredelyaet poluchenie dokumenta BOB.HTML v kornevom
kataloge servera.
Otnositel'no argumenta POST
CGI realizovan v programmah, podderzhivayushchih Unix i nekotorye prilozheniya
Windows. CGI dlya Windows realizuetsya lish' v tom sluchae, esli server Web
sposoben dekodirovat' dannye teh form HTML, kotorye peresylayutsya v rezhime
POST. |to mozhno sdelat' dvumya sposobami:
URL-Encoded. Dannye formy peresylayutsya na server v vide HTML.
Multipart Form Data. Dannye formy peresylayutsya na server v vide
MIME-soobshcheniya.
INPUT TYPE=TEXT
Pomestit' v formu tekstovoe pole dannyh.
NAME=NAME
Opredelit' imya tekstovogo polya dannyh NAME.
MXLENGTH=NUMBER
Razmer tekstovogo polya dannyh. Vmesto NUMBER vy mozhete vvesti celoe
chislo.
RADIO
Opredelit' knopku pereklyucheniya.
NAME=PRODTYPE
Opredelit' logicheskoe pole PRODTYPE.
INPUT TYPE=CHECKBOX
Opredelit' flazhok dlya protokola peredachi.
ACCEPT
Metod, ispol'zuemyj dlya interpretacii peresylaemyh fajlov. Fajly mogut
peresylat'sya v vide ASCII ili HTML.
Kolichestvo zagolovkov ACCEPT sootvetstvuet tipam dannyh MIME
(Multipurpose Internet Mail Extensions). Zagolovok ACCEPT: TYPE/SUB-TYPE
{parameters} peresylaetsya kak znachenie parametra ACCEPT. Kazhdyj tip dannyh
imeet sobstvennyj parametr ACCEPT.
Frejmy
Tehnologiya frejmirovaniya v HTML pozvolyaet prosmatrivat' v odnom okne
obozrevatelya neskol'ko gipertekstovyh dokumentov. Odin frejm otobrazhaet
tol'ko odin gipertekstovyj dokument.
Sozdanie frejma
Sozdanie frejma osushchestvlyaetsya cherez teg <FRAMESET>. Teg <BODY> v etom
sluchae ne ispol'zuetsya.
Teg </FRAMESET> zakanchivaet vypolnenie koda posle tega <FRAMESET>.
Dalee idet standartnoe primenenie HTML.
Opisanie frejma
Teg <FRAME SRC="Name1"> pozvolyaet opisat' pervyj frejm, t.e. prisvoit'
imya gipertekstovomu dokumentu. Vtoroj frejm opisyvaetsya tegom <FRAME
SRC="Name2" NAME="Main">.
Esli obozrevatel' ne podderzhivaet frejmy
Esli obozrevatel' togo ili inogo pol'zovatelya ne podderzhavaet frejmy,
to mezhdu tegom <NOFRAMES> i tegom </NOFRAMES> zanositsya tekst, kotoryj
raspoznaet obozrevatel'.
Svojstva frejmov
Teg <FRAMESET COL="N1, N2,..> pozvolyaet opredelit' kolichestvo frejmov i
zadat' razmer frejmov v procentah ot razmera okna obozrevatelya ili
zafiksirovat' eti razmery v pikselah.
Teg s bol'shimi vozmozhnostyami
Teg <FRAME>, imeyushchij samoe bol'shoe kolichestvo atributov, pozvolyaet
nastroit' svojstva frejma. Nizhe opisyvayutsya eti atributy.
NAME=
Imya frejma.
MARGINWIDTH=
Gorizontal'nyj otstup (ot 1 do 6) mezhdu frejmom i ego granicej.
MARGINHEIGHT=
Vertikal'nyj otstup (ot 1 do 6) mezhdu frejmom i ego granicej.
SCROLLING=
Prokrutka frejma. Podatribut SCROLLING=YES pozvolyaet sozdat' polosy
prokrutki, SCROLLING=NO -- ukazyvaet obozrevatelya, chto polosy prokrutki
otsutstvuyut v dannom frejme, a podatribut SCROLLING=AUTO pozvolyaet
otobrazhat' polosy prokrutki v zavisimosti ot svojstv obozrevatelya.
NORESIZE
Fiksirovannyj razmer frejma.
SRC=
Zadat' gipertekstovyj dokument dlya etogo frejma.
TARGET=Name
Otkryt' ssylku vo frejme s imenem Name.
Sozdanie web-stranic v Microsoft FrontPage Express
Microsoft FrontPage Express odin iz teh redaktorov Web-stranic, kotorye
ne trebuyut ot vas znanij osnov HTML. Zabud'te o programmirovanii! Prosto
razmechajte i oformlyajte!
V zakonchennoj srede razrabotki Web v rezhime neposredstvennogo
otobrazheniya vy mozhete professional'no sozdavat' web-dokumenty i dazhe
organizovyvat' nebol'shie web-servera.
V Microsoft FrontPage Express vy mozhete podgotavlivat' k publikacii v
Internet web-stranicy, ispol'zuya JavaScript, VB Script, ActiveX i dazhe
vyborki k vashim bazam dannyh. Krome etogo, v Microsoft FrontPage Express
vstroeny ves'ma neplohie graficheskie effekty, kotorye ozhivyat vash dizajn.
Vy mozhete upravlyat' sozdannym v srede Microsoft FrontPage Express
web-serverom iz lokal'noj seti ili ispol'zuya udalennyj dostup k osnovnomu
komp'yuteru.
Zabud'te o kontrole za lozhnymi ssylkami! V Microsoft FrontPage Express
vstroeno sredstvo, pozvolyayushchee avtomaticheski fiksirovat' podobnye ssylki.
Vy mozhete:
n sozdavat' i sohranyat' web-stranicy
n sohranyat' web-stranicy neposredstvenno v Web
n zagruzhat' iz Internet i redaktirovat' web-stranicy
n ispol'zovat' v oformlenii vashej web-stranicy
podlozhki
n prosmatrivat' i administrirovat' web-stranicy
n sozdavat' slozhnyj dizajn web-stranic
n ispol'zovat' gotovye tegi HTML
n ispol'zovat' gotovye izobrazheniya iz komplekta
postavki programmy
n ispol'zovat' komponenty WebBot dlya pridaniya vashej
web-stranichke dinamiki
n ispol'zovat' v oformlenii web-stranic elementy
upravleniya ActiveX
Esli vy hotite stat' professionalom v oblasti dizajna web-stranic, vam
neobhodimo osvoit' nekotorye special'nye HTML-redaktory s polnoj podderzhkoj
tegov HTML.
Interfejs pol'zovatelya
Microsoft FrontPage Express schitaetsya odnim iz luchshih sredstv
podgotovki dokumentov dlya ih publikacii Web. Vy prosto sozdaete web-stranicu
v tom vide, v kakom ona budet vyglyadet' v okne obozrevatelya.
Nizhe privedeno kratkoe opisanie nabora sredstv, s pomoshch'yu kotorogo vy
mozhete vzaimodejstvovat' s redaktorom web-stranic Microsoft FrontPage
Express.
S pomoshch'yu strelok polos prokrutki ili posredstvom klavish PgUp i PgDn vy
mozhete peremeshchat' tekushchuyu stranicu v vertikal'nom ili gorizontal'nom
napravlenii.
Vverhu ekrana nahodyatsya paneli instrumentov, s pomoshch'yu kotoryh vy
mozhete bystro vypolnit' to ili inoe dejstvie.
Dostup k komandam redaktora osushchestvlyaetsya cherez shchelchok mysh'yu na
sootvetvuyushchem imeni menyu.
Komandy menyu
V redaktore gipertekstovyh dokumentov Microsoft FrontPage Express vse
nabory komand i opcij, ispol'zuyushchiesya v processe raboty s Internet
soderzhatsya v:
n menyu Fajl
n menyu Pravka
n menyu Vid
n menyu Perehod
n menyu Vstavka
n menyu Format
n menyu Servis
n menyu Tablica
n menyu Okno
n menyu Spravka
Paneli instrumentov
Redaktor Microsoft FrontPage Express soderzhit tri paneli instrumentov.
Kazhdaya knopka toj ili inoj paneli sootvetstvuet komande menyu.
Panel' formatirovaniya
S pomoshch'yu Paneli formatirovaniya vy mozhete formatirovat' abzacy,
opredelyat' paragrafu tot ili inoj shriftovoj stil', raskrashivat' tekst i
vyravnivat' paragrafy.
Panel' redaktirovaniya
S pomoshch'yu Paneli redaktirovaniya vy mozhete:
n sozdavat', otkryvat' i sohranyat' web-stranicy
n vyvodit' na pechat' i predvaritel'no prosmatrivat'
web-publikacii pered vyvodom na pechat'
n vypolnyat' operacii kopirovaniya i vstavki
n sozdavat' ili izmenyat' ssylki
n vstavlyat' komponenty WebBot, izobrazheniya,
gorizontal'nye stroki i tablicy
n pokazyvat' ili skryvat' metki paragrafa
n vozvratit'sya na odnu stranicu nazad
n perejti na odnu stranicu vpered
n vyzvat' spravochnuyu sistemu redaktora
Microsoft FrontPage Express
n prervat' zagruzku tekushchej stranicy
Panel' form
S pomoshch' Paneli form vy mozhete sozdat' pole formy iz:
n odnostrochnogo tekstovogo polya
n prokruchivaemogo tekstovogo polya
n flazhka
n knopki-pereklyuchatelya
n prostoj knopki
Vsplyvayushchee menyu
Vsplyvayushchee menyu pozvolyaet bolee udobno obratit'sya k toj ili inoj
komande. Prosto pomestite kursor na interesuyushchij element vashego dokumenta i
nazhmite pravuyu knopku myshi.
S pomoshch'yu elementov vsplyvayushchego menyu vy mozhete vypolnyat' sleduyushchie
komandy i funkcii:
n Vyrezat' (vypolnit' operaciyu udaleniya elementa i
pomeshcheniya ego v bufer promezhutochnogo hraneniya)
n Kopirovat' (pomestit' element v bufer promezhutochnogo
hraneniya)
n Vstavit' (vstavit' element iz bufera promezhutochnogo
hraneniya)
n Svojstva stranicy (obratit'sya k dialogovomu oknu
svojstv Svojstva stranicy)
n Svojstva tablicy (obratit'sya k dialogovomu oknu svojstv
Svojstva tablicy)
n Svojstva yachejki (obratit'sya k dialogovomu oknu Svojstva
yachejki)
n Svojstva abzaca (obratit'sya k dialogovomu oknu Svojstva
abzaca)
n Svojstva shrifta (obratit'sya k dialogovomu oknu SHrift)
n Svojstva izobrazheniya (obratit'sya k dialogovomu oknu
svojstv Svojstva izobrazheniya)
n Proverka dostovernosti polya formy (obratit'sya k
dialogovomu oknu Proverka dostovernosti tekstovogo polya)
n Svojstva polya formy (obratit'sya k dialogovomu oknu
Svojstva prokruchivaemogo tekstovogo polya)
n Svojstva komponenta WebBot (obratit'sya k dialogovomu
oknu Svojstva komponenta WebBot)
Buksirovka
Vy mozhete peremeshchat' odin ili neskol'ko elementov vashego dokumenta iz
odnogo okna programmy v drugoe, ili mezhdu elementami osnovnogo okna
programmy, ili iz Provodnika. Prosto vydelite tot ili inoj element i
otbuksirujte ego v nuzhnoe mesto redaktiruemogo dokumenta. Pri buksirovke
fajlov izobrazhenij Microsoft FrontPage Express avtomaticheski preobrazuet
fajly formata BMP v format JPEG.
Sozdanie novoj web-stranicy
Sozdanie novoj web-stranicy osushchestvlyaetsya cherez vybor komandy Sozdat'
v menyu Fajl (vy takzhe mozhete vybrat' etu komandu cherez kombinaciyu klavish
Ctrl+N). V poyavivshemsya dialogovom okne Novaya stranica prosto vyberite iz
spiska SHablon ili master parametr Normal'naya stranica.
Vy mozhete takzhe sozdat' web-stranicu s pomoshch'yu Mastera lichnoj osnovnoj
stranicy ili Mastera stranic form. Dlya etogo vyberite iz spiska SHablon ili
master nebhodimyj parametr i dalee sledujte ukazaniyam Mastera stranic.
Sohranenie web-stranicy
Sohranenie web-stranicy osushchestvlyaetsya cherez vybor komandy Sohranit' v
menyu Fajl (vy takzhe mozhete vybrat' etu komandu cherez kombinaciyu klavish
Ctrl+S). V poyavivshemsya dialogovom okne vvedite nazvanie stranicy. Esli zhe vy
hotite sohranit' stranicu v vide fajla, nazhmite knopku Kak fajl i v
poyavivshemsya dialogovom okne ukazhite imya fajla vashego dokumenta HTML.
Esli vy hotite sohranit' stranicu pryamo v Web, opredelite ee
mestopolozhenie.
Otkrytie fajla
Vybrannaya komanda Fajl k Otkryt' otkryvaet dostup k dialogovomu oknu
Otkryt' fajl, s pomoshch'yu kotorogo mozhno zagruzit' v programmu:
n fajly HTML
n fajly HTML posle predvaritel'noj obrabotki
n tekstovye fajly
n shablony giperteksta
n dokumenty Microsoft Word 6.0, Microsoft Word 95 i
Microsoft Word 97
n dokumenty tekstovogo processora Windows Write
n dokumenty tekstovogo processora Windows Write
n dokumenty WordPerfect 5.x i WordPerfect 6.x
n knigi Microsoft Excel
CHtoby otkryt' fajl nuzhno vybrat' ego imya iz spiska i nazhat' knopku
Otkryt'.
Vyhod iz programmy
Vyjti iz redaktora Microsoft FrontPage Express mozhno, vybrav komandu
menyu Fajl k Vyhod. Esli dokument, nahodyashchijsya na ekrane byl izmenen, to
Microsoft FrontPage Express vyvedet zapros o tom, sohranyat' li vnesennye
izmeneniya. V kachestve otveta mozhno vospol'zovat'sya knopkoj Da, Net ili
Otmena.
Redaktirovanie teksta web-stranicy
Microsoft FrontPage Express pozvolyaet redaktirovat' takzhe, kak vy eto
delaete v tekstovyh processorah Windows.
Vvod teksta osushchestvlyaetsya cherez shchelchok levoj klavishej myshi v tom meste
vashego dokumenta, gde vy hotite vvesti tekst.
Pomnite, chto chetyre simvola -- znak men'she (<), znak bol'she (>),
ampersand (&) i dvojnye kavychki (") imeyut special'noe znachenie vnutri HTML i
sledovatel'no ne mogut byt' ispol'zovany v tekste vashego dokumenta v svoem
obychnom znachenii.
Otmena i vosstanovlenie vypolnennoj komandy
Otmena vypolnennoj komandy osushchestvlyaetsya cherez vybor komandy Otmenit'
v menyu Pravka.
Microsoft FrontPage Express pozvolyaet otmenit' tol'ko poslednee
vypolnennoe dejstvie. Naprimer, esli udalen tekst, a zatem nabran novyj, to
nel'zya otmenit' udalenie teksta.
Vybrannaya komanda Pravka k Vosstanovit' vosstanavlivaet poslednee
otmenennoe dejstvie.
Vydelenie slova
Esli vy hotite vybrat' slovo, dvazhdy shchelknite po nemu levoj klavishej
myshi.
Vydelenie stroki
Vydelenie stroki osushchestvlyaetsya prostym shchelchkom levoj klavishej myshi pri
nazhatoj klavishe Alt v lyubom meste stroki.
Vydelenie paragrafa
Vydelenie paragrafa osushchestvlyaetsya prostym shchelchkom levoj klavishej myshi
pri nazhatyh klavishah Alt i Ctrl v lyubom meste paragrafa.
Vydelenie vseh elementov vashego dokumenta
Komanda Pravka k Vydelit' vse ispol'zuetsya dlya vydeleniya tekstovyh i
graficheskih elementov na tekushchej stranice.
Otobrazhenie abzacnyh metok
Otobrazhenie abzacnyh metok osushchestvlyaetsya cherez vybor komandy Markery
formatov v menyu Vid.
Operacii vyrezaniya, kopirovaniya i vstavki
Vybrannaya komanda Pravka k Vyrezat' udalyaet aktivnyj element iz
dokumenta Microsoft FrontPage Express i pomeshchaet ego v bufer promezhutochnogo
hraneniya. Vy mozhete udalit' iz dokumenta i pomestit' v bufer obmena lyuboj
vybrannyj tekstovoj ili graficheskij element kak Microsoft FrontPage Express,
tak i prilozheniya Windows.
Komanda Fajl k Skopirovat' ispol'zuetsya dlya vstavki aktivnogo elementa
v bufer promezhutochnogo hraneniya. Vy mozhete pomestit' v bufer obmena lyuboj
vybrannyj tekstovoj ili graficheskij element kak Microsoft FrontPage Express
tak i prilozheniya Windows.
Vybrannaya komanda Pravka k Vstavit' pomeshchaet kopiyu elementa iz bufera
promezhutochnogo hraneniya v dokument Microsoft FrontPage Express.
Vy mozhete pomestit' v dokument Microsoft FrontPage Express tekstovoj
ili graficheskij element iz lyubogo prilozheniya Windows.
Poisk i zamena teksta
Vybrannaya komanda Pravka k Zamenit' otkryvaet dostup k vstroennomu v
Microsoft FrontPage Express instrumentu redaktirovaniya, kotoryj ispol'zuetsya
dlya poiska i zameny simvolov (vklyuchaya propisnye i strochnye bukvy), celyh
slov ili chastej slov.
Poisk i zamena specsimvolov osushchestvlyaetsya tak zhe, kak poisk i zamena
prostogo teksta -- dostatochno vvesti v polya dannyh Obrazec ili Zamenit' na
klyuchevye kombinacii dlya special'nyh simvolov ili ANSI (ASCII) kody simvolov.
Vyvod na pechat'
Vybrannaya komanda Fajl k Napechatat' otkryvaet dostup k dialogovomu oknu
Pechat', s pomoshch'yu kotorogo mozhno vybrat' printer dlya pechati tekushchego
dokumenta, ustanovit' parametry raboty etogo printera i vyvesti na pechat'
tekushchij dokument.
Operirovanie otkrytymi oknami
S pomoshch'yu komand menyu Okno vy mozhete:
Ryadom
Raspolozhit' vse okna bez vzaimnogo perekrytiya po gorizontali.
Kaskadom
Uporyadochit' vse okna s perekrytiem tak, chtoby nazvanie kazhdogo okna
bylo vidimo.
Uporyadochit' znachki
Uporyadochit' piktogrammy minimizirovannyh okon.
Ustanoviv kursor myshi na knopke so strelkoj i buksiruya mysh'yu odin iz
ukazatelej prokrutki, mozhno peremeshchat' stranicu do teh por, poka v dokumente
ne pokazhetsya nuzhnoe mesto. Vertikal'nyj ukazatel' prednaznachen dlya
peredvizheniya stranicy po vertikali, gorizontal'nyj -- po gorizontali.
Dostup k sisteme operativnoj podskazki
S pomoshch'yu komand menyu Spravka mozhno poluchit' dostup k sisteme
operativnoj podskazki redaktora web-stranic Microsoft FrontPage Express.
Stili formatirovaniya
V yazyke opisaniya gipertekstovyh dokumentov slova i stroki kodiruyutsya
logicheskimi i fizicheskimi stilyami. Poetomu v redaktore web-stranic Microsoft
FrontPage Express dostupny tol'ko dva stilya oformleniya paragrafov:
Stili oformleniya simvolov (fizicheskie stili) vliyayut na vyravnivanie
paragrafov, tip, razmer, garnituru i cvet shrifta.
Stili oformleniya paragrafov (logicheskie stili) vliyayut na vse paragrafy
vydelennogo teksta. |ti vidy stilya pozvolyayut vesti formatirovanie cherez
ukazaniya zagolovkov togo ili inogo urovnya i ignorirovat' informaciyu o
razmere shrifta i garniture. Poetomu, chtoby izmenit' formatirovanie
zagolovka, vy dolzhny modificirovat' zagolovok pervogo urovnya. CHerez stili
oformleniya vy mozhete sformirovat' soglasovannyj gipertekstovyj dokument, to
est' opredelit' zagolovok pervogo urovnya v kachestve tol'ko <H1> (bez
informacii o garniture shrifta i ego kegle).
Fizicheskie stili
Fizicheskie stili ili stili oformleniya paragrafov dostupny cherez Panel'
formatirovaniya ili cherez komandu Abzac menyu Format.
Vy mozhete oformit' dostupnym fizicheskim stilem ne tol'ko vybrannyj
abzac, no i neskol'ko vydelennyh abzacev.
K kazhdomu iz etih stilej vy mozhete primenit' vyravnivanie po centru, po
levomu ili po pravomu krayu. Dlya etogo v menyu Format vyberite komandu Abzac i
v poyavivshemsya dialogovom okne Svojstva abzaca obratites' k spisku
Vyravnivanie abzaca.
Prosto opredelite tochku vstavki i vyberite neobhodimyj stil' abzaca iz
spiska sleduyushchih stilej:
Adres
Podpis' avtora web-stranicy. Obychno raspolagaetsya v konce dokumenta.
Zagolovki s 1 po 6 uroven'
Razdelenie teksta dokumenta na razdely, kazhdyj iz kotoryh oformlen
tekstom opredelennogo razmera.
Markirovanyj spisok
Spisok, oformlennyj markerami.
Obychnyj
Stil' abzaca po umolchaniyu.
Spisok opredelenij
Oformlenie glossariev ili drugih spiskov.
Numerovannyj spisok
Ierarhiya s ispol'zovaniem cifr.
Spisok katalogov
Special'nyj stil' dlya oformleniya spiskov fajlov ili katalogov.
Spisok menyu
Special'nyj stil' dlya oformleniya nebol'shih paragrafov.
Formatirovannyj
Special'nyj stil' dlya oformleniya listingov programm i drugoj
tehnicheskoj dokumentacii.
Logicheskie stili
Microsoft FrontPage Express podderzhivaet sleduyushchie tipy logicheskih
stilej:
n Poluzhirnyj
n Kursivnyj
n Poluzhirnyj kursiv
n Mashinopisnyj shrift
n Verhnij indeks
n Nizhnij indeks
n Podcherknutyj
n Zacherknutyj
Vy mozhete oformit' dostupnym logicheskim stilem ne tol'ko vybrannyj
simvol, no