HTML vadovėlio čia nebus

Taigi, iki šiol mes susipažinome su HTML istorija ir paskirtimi, pasirinkome vietą savo būsimiesiems WWW puslapiams, apžvelgėme keletą populiariausių HTML redaktorių bei pagalbinių programų ir galbūt išsirinkome tinkamus įrankius darbui.

HTML kalbos komandų aprašymą šioje vietoje aš sąmoningai praleisiu dėl kelių priežasčių:

Kaip jau minėta anksčiau, WWW puslapių kūrimui nėra absoliučiai būtinas HTML kalbos žinojimas, nes šiuolaikinės vizualinės tinklapių kūrimo priemonės įgalina pasiekti gerų rezultatų ir visiškai nežinant HTML kalbos. Be to, jos aprašymas užimtų per daug vietos ir nusitęstų per kelis ar net keliolika žurnalo numerių. Ir galop pažvelkite į antrą šio straipsnių ciklo dalį, ir jos pabaigoje rasite keletą nuorodų į WWW puslapius su HTML enciklopedijomis, vadovėliais bei aprašymais ir pradedantiesiems, ir profesionalams.

Taigi, peršokime HTML kalbos ir jos komandų aprašymą ir pereikime prie praktinių patarimų.

Kalbėkim lietuviškai

Gana dažnai tenka pamatyti geresnių ar prastesnių tinklapių, į kuriuos žvelgiant "Microsoft Internet Explorer" naršykle, vietoj lietuviškų raidžių matosi anaiptol ne lietuviški simboliai. Panagrinėkime tokių puslapių HTML tekstą, ir lietuviškų raidžių vietoje rasime simbolių sekas, prasidedančias ženklu "&" ir pasibaigiančias kabliataškiu, pav. vietoj "Ų" - "Ø". Kai kurie HTML redaktoriai lietuviškus rašmenis automatiškai pakeičia tokiais kodais, ir šios "paslaugos" atsisakyti galima deja ne visuomet. "Netscape" programas dar galima priversti tinkamai demonstruoti taip "užkoduotus" lietuviškus WWW puslapius, bet "Microsoft Explorer" pedantiškai laikosi HTML standarto ir, kaip besistengtum, vietoj "Ų" ("Ø") vistiek rodys įstrižu brūkšniu perbrauktą "O" raidę (""). Tokių neprašytai patvarkytų HTML puslapių atstatymui galite pasinaudoti laisvai platinama programėle "Convert", kurią rasite adresu www.labas.com/internet/html/convert.zip.

Tam, kad tinklo naršyklė automatiškai persijungtų į lietuviško teksto vaizdavimui skirtą "Baltic" kodų lentelę, HTML failo pradžioje po komandos <HEAD> įterpkite eilutę

<META Http-Equiv="Content-Type" Content="text/html; charset=windows-1257">.

Atsargiai su WYSIWYG!

Aukščiau aprašytas perdėtas darbštumas būdingas visų pirma vizualiniams (WYSIWYG) HTML redaktoriams - "Netscape Composer", "Microsoft Frontpage" ir kitiems. Jų sukurtame HTML tekste dažnai būna pernelyg daug puslapio išvaizdą apibrėžiančių komandų. Dėl šios priežasties nepatyrusio, patiklaus internauto sukurtas puslapis netenka savo universalumo ir tinkamai matosi tik vartojant konkrečią tinklo naršyklę ar ekrano raišką, turint įdiegtus tam tikrus šriftus ir t.t. Dar blogiau, kai tokiomis programomis tekstas rašomas taip, kaip pradedančios sekretorės tai daro teksto redaktoriumi "Word": vietoj to, kad naudoti <CENTER> ar <P ALLIGN="Center"> komandas, ekrano centre turintis būti užrašas ar grafinis simbolis pastumiamas į dešinę keliais ar keliasdešimčia tarpo klavišo paspaudimų ir pan. Štai dėl ko bent jau teorinės HTML žinios WWW puslapių kūrimui yra būtinos.

