11.kl. "Tīmekļa lappušu veidošanas pamatprincipi."

Mērķis - noskaidrot svarīgākos tīmekļa lappušu veidošanas principus!

Svarīgākie principi (no pieredzes, bet papildus var izmantot materiālu "Apgūstam Internetu Internetā"):

• vispirms jātiek skaidrībā, ko un kāpēc grib izveidot;
• jāizlemj, kādi materiāli tīmekļa vietnē tiks ievietoti;
• jāizstrādā tīmekļa vietnes struktūra un jāpārdomā navigācijas sistēma;
• jātiek skaidrībā, kāda būs sākumlapa (pirmā lapa, kura atvērsies);
• jāizstrādā tīmekļa vietnes dizains (protams, iespējams izmantot kādu gatavu bezmaksas veidni);
• jāsavāc un jāapstrādā informācija projekta sākuma daļai (teksti, attēli, animācijas, skaņas un videoklipi);
• jāķeras pie pašas tīmekļa vietnes izstrādes (jāraksta kods vai jāizmanto kāds serviss, kurš nodrošina tīmekļa vietnes materiālu izvietošanai saskaņā ar izvēlēto stratēģiju.

Veidojot Web lappuses, der atcerēties sekojošo (avots - http://www.education.lv/internet/basics.htm):

• Jāpieturas pie vienkārša noformējuma.
• Nav jālieto nerekomendējamas izmantošanas iespējas.
• Vēlams izmantot pārrindu grafiku, t.i grafiku, kura nonāk Web lappuses lasītāja datorā pakāpeniski.
  Ekonomiski jāizmanto grafiku, t.i, jāizmanto stilizētu grafiku, samazinātus attēlus un atkārtojošos grafiku (grafiskos elementus). Daudzas HTML pārlūkprogrammas var vienreiz ielādējot grafisko attēlu un izmantot to vairākas reizes un pat dažādās lappusēs. Šī pieeja ļauj operēt ar lielu daudzumu krāsu lappusē, pie tam ne pārāk zaudējot Web lappušu ielasīšanas ātrumu.
• Izvēlēties piemērotus izmērus.
• Neizmantot pārlūkprogrammu mazizplatītās iespējas vai iespējas, kuras uztur tikai pārlūkprogrammu jaunākās versijas.
• Piesardzīgi izmantot retus simbolus, t.i izmantot tos tikai galējas nepieciešamības gadījumā vai aizstāt reto simbolu ar tā attēlu.
• Izmantot lineālus.
• Izmantot loģiskās teksta iezīmes.
• Izmantot nelielu daudzumu šriftu.
• Glabāt visas norādes uz citiem dokumentiem Interneta tīklā vai Web lappušem vienā vietā.
• Izmantot nosacītās norādes.
• Iekļaut norādes uz mājas (sākum) lappusi. Dažreiz lietotāji kļūdas gadījumā vēlas atkal uzsākt ar mājas lappusi. Līdzīga situācija var veidoties, ja Web lappuses lasītājs ir nokļuvis garas Web lappuses vidū, vai ja viņš gribējā daudz sīkāk iepazīties ar to. Ja visām lappusēm būs norāde uz galveno lappusi, lietotājs bez grūtībām varēs to atrast.
• Atsaukties uz citām Web tīmekļa lappusēm, kā arī uz citiem Interneta tīkla resursiem.
• Parakstīt izveidotās lappuses. Tradicionāli katrā lappusē ir norāde ar autora vārdu vai viņa pasta adresi.
• Pirms publicēt Web lappuses Web tīmeklī, t.i vairākiem desmitiem miljonu potenciālo lasītāju,.tās ir rūpīgi jāiztestē.

Tīmekļa lapas elementi (atkarīgi no vietnes dizaina):

• galvas daļa nosaukums, logo, plakāts, u.tml.;
• navigācijas (izvēlne) bloks;
• raksti, to arhīvs;
• sīkrīki (mantiņas), u.c.

Rakstu elementi (tos HTML valodā apraskta ar tagu palīdzību) :

• virsraksti;
• teksti (rindkopas);
• saraksti;
• hiperssaites;
• attēli;
• tabulas;
• iegultie objekti;
• u.c.

Visvienkāršākā tīmekļa lapa

Uzraksts "Sākam apgūt HTML valodu!" pierakstīts HTML kodā:

Šādu HTML kodu var uzrakstīt piezīmju bloknotā, saglabāt ar paplašinājumu .html un apskatīt pārlūkprogrammā!

Tīmekļa lapas izveides darbiņi (savā mapē izveidot apakšmapi Web - tajā jāveido visu veidojamo projektu mapes):

• katram jaunam projektam veidot atsevišķu mapi;
• atvērt piezīmju bloknotu (Notepad vai Notepad++);
• ievadīt HTML kodu;
• saglabāt izveidoto kodu kā HTML kodu (All Types ar paplašinājumu .html, piemēram, projekta_nosaukums.html);
• apskatīt izveidoto tīmekļa lappusi pārlūkprogrammā (piem., PLP => Atvērt ar ...)!

Nākošajā nodarbībā - vienkāršākie HTML valodas tagi dažādu rakstu elementu izveidei un noformēšanai!

 Izmantojamie informācijas avoti:

• tīmekļa lappušu veidošana videodemonstrācijās - saite uz vietni;
• DZP materiāls par tīmekļa lappušu veidošanu - vietne;
• diezgan daudz noderīgu materiālu ir web.hc.lv/;
  
• emuāra izveide Blogger - vietne;
  
• Soli pa solim - vietne;
• How to Create Web Page - vietne;
• How to Create - vietne;
• Creating Web Pages for Dummies - vietne;
• CSS izvēlņu ģenerators - vietne.