Mācību materiāls Mājas lapu veidošana - E-prasmes...
38
Transcript of Mācību materiāls Mājas lapu veidošana - E-prasmes...
Projekta Nr. Nr.3.2.1.1/16/A/004 “Informācijas tehnoloģiju nozares konkurētspējas
un eksportspējas paaugstināšanas” ietvaros
“Digitālās prasmes nākotnes digitālajam darbam”
Mācību materiāls
Mājas lapu veidošana
Saturs Interneta mājas lapas izveide ............................................................................................................................ 4
Mājas lapas noformējums ............................................................................................................................. 5
Juridiskie jautājumi ........................................................................................................................................ 5
Microsoft Azure ................................................................................................................................................... 6
Joomla ............................................................................................................................................................... 12
Valodas uzstādīšana .................................................................................................................................... 16
Dizains ........................................................................................................................................................... 18
Lapas saturs ................................................................................................................................................. 21
HTML ................................................................................................................................................................. 28
HTML pamati ................................................................................................................................................. 28
HTML lietošana ............................................................................................................................................. 29
Publicēšana ...................................................................................................................................................... 36
Izmantoto informācijas resursu saraksts ........................................................................................................ 37
4
Interneta mājas lapas izveide Mūsdienu dzīve bez interneta nav iedomājama. Internetā var atrast visu. Nelielā laikā posmā ir pieejama
plaša informācija no visas pasaules. Internetu lieto dažādu tautību, vecumu, dzimumu, dažādu interešu
cilvēki. Te ir virtuāla pasaule, kurā cilvēki dara visu: strādā, atpūšas, mācās, izklaidējas, plāno, meklē,
reklamē, tērē un pelna. Te ir bezgalīgas iespējas. Tas ir rīks, ar kura palīdzību var kļūt atpazīstams, var
popularizēt savas idejas, var reklamēties un pelnīt naudu. Ir tikai jāsāk. Un jāsāk ar mājas lapas izveidi.
Labai mājas lapai ir jābūt interesantam izskatam un saturam, vienkāršai un ērtai pārlūkošanas sistēmai.
Svarīgākais faktors, lai to apmeklētu regulāri, ir aktuāla informācija, un vienkārša pārvaldība, un iespēja
izmantot dažādās ierīcēs.
Katra mājas lapa sākas ar sākumlapu (homepage). Tai vajadzētu rosināt apmeklētāju paskatīties, kas te
ir, ko te piedāvā. Cik gan bieži esam pirkuši preces smukā vāka jeb iesaiņojuma dēļ! Sākumlapā parasti
norāda vispārējo informāciju par mājas lapu un saites uz citām mājas lapas sadaļām (vai jebkuriem citiem
Interneta resursiem). Svarīgs ir pirmais iespaids, lai apmeklētājam būtu vēlēšanās izpētīt un iepazīt lapu,
pat ja ne tagad tad vēlāk atgriezties. Sākumlapai jāsniedz galvenā informācija un jārada pabeigtības
sajūta. Svarīgi, ja mājas lapa ir veidota vairākās valodās, sākumlapā ir valodas izvēles iespējas, un to
izdarot, valoda nav jāizvēlas atkārtoti.
Mājas lapu nevar izveidot, neizmantojot hipersaites. Hipersaites ir HTML dokumenta aktīvie elementi vai
zonas, uz kuriem noklikšķinot, var nonākt citos mājas lapas failos vai daļās vai citos Internet resursos. Uz
katru HTML dokumentu var vest viena vai vairākas hipersaites no citiem failiem. Visas šīs saites kopā veido
mājas lapas saišu struktūru. Mājas lapas ir savstarpēji saistītas, tai pašā laikā pastāv katra atsevišķi.
Interneta lapas tu šķirsti, klikšķinot uz hipersaitēm. Saites tīkla lapā ir domātas, lai apmeklētājam būtu
viegli šķirstīt tīmekļa lapas un nonākt pie interesējošās informācijas. Viens no mājas lapas izstrādes
uzdevumiem ir panākt, lai būtu ērta navigācija un lai tā pildītu savas funkcijas.
Veidojot mājas lapu, vispirms izveido lapas skeletu vai struktūru; apzina mājas lapas failu un saišu
struktūru; sadala, kāda informācija tiks publicēta pirmajā lapā (sākumlapā) un kāda būs pārējo lapu
sniegtā informācija. Sagatavošanās posmā var iekļaut arī līdzīga satura Mājas lapu apzināšanu Web
tīmeklī. Šis posms ir ļoti svarīgs, jo tā kvalitāte nosaka mājas lapas izveides procesu un gala rezultātu. Web
lapu veidotājs varētu izmantot Microsoft Project programmu, kura ir paredzēta projektu izstrādei un
izpildes kontrolei.
Mājas lapu veidošanai ir ļoti liels lietojumprogrammu skaits. Daļa no programmām ir pieejama bez maksas
vai par nelielu samaksu, un ir pieejami ļoti dārgi pakalpojumi. Būtu lietderīgi pārdomāt, vai sākotnēji
iegādāties dārgu mājas lapu veidošanas programmu un izmantot tikai daļu no programmas iespējām, vai
sākt ar kādu bezmaksas rīku. Šajā mācību līdzeklī mēs aplūkosim Microsoft Azure iespējas un platformu
Joomla.
Mājas lapu uzturēšana, pārveidošana un pilnveidošana ir ļoti svarīga. Tikai mājas lapu veidotājam ar lielu
pieredzi izdodas izveidot lapas, kurās nav neprecizitāšu, kļūdu vai nepilnību. Pat visrūpīgākās testēšanas
laikā nevar atrast pilnīgi visas nepilnības. Jāatceras, ka Interneta tīkls attīstās ļoti strauji, un tāpēc
izveidotās mājas lapas ir vēlams regulāri papildināt ar aktualitātēm.
Mājas lapas nosaukumam ir jābūt ne sarežģītam, jāatbilst lapas saturam jābūt tādam, ko viegli atcerēties.
Tas parādīsies sākumlapā, virsrakstā vai pie logotipa.
5
Mājas lapas noformējums
Mājas lapas noformējums ir ļoti svarīgs. Ir jāpārdomā lapas kompozīcija, teksta noformējums, krāsas,
attēli, animācija, izmantojamie audio un video faili. Ir jāpārdomā virsrakstu un apakšvirsrakstu
novietojums, burtu izvēle, fontu lieluma izvēle, krāsa. Kompozīcijas atslēgvārds ir vienotība. Tas ir tas, kas
jāpanāk mājas lapas dizainā — tam jāpievērš ļoti liela uzmanība. Ja lapa veido vienotu veselumu, tad viss
ir kārtībā. Pārejot no lapas uz lapu, šī vienotība jāsaglabā.
Nozīmīgs ir arī attēlu formāts. Ieskenētas fotogrāfijas vai fotogrāfijas no digitālajām fotokamerām var būt
ļoti detalizētas un lielas. Taču ātrākai mājas lapas darbībai bildes jāsamazina līdz minimālajam,
aplūkošanai ekrānā nepieciešamajam izmēram. Ja attēlu ir daudz, tos izvietot attēlu galerijās.
Video materiāli var būt ne tikai izklaidējoša rakstura klipi un filmiņas, bet informatīvs un izglītojošs
materiāls — seminārs, lekcija, runas fragments vai intervija.
Juridiskie jautājumi
Autortiesības ir likumu kopums, kas jums dod īpašumtiesības uz lietām, ko esat izveidojis. Vai tā būtu
glezna, fotogrāfija, dzejolis vai romāns, ja jūs to esat izveidojis, jums uz to pieder autortiesības.
Īpašumtiesības, ko Autortiesību likums nodrošina ir tas, ka īpašnieks esat tikai un vienīgi jūs. Šīs tiesības
ietver tiesības reproducēt darbu, sagatavot atvasinātus darbus, izplatīt kopijas, lai veiktu darbu un lai
parādītu darbu publiski. Saskaņā ar autortiesību likumu ir nelikumīgi lejupielādēt vai dalīties ar
autortiesību aizsargātiem materiāliem, piemēram, mūziku vai filmām bez autortiesību īpašnieka atļaujas.
Ierakstu un filmu nozare pēdējos gados ir agresīvi cīnījusies, lai apkarotu nelikumīgu lejupielādi un failu
koplietošanu.1
1 http://eprasmes.lv/wp-content/uploads/2016/09/MajasLapuIzveide_StudentaGramata.pdf
6
Microsoft Azure
Kā to visu ātri un ērti izdarīt? Tam varētu izmantot Microsoft Azure. Microsoft Azure ir globāls datu centru
tīkls, kas apvieno vairāk nekā miljons serverus, piedāvājot plašāko operētājsistēmu, programmēšanas
valodu, datubāzes, platformas un tehnoloģiju izvēli, kam uzticas miljoniem izstrādātāju un IT speciālistu
visā pasaulē. Microsoft Azure pakalpojumi ir pieejami 34 reģionālajos datu centros Amerikā, Eiropā un
Āzijā.
Windows Azure ir droša, elastīga platforma, kur izveidot tīmekļa lietojumprogrammas biznesa vadīšanai,
paplašināšanai un jaunu klientu piesaistīšanai. Tas ir viegli lietojams pašapkalpošanās portāls ar pasaules
populārākajiem interneta risinājumiem, ieskaitot DotNetNuke, CakePHP, DasBlog, WordPress, Joomla un
daudzus citus. Var vienkārši izveidot jaunu tīmekļa vietni no nulles un pēc tam instalēt rīku, piemēram,
WebMatrix — brīvu, vieglu interneta attīstības instrumentu, kas atbalsta jaunākās web tehnoloģijas,
piemēram, ASP.NET, PHP, HTML5, CSS3.
Veidojot jaunu mājas lapu, izvēlieties MySQL vai SQL datu bāzi mājas lapas datu glabāšanai.
Veidojot jaunu vietni
Izveidot jaunu tīmekļa vietni ar Microsoft Azure ir viegli. Sāciet ar to, ka pierakstieties sistēmā Microsoft
Azure pārvaldības portāla pie https://manage.windowsazure.com, izmantojot savu Microsoft Account
lietotājvārdu un paroli.
7
Šādi izskatās jūsu konts:
Pēc tam atlasiet Tīmekļa vietnes cilnes kreisajā pusē un/ vai noklikšķiniet uz Create A Web
8
Izvēles josla izvēršas un ļauj ātri izveidot jaunu tīmekļa vietni bez papildu konfigurācijas, pielāgotu tīmekļa
vietni ar jaunu vai jau esošu datu bāzi vai jaunu tīmekļa lietojumprogrammu, kas bāzēta uz programmas
struktūru, veidni vai jebkuru citu aplikāciju, kas pieejama Windows Azure galerijā.
Izvēlēties no Apps saraksta pieejamos rīkus, šajā mācību līdzeklī Joomla:
9
Un tad dodiet komandu Veidot (Create):
Norādiet jūsu jaunās mājas lapas URL, izvēlēties, vai izmantosiet esošu MySQL datu bāzi vai veidosiet
jaunu, norādiet reģionu vai izvēlaties jau piedāvāto reģionu, kur jūsu mājas lapu izvietot (piemēram,
Ziemeļu Centrālo, kā šajā gadījumā).
Ievadiet mājas lapas nosaukumu. Uzreiz tiek pārbaudīts, vai tāds jau neeksistē.
Tad izvēlieties abonementu jeb pierakstīšanas veidu, kur izmantojiet jau piedāvāto Azure Pass.
Tad izvēlieties resursu grupas, kur var veidot jaunu vai izmantot jau esošu:
10
Tad izvēlieties datu bāzies veidu jeb sniedzēju, kas būs piesaistīta mājas lapai:
Servera atrašanās vietu piedāvā Azure pats, bet to var mainīt, ja ir nepieciešamība:
Tad Azure piedāvā jau izveidotu datu bāzi ar nosaukumu, ja tas der, izmantojiet šo, ja nē tad izvēlieties
veidot jaunu datubāzi:
Varat izmantot Aplikācijas Ieskatu, tam ir rekomendējošs statuss. Pieteikuma Ieskats palīdz atklāt un
diagnosticēt kvalitātes problēmas jūsu mājas lapā, tīmekļa lietotnēs un interneta pakalpojumos. Tas ļauj
saprast, ko jūsu lietotāji faktiski dara jūsu lapā.
Tad spiediet Veidot. Tad ļaujiet Windows Azure strādāt, un dažu minūšu laikā ir izveidota un darbojas jūsu
jaunā mājas lapa.
11
Tad viss, kas jums jādara, ir jāatver jūsu mājas lapas ar web pārlūkprogrammu un jāsāk tās veidošana un
konfigurēšana.
Ar Windos Azure pārvaldību varat pārraudzīt un konfigurēt savu mājas lapu. Varat arī pārlūkot, apturēt,
atsākt vai dzēst mājas lapu, izmantojot komandjoslas portāla loga augšējā daļā:
12
Joomla
Tālāk mājas lapu veidojiet, pielāgojiet un konfigurēt ar lietojumprogrammu Joomla. Klikšķiniet uz URL un
veriet vaļā lapu. Mājas lapa atveras Jaunā cilnē, kur veiciet vēl dažas sākuma konfigurācijas:
Sāciet ar valodas nomaiņu:
Aizpildiet pirmo konfigurācijas soli. Obligāti ir jāaizpilda lauki ar *.Ievadiet vēlreiz vietnes nosaukumu.
Aizpildiet lauku metadatiem (tas nav obligāti, bet rekomendējoši). Metadati jeb dati par datiem ir
13
tekstuālais apraksts, kas sniedz papildus informāciju par konkrētu resursu. Tos izmanto gan satura
vērtēšanai, gan meklēšanai. Tālāk aizpildiet datus par administratoru:
Pārejiet pie nākamā soļa – datu bāzes konfigurācijas:
14
Šeit jau Azure un Joomla ir izdarījuši visu darbu. Automātiski parādās datu bāzes tips (to jau izvēlējāties
Azure vidē), kā arī datu bāzes servera adrese, lietotājvārds un nosaukums. Spiediet turpināt. Trešajā solī
veidojiet pārskatu un pārliecinieties par visu lauku pareizību:
Ja viss kārtībā, spiediet Instalācija. Ja kaut kas jāmaina, mainiet vai izmantojiet pogu Atpakaļ, lai mainītu
kaut ko iepriekšējos soļos.
Pēc dažām sekundēm:
15
Izvēlieties dzēst instalācijas mapi:
Turpiniet ar pogu:
Ievadiet administratora datus:
Esiet veiksmīgi izveidojuši lapu un tagad varat ķerties klāt tās noformēšanai un informācijas savadīšanai:
16
Šeit ir redzams lietojumprogrammas Vadības panelis. Iepazīstieties ar aktuālo informāciju un izvēlieties
nepieciešamās darbības, gan par statistiku, gan izlasiet ziņojumus. Varat Azure panelī atvērt mājas lapu.
Tādā gadījumā jūs strādāsiet ar divām cilnēm - vienā būs redzama mājas lapa, un otrā jūs darbosieties kā
administrators, koriģējot un pielāgojot lapas izskatu un aizpildot lapu ar saturu.
Valodas uzstādīšana
Sāksim ar valodas uzstādījumiem. Pārslēgsimies uz latviešu valodu to var darīt divejādi, izmantojot kreisās
puses izvēlni Language vai augšējā panelī Extensions un tad Language izvēlamies Installed:
17
Ar pogu Install Language pievienojiet latviešu valodu:
No saraksta izvēlieties Latviešu valodu un Instalēt:
Pēc laiciņa parādās ziņojums, ka valoda instalēta veiksmīgi. Caur izvēlni Extensions un tad Language,
izvēlieties Insatlled Languages un uzstādiet Latvian kā noklusējums valodu (ieklikšķiniet zvaigznītē vai uz
pogas Default):
Lai izvēlnes būtu latviski, izejiet no portāla un pieslēdzieties vēlreiz, pie valodas jau norādot Latvian:
18
Dizains
Sāciet veidot lapu. Lai būtu vienkāršāk un efektīgāk strādāt, vajadzētu sākt ar dizaina izveidi. Dizainu var
nomainīt jebkurā brīdī, bet mazāk darba, pārkārtošanas un pielāgošanas būs, ja dizainu izvēlēsieties
uzreiz. Dizainu var veidot pats, tas ir nopietns darbs. Veidojot dizainu, ir jāpārdomā lapas kopējais izskats,
katra elementa izskats un novietojums. Ir jāsagatavo nepieciešamie resursi - grafiskie attēli, krāsu kodi,
burtu stili. Ir jābūt zināšanām gan datorgrafikā, gan mākslā, gan programmēšanā. Unikāla dizaina izveidei
ir jāpārzina programmēšanas valodas un iespējas. Var lūgt palīdzību speciālistiem, kuru sniegtie
pakalpojumi ir dārgi. Strādājot ar Joomla platformu, var izmanot jau piedāvātos dizaina veidus izvēlne
Paplašinājums un Veidņu pārvaldība vai Veidnes:
Uzstādiet caur Stils kā noklusējuma un ar priekšapskates palīdzību (Augšējais labais stūris) apskatiet, kā
izskatās mājas lapa:
19
Ja patīk turpiniet strādāt, ja nē meklējiet sev piemērotu dizaina veidni. Pēc noklusējuma tiek piedāvāti divi
dizaina veidņi. Ja vēlaties kaut ko citu tad to meklējiet caur Google ierakstot “Joomla 3.6.1. free Templates”
(te izvēlēta lapa http://www.joomla24.com/). Meklējiet nepieciešamo sagatavi. Kad esat izvēlējušies
sagataves veidu, lejupielādējiet to savā datorā un pirms lietošanas, ja nepieciešams, atspiediet
saarhivētos failus. Un tad caur Paplašinājumi, Paplašinājumu Pārvalde, Instalēt:
Izvēlieties Ielādēt pakotni, izvēlieties Choose File, atrodiet savā datorā saglabāto zip failu un spiediet uz
Ielādēt un Instalēt. Kādu mirkli notiek ielādes process, tad parādīsies paziņojums:
Tad caur izvēlni Paplašinājums, Veidņu pārvaldība, Sitli vai Veidnes
20
uzstādiet kā veidni pēc noklusējuma un priekšapskatē apskatiet, kā patīk:
Pieņemsim, ka ir labi. Tagad varat sākt domāt par mājas lapas saturu.
Ir iespēja pašam veidot savu dizainu, izmantojot Interneta resursu https://www.template-creator.com/en/:
Šeit, sekojot instrukcijām, var izveidot unikālu dizainu.
21
Lapas saturs
Lai pievienotu jaunu rakstu, izvēlieties:
vai caur vadības paneli:
Tā kā jūsu mājas lapā vēl nav ievietots neviens raksts, tad rakstu pārvaldes paneļa saraksts būs tukšs. Lai
izveidotu jaunu rakstu, nospiediet uz zaļās pogas Jauns augšējā kreisajā pusē. Rakstu var rakstīt turpat
Joomla vidē vai pārkopēt, piemēram, no lietotnes Word.
22
Pievērsiet uzmanību zvaigznītes simbolam (*) pie noteiktām ailītēm, tas nozīmē, ka šīs sadaļas ir jāaizpilda
obligāti. Tātad obligāti jāievada raksta nosaukums un jāizvēlas, kurā kategorijā šis raksts ietilps.
Kategorijas ir gluži kā mapītes, kurās salikti tie dokumenti, kas atbilst kategorijas mapītes nosaukumam
(vismaz tā vajadzētu veidot kārtošanas sistēmu savā mājas lapā). Lai spētu saglabāt ierakstu,
nepieciešams ierakstīt arī kādu teksta rindu zemākajā baltajā laukā. Sagatavojiet rakstu, vai nokopējiet
no kāda esoša resursa. Tekstu iespējams arī formatēt, izcelt un mainīt krāsu. Teksta formatēšana līdzinās
tekstapstrādes redaktoriem MS Word, vai Word Pad. Tekstuālo saturu iespējams papildināt ar bildēm un
video. Kad teksts ir gatavs, spiediet uz pogas Saglabāt un Iziet.
Sagatavojiet nepieciešamos rakstus.
Rakstam var pievienot bildes un attēlus. Ievietojiet kursoru tekstā tai vietā, kur atradīsies attēls, un spiediet
pogu Ievietot attēlu:
23
Pēc tam ar pogu Choose Files atrodiet nepieciešamo attēlu, izvēlieties pogu Sākt ielādi. Pievienojiet bildei
nepieciešamos aprakstus:
Kad bilde ir augšupielādēta, izvēlieties no galerijas bildi un spiediet Ievieto
24
Tekstā parādās ievietotās bildes:
Kad raksti ir sagatavoti, bildes ievietotas, varat caur priekšapskati paskatīties, kā izskatīsies jūsu lapa:
25
Ja nepieciešams, varat pievienot galvenajā izvēlnē vēl kādas pogas:
Uzklikšķinot atveriet Main Menu un rediģējiet esošās izvēlnes vai pievienojiet jaunu. Piemēram,
pievienojiet pogu Kontakti. Izvēlieties Izveidot jaunu izvēlnes elementu, tad ierakstiet nosaukumu un
izvēlieties Izvēlnes elementa tipu:
26
Šajā gadījumā ņemiet Kontakti, Kontakts. Pēc tam laukā Izvēlieties kontaktu no saraksta izvēlieties
nepieciešamos kontaktus. Šajā gadījumā Birojs.
Izvēlieties Saglabāt un Aizvērt. Tagad, redzot galvenajā izvēlnē pieejamo pogu sarakstu, izmantojot
priekšapskati, pārbaudiet, kā tas izskatīsies mājas lapā.
27
Ja nepieciešamas, turpiniet pievienot pogas galvenajā izvēlnē. Piemēram, meklēšanas rīku:
Tagad pievienojiet jaunu moduli, kurā būs redzamas satura rādītājs un pieeja pie pārējiem rakstiem. Ejiet
caur Izvēlnes, Izveidot jaunu Izvēlni, ievadiet Izvēlnes nosaukumu un saglabājiet.
Izvēlieties Pievienot moduli šai lapai. Kad modulis ir pievienots, izvēlieties moduļa saturu. Šajā gadījumā
pievienojiet jaunus elementus kā Rakstus no jau esošā rakstu klāsta. Pēc tam aplūkojiet, kā izskatās lapa:
Ja nepieciešams, turpiniet pievienot izvēlnes un moduļus..
28
HTML
HTML pamati
Gatavie dizaina veidņi ir ērti un parocīgi, bet bieži sanāk mainīt kādu būtisku elementu vai sīku nieku, bet
dizaina veidnis to nepiedāvā darīt. Joomla platforma piedāvā šādu iespēju un to var darīt, izmantojot HTML
kodu.
HTML ir programmēšanas valoda, ar kuras palīdzību var aprakstīt (veidot) mājas lapu. HTML ir saīsinājums
no Hypertext Markup Language, kas nozīmē iezīmēšanas valoda. HTML ir konkrēta valoda, kurā ir definēti
tajā atļautie elementi, to atribūti. Tā ir valoda, kas veido web lapas struktūru. HTML dokumenti tiek saukti
arī par interneta lapām.
HTML dokuments sastāv no atsevišķiem elementiem, kurus apraksta ar tagu (birkas) palīdzību. Tagi ir
atslēgvārdi (tagu nosaukumi), ko ieskauj ar asajām iekavām, piemēram, <html>.
Elements (element) ir HTML dokumenta sastāvdaļa pēc būtības, piemēram, rindkopa (paragraph) HTML
valodā tiek apzīmēta ar elementu “P”. Tags ir veids, kā šo elementu apraksta HTML dokumentā, piemēram,
rindkopa ir <P>. Parasti elementam ir atverošais tags un aizverošais tags. Atverošais tags ir <n> (starp
atverošo aso iekavu < un elementa vārdu nedrīkst būt citi simboli). Aizverošais tags </n>. Noslēdzošajam
tagam ir slīpsvītra –“/” un tā ir arī atšķirība starp atverošo un noslēdzošo tagu. Viens elements drīkst
saturēt citus:
Piemēram:
Elementa atribūti ir papildinoša, būtiska informācija par elementu. Piemēram, pilsēta ir elements, bet tās
nosaukums ir atribūts. Atribūtus norāda elementa atverošajā tagā tūlīt aiz elementa vārda un tā vērtību
liek pēdiņās.
Piemēram:
<P> Jauku dienu </P>
<pilsetas nosaukums=”Valmiera”>
29
HTML lietošana
Dokumenta HTML struktūras vizualizācija:
Dokumenta struktūra pamatā sastāv no 3 lietām:
1. DOCTYPE deklarācijas. HTML dokuments vienmēr sākas un beidzas ar tagiem <HTML> un </HTML>.
Un sākumā ir tikai atverošais tags, kas vienmēr sākas ar <!DOCTYPE HTML>, lai pārlūkprogramma
saprastu, kādas versijas HTML tiek izmantots šajā dokumentā un kā to "lasīt".
2. HEAD Galvene tiek ierobežota ar tagiem <HEAD> un </HEAD>. Šajā sadaļā tiek norādīta visa
informācija, kas netiek tiešā veidā attēlota uz ekrāna, bet kurai ir ietekme uz pašu lapu un
informācijas attēlojumu tajā. Šajā tagu blokā ir iespējams pievienot vēl citus tagus.
3. BODY HTML lapas ķermenis tiek ierobežots ar tagiem <BODY> un </BODY>. Šajā tagu iedaļā mēs
attēlojam visu to informāciju un izskatu, ko mēs redzam, kad atveram vaļā kādu mājaslapu. BODY
elements var saturēt bloku elementus, kas ir definēta taisnstūrveida ”kastīte”, kurā tas var atrasties,
bet nevar saturēt tekstu un iekļautos elementus. Iekļautais elements ”dzīvo” bloka elementa
iekšienē un tam nav nepieciešams sākties no kreisās malas. Bloku elementi veido vispārējo
struktūru, bet iekļautie elementi ”palīdz” ar noformējumu:
Svarīgākie HTML elementi:
Rindkopa
Teksta rindkopai atbilst elements P (paragraph), tās tips ir bloku elements. Vizuāli tiek atdalīts ar atstarpi
no augšas un apakšas. Specifisku atribūtu nav. Var saturēt tikai iekļautos elementus.
Piemēram:
<p> Joomla ir viena no vispopulārākajām atvērtā koda satura vadības sistēmām (CMS), kas ļauj viegli
izveidot un administrēt dinamiskas mājas lapas un web aplikācijas. Joomla platformai ir intuitīvs
administrēšanas lietotāju interfeiss, ar kura palīdzību ir vienkārši vadīt visas iespējas un funkcionalitāti,
ko šī spēcīgā CMS platforma nodrošina.</p>
30
Rindas pārnesums
Rindas pārnesums - neuzsākot jaunu rindkopu ir BR elements, tā tips ir iekļautais elements. Elements bez
satura – pieraksta <br> vai <br /> (XHTML). Atribūtu nav.
Piemēram:
Hipersaite
Hipersaite ir saite uz citu dokumentu – A (anchor), tā ir iekļautais elements. Atribūti:
href uz kurieni ir saite;
title kāpēc ielikta saite.
Jābūt gan sākuma gan beigu tagam. Noklusējuma izskats ir zils, pasvītrots teksts.
Piemēram:
<p>Apmeklējiet lapu <a href=“http://parjoomla.azurewebsites.net”title=”viss par Joomla”> tīmekļa vietni
</a> lai uzzinātu jaunumus darbā ar Joomla! </p>
31
Attēls
Attēla elements ir IMG, tas ir iekļautais elements. Tā atribūti:
src adrese, kur jāmeklē attēls;
alt teksts, ko parādīt, ja attēls tur nav atradies.
Elementam nav beigu taga. Kaut arī attēls ir taisnstūrveida, tas ir iekļautais elements. Nelietojot CSS stilus,
attēls novietojas teksta rindiņā pa vidu.
Piemēram:
Attēla Joomla logo pirmkods
<p><img src="images/Joomla_logo.png" alt="Joomla! Logo" width="184" height="153" /></p>
Parametri width un height norāda attēla platumu un augstumu pikseļos.
Virsraksti
Dokumenta strukturēšanai izmanto virsrakstus. Tos veido H1, H2, H3, H4, H5, H6 elementi. Visi virsraksti
ir bloku elementi un var saturēt tikai iekļautos elementus. Attiecīgi H1 ir vissvarīgākais virsraksts
(pieņemts, ka lapā ir tikai viens H1 virsraksts) un H6 ir mazsvarīgākais. Biežāk lapās sanāk lietot H1-H3
līmeņus.
Piemēram:
<body>
<h1> Par Joomla</h1>
<p style="text-align: justify;">Joomla platformas satura vadības sistēma ir veidota ar daudz iebūvētām
funkcijām, taču papildus standarta Joomla funkcijām ir pieejami arī dažādi citu programmētāju veidoti
paplašinājumi. Joomla paplašinājumi palīdz izveidot mājas lapas ar plašāku funkcionalitāti. Joomla ir
pieejami 5 dažādu veidu paplašinājumi – komponentes, moduļi, spraudņi, tēmas un valodas. Katrs no
šiem paplašinājumu veidiem nodrošina savu noteiktu funkcionalitāti.</p>
32
<h2 style="text-align: justify;"><strong>Komponentes</strong></h2>
<p style="text-align: justify;">Komponentes ir galvenās funkcionālās daļas, kas tiek atrādītas lapā.
Komponentes ir lielākās un sarežģītākās Joomla paplašinājumu daļas. Komponentes sastāv no divām
daļām – mājas lapas un administratora daļas. Komponentes ir vairāk saprotamas kā atsevišķas
aplikācijas, kurām ir pašām sava funkcionalitāte, datu bāze un skats. Piemēri Joomla komponentēm būtu:
kontaktu forma, komunikāciju sistēma, forums, galerijas u.t.t. Komponentes tiek izvietotas mājas lapas
vidū, jeb galvenajā vietā, un lapā tiek atrādīta tikai viena komponente.</p>
Biežāk lietotie aizstājējsimboli:
< < less than > > greater than ” &qout; quote & & ampersand ... … ellipsis ” ” non-breaking space ü ü jebkuru Unicode simbolu
Ja elementa teksts satur simbolus, piemēram < vai > vai pēdiņas, tad tos aizstāj. Piemēram:
Nepareizi Pareizi
<p> <pa labi |pa kreisi><p> <p> <pa labi |pa kreisi><p>
<img alt=””Valmiera””> <img alt=”&qout;Valmiera"”>
<img title=<Līga & Jānis> <img title=<Līga & Jānis>
Lai rediģētu rakstu, Joomla vidē spiež pogu un pārslēdzas uz rediģēšanu HTML:
Piemērs:
Mūsu mājas lapas izmantotajā dizaina veidnē esam nomainījuši logo
Pēc logo nomaiņas izrādās, ka logo attēls ir par lielu. Apskatīsimies kā izmainīt logo izmēru izmantojot
iepriekš iegūtās zināšanas par HTML kodu.
33
Lai rediģētu dizaina kodu, atveram veidņu stilus un izvēlamies mājas lapā izmantoto stilu, šajā gadījumā
Jl_energy_free.
Veidnes iestatījumos ir redzami visi faili, kuri tiek izmantoti veidnes dizaina realizēšanai. Kādā no šiem
failiem ir informācija par ievietotā attēla, šajā gadījumā logo izmēru, bet lai nebūtu jāpavada ilgas stundas
meklējot šo koda rindiņu, izmantosim datora pārlūkprogrammas sniegtās iespējas.
34
Atveram mājas lapu, ar peles labo taustiņu uzklikšķinām uz elementa, par kuru ir nepieciešams atrast
informāciju, izvēlamies komandu Inspect (Pārbaudīt), vai Inspect element (Pārbaudīt elementu) , atkarībā
no izmantotās interneta pārlūkprogrammas.
Izvēloties šo komandu, tiek parādīts mājaslapas kods un izcelta informācija par izvēlēto elementu.
Atrodam šajā gadījumā informāciju par attēlu. Paraugā zemāk attēla elements satur informāciju par
izmēru, uzstādītais parametrs auto. Šo parametru mums jāizmaina uz noteiktu platumu un augstumu.
Labajā pusē redzams, ka šī informācija glabājas templates.css failā 1779 rindā. Šo rindu tad attiecīgi
labosim.
35
Atverot failu templates.css atrodam 1779 rindiņu un izlabojam kodu pievienojot parametru height un
width. Šajā gadījumā 120px platumā un 100px augstumā.
Veidnes izskats pēc izmēra maiņas, kā redzam logo šādā izmērā izskatās daudz korektāk.
36
Publicēšana Programmējot mājas lapu, kad ir salikta un noformēta visa nepieciešamā informācija, ir jāuzsāk nākamais
uzdevums - tas ir testēšanu. Tās mērķis ir noskaidrot, vai visi mājas lapas komponenti darbojas pareizi,
tādēļ ir nepieciešama sistēma, kura izseko radušās kļūdas un nepilnības. Parasti mājas lapas prototipa
testēšanu veic atbilstošs darbinieks vai darbinieku komanda, kuru uzdevums ir atrast un novērst kļūdas.
Kad testēšana ir veikta, nākamais un pēdējais posms ir mājas lapas publicēšana. Strādājot ar Joomla un
tās piedāvātajiem rīkiem, testēšanas posms ir stipri vienkāršāks, un mājas lapas veidotājs var pats veikt
testēšanu, drošības pārbaudi un dažādu citu iestatījumu uzstādīšanu. Kā pamatu izmantojot Windows
Azure platformu un tās piedāvātās iespējas, publicēšanas posms ir jau atrisināts. Mājas lapa tiek
publiskota, līdzko tā ir reģistrēta. Atliek tikai izplatīt mājas lapas adresi.
Ļoti svarīgi ir zināt savus klientus, viņu vēlmes un paradumus. Windows Azyre platforma piedāvā iespēju
monitorēt un analizēt savus izveidotos resursus tai skaitā mājas lapu. Mājas lapas analīzes rīki atrodas
vienviet un ir pārskatāmi:
Mājas lapas izstrāde ir mājas lapas nosaukuma piešķiršana, dizaina izveidošana, satura ievadīšana,
testēšana un publicēšana. Jāatceras - lai mājas lapa būtu aktuāla un interesanta, arī pēc publicēšanas ir
jāseko līdzi lapas darbībai un jānodrošina lapa ar jaunu un aktuālu informāciju.
37
Izmantoto informācijas resursu saraksts Buldozers.lv (2013) [tiešsaiste] [skatīts 2017. g. 06. matrs]
Pieejams: http://www.buldozers.lv/2013/04/html-un-css-pamati-ievads.html
EasyWD.lv (2013) [tiešsaiste] [skatīts 2017. g. 16. matrs]
Pieejams: http://easywd.lv/index.php/video-par-html
Econsultancy (2017) [tiešsaiste] [skatīts 2017. g. 16. ferb.]
Pieejams: https://econsultancy.com/training/digital-skills-index-lite
Eprasmes (2017) [tiešsaiste] [skatīts 2017. g. 04. marts] Pieejams: www.eprasmes.lv
Mājas Lapu Izstrāde - dari pats (2016) [tiešsaiste] [skatīts 2017. g. 16. ferb.]
Pieejams: http://majaslapu-izstrade.blogspot.com/2015/07/ka-izveidot-majas-lapu.html
Microsoft (2013) [tiešsaiste] [skatīts 2017. g. 16. ferb.]
Pieejams:
file:///D:/Dati/Downloads/MICROSOFT_PRESS_EBOOK_INTRODUCING_AZURE_PDF%20(2).PDF
Microsoft Azure (2017) [tiešsaiste] [skatīts 2017. g. 16. febr.]
Pieejams: https://docs.microsoft.com/en-us/azure/application-insights/app-insights-azure-web-apps
Profesiju Pasaule (2017) [tiešsaiste] [skatīts 2017. g. 16. febr.] Pieejams: www.profesijupasaule.lv
RPV HOSTINGS (2016) [tiešsaiste] [skatīts 2017. g. 22. febr.]
Pieejams: http://rpv.lv/jaunas-majas-lapas-planosana/
SEM (2013) [tiešsaiste] [skatīts 2017. g. 18. ferb.]
Pieejams https://sem.lv/joomla-pamacibas-administracijas-panelis/
Workable (2017) [tiešsaiste] [skatīts 2017. g. 06. marts]
Pieejams: https://resources.workable.com/web-developer-job-description
38
© 2017