Viena iš ydingų kai kurių WYSIWYG redaktorių savybių yra nesaikingas teksto parametrų aprašymas, kai nurodoma vartoti konkrečius šriftus, pav., "TimesLT". Atminkite, kad "TimesLT" ar bet kokį kitą šriftą savo kompiuteryje turės toli gražu ne kiekvienas Jūsų puslapio lankytojas, juo labiau jeigu jis vartoja ne "Windows", o tarkim "Linux" operacinę sistemą. Pažvelkite į HTML tekstą ir įsitikinkite, ar Jūsų vartojamas WYSIWYG redaktorius nesavivaliauja. Nurodymus vartoti konkretų šriftą atpažinsite iš pasikartojančių <FONT FACE="ff"> komandų, kur "ff" - to šrifto pavadinimas. Kaip su tuo kovoti? Tai priklauso nuo konkretaus HTML redaktoriaus. Kai kuriose programose pakanka nurodyti, jog turi būti vartojamas "default" šriftas, kitur reikia "nuimti kryžiuką" kokiame nors parametrų nustatymo lange.

Prieš publikuodami puslapius pasitikrinkite, kaip juos atvaizduoja įvairios tinklo naršyklės - "Microsoft Internet Explorer", "Netscape Navigator", gal ir "Opera" - bei skirtingos jų versijos. Pabandykite nustatyti skirtingą ekrano raišką, bent jau 800x600 ir 1024x768 taškų. Beje tinklo naršyklė "Opera" (http://www.operasoftware.com) ypač gerai tinka savos gamybos WWW puslapių išvaizdos tikrinimui, kadangi griežtai laikosi HTML standartų ir neturi jokių tik "Netscape" ar tik "Microsoft" programoms būdingų ypatybių. Be to, ji turi unikalią "Zoom" funkciją, kuri leis įsitikinti, ar puslapis matomas tinkamai didelės raiškos (pav. 1280x1024) ekrane net ir tuo atveju, jei Jūsų monitorius dirba tik 640x480 tšk. režimu. Tiesiog nurodykite, kad "Opera" puslapį rodytų dvigubai sumažintą (Zoom 50%).

Apipavidalinimas ir stilius

Nors sakoma, jog dėl skonio nesiginčijama, bet norėtųsi pateikti keletą elementarių patarimų, susijusių su "Interneto" puslapių stiliumi ir apipavidalinimu.

Į WWW svetainę derėtų žiūrėti kaip į knygą ar žurnalą. Pirmasis tinklapio puslapis - tai lyg leidinio viršelis, kurio tikslas yra pritraukti potencialaus skaitytojo dėmesį, sudominti ir priversti pasilikti čia ilgėliau. Pirmas puslapis dažniausiai būna spalvingesnis už kitus, bet pernelyg neperkrautas informacija. Čia rasime nuorodas į kitus svetainės puslapius bei jų grupes, kartais - svarbiausiais naujienas.

Likusiems puslapiams derėtų suteikti vieningą išvaizdą. Savo stiliumi jie gali skirtis nuo "viršelio", bet neturėtų pernelyg skirtis vienas nuo kito (ar Jums patiktų žurnalas, kurio kiekvienas puslapis išspausdintas skirtingo dydžio ir spalvos šriftu). Tuo tikslu vartokite vienodas piktogramas bei kitus grafinius elementus.

Būdamas bet kurioje tinklapio vietoje, lankytojas turėtų lengvai rasti kelią į pagrindinį puslapį. Nepaslėpkite ir savo elektroninio pašto adresų bei telefono numerių.

Grafika WWW puslapiuose

"Interneto" puslapiai be iliustracijų atrodys skurdžiai, bet persistengti čia irgi nederėtų. Bendra vieno puslapio grafinių elementų apimtis neturėtų viršyti 50-80 kilobaitų ir tik atskirais atvejais (pav., įvairiuose kataloguose, kur svarbu parodyti prekių išvaizdą) gali būti daugiau.

Jei puslapis turi grafinį foną (background) - stenkitės, kad jis būtų ne per margas ir pakankamai kontrastingas tekstui. Ypač jei puslapyje yra didesnių iliustracijų, nepatingėkite žvilgtelėti į jį, nustatę 256 spalvų ekrano režimą. Jei Jūsų grafinės plokštės tvarkyklė leidžia perjungti spalvingumą neperkraunant kompiuterio, tai po to išjunkite ir vėl paleiskite tinklo naršyklę,- priešingu atveju spalvas ji gali iškraipyti.

Puslapio HTML tekste nepamirškite nurodyti paveikslėlio pločio (WIDTH) ir aukščio (HEIGHT) bei tekstinio iliustracijos pavadinimo (ALT), pav. <IMG SRC="pic/cdrom.gif" WIDTH="256" HEIGHT="163" ALT="32x CD-ROM">. Puslapiui "kraunantis", naršyklė šiuo atveju iš anksto rezervuos reikiamo dydžio vietą ekrane būsimajam paveikslėliui ir greičiau parodys reikamai suformatuotą tekstą, o "ALT" komanda užrašys iliustracijos apibūdinimą. Jeigu ji nėra svarbi, puslapio lankytojas galės nutraukti jos siuntimąsi ir taip pagreitinti savo "pasivaikščiojimą" Jūsų WWW svetainėje. Be to, kai kurie internautai iš viso išjungia automatinį iliustracijų parsisiuntimą, o kai kas netgi iki šiol vartoja tekstines naršykles (pav. "Unix" terpėje).

Jeigu grafiką - piktogramas, "grafinius žemėlapius" ir t.t. - drauge su HTML "A HREF" komanda vartojate kaip nuorodas į kitus puslapius, tai su "ALT" apibūdinti nuododą yra tiesiog būtina. O dar geriau - pateikite greta (arba puslapio apačioje) ir tekstines nuorodas, pav.:

<A HREF="../"><IMG SRC="../pic/home.gif" WIDTH="24" HEIGHT="16" ALT="Atgal"></A>
.......
<P>
[<A HREF="../">Atgal</A>]

Dėl tų pačių priežasčių nenaudokite vien tik "Java" ar "JavaScript" kalbomis parašytų "navigatorių" po WWW puslapius, nes internautas su naršykle be "Javos" neturės pas Jus ką veikti.

Visagalės lentelės

Lentelės (table) WWW puslapiuose labai dažnai vartojamos ne pagal savo tiesioginę paskirtį. Teisingai pritaikytos, jos tampa vienu iš universaliausių teksto formatavimo įrankių. Nematomų (BORDER="0") lentelių pagalba galima parašyti tekstą kaliomis skiltimis (stulpeliais), taip puslapį pagyvinti ir suteikti jam "laikraštinį stilių". Pateiktas HTML teksto pavyzdėlis - tai dvi skiltys ir bendras pavadinimas virš jų:

<H2 ALIGN="CENTER">Pavadinimas</H2>
<TABLE BORDER="0" WIDTH="100%">
<TR>
<TD VALIGN="TOP" WIDTH="50%">
Pirmosios skilties tekstas
.........
</TD>
<TD VALIGN="TOP" WIDTH="50%">
Antrosios skilties tekstas
.........
</TD>
</TR>
</TABLE>
<HR>
Toliau - tekstas per visą plotį

Puslapyje tai atrodys taip:

 

 

Stenkitės, kad tokiu būdu paruoštas kelių skilčių tekstas sutilptų į vieną ekraną, kad skaitytojui nereikėtų kelis kartus "važinėti" šemyn ir vėl aukštyn.

Tokios paslėptos lentelės įgalina labai paprastai pagaminti spalvotus stačiakampius su tekstu ar grafika. Štai raudonai įrėmintas užrašas geltoname fone:

<CENTER>
<TABLE BORDER="0" BGCOLOR="#FF0000">
<TR><TD>
<TABLE BORDER="0" BGCOLOR="#FFFF00">
<TR><TD WIDTH="200">
<H2 ALIGN="CENTER">Dėmesio!!!</H2>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</CENTER>

Rezultatas:

 

Dėmesio!!!

Nematomos lentelės leidžia daug tiksliau nustatyti teksto ir iliustracijų tarpusavio padėtį, nustatyti puslapio "paraščių" plotį, elegantiškiau išdėstyti anketų įvedimo laukelius ir padeda daugeliu kitų atvejų.