Veido mājas lapu pats

izdales materiāli

Abstract

GRUPU NODARBĪBAS PROGRAMMA konkurētspējas paaugstināšanas pasākumu (KPP) īstenošanai. Kurss, 16 stundas.
Aktuālās versijas :
Table of Contents
Konspekts
Interneta iespējas. Vietņu veidošanas mērķi un rīki.
Interneta iespējas
Vietņu veidošanas mērķi.
Vietņu veidošanas rīki.
HTML un CSS marķēšanas valodas. Piemēri.
Mājas lapas veidošanas pamatelementi.
dokumenta tipu deklarācija
Html dokuments
Daži ieteikumi
Vienkāršas mājas lapas piemērs.
Mājas lapas veidošana ar Notepad++ .
Mājas lapu veidošanas atbalsta rīki un vietnes.
Hostings un web hostinga plānu salīdzināšana Latvijā
Ārvalstu hostingi, lai mājas lapa atvērtos ātri ne tikai Latvijas apmeklētājiem
Mājas lapu šabloni. Veidošanas padomi.
Bezmaksas web lapu šabloni:
Mājas lapu veidošanas padomi.
Jaunās iespējas un to izmantošana.
Satura pārvaldības sistēmas
Satura pārvaldības sistēmu piemēri
Izmantojami avoti

1 Konspekts

Ievads - prezentācija

1.1 Interneta iespējas. Vietņu veidošanas mērķi un rīki.

prezentācija

Internets - Globāls datortīkls, kuram nav centralizētas vadības un īpašnieka. Izveidots no 1969. gadā ASV Aizsardzības ministrijas un vairāku ASV universitāšu kopīgi izveidotā datortīkla ARPANET (Advanced Research Project Agency Network), kura mērķis bija savienot ASV augstskolas un zinātniskos institūtus. Kad 1973. gadā ar transatlantiskā tālruņu kabeļa palīdzību tīklam tika pieslēgtas Norvēģija un Lielbritānija, tas kļuva starptautisks. Visstraujākā interneta attīstība sākās 1993. gadā, kad tika izveidots globālais tīmeklis un bezmaksas ielādei piedāvāts pirmais grafiku tīmekļa meklētājs. 1996. gadā vārds internets jau bija plaši pazīstams un ar to galvenokārt apzīmēja globālo tīmekli.
[http://termini.lza.lv] (2013.08.18.)

1.1.1 Interneta iespējas

Interneta tīkla pakalpojumi tiek nepārtraukti uzlaboti un paplašināti.
Tie galvenokārt balstās uz trim no pamatpakalpojuma veidiem:
  1. attālo dialogu;
  2. failu pārraidi;
  3. elektronisko pastu.
Pārējie pakalpojumi parasti tiek radīti kā pamatpakalpojumu virsbūve.
Vispasaules tīmeklis (saīsinājums WWW vai W3, plašāk pazīstams kā Tīkls) ir sistēma jeb telpa ar savienotiem hiperteksta dokumentiem, kuriem piekļūst izmantojot Internetu. Ar interneta pārlūkprogrammu iespējams apskatīt lapas, kuras mēdz saturēt tekstu, bildes, video ierakstus vai citus multimēdiju dokumentus, vadoties caur tiem ar hipersaitēm.
[http://lv.wikipedia.org] (2013.08.18.)
Tīmekļa pārlūkprogramma ir programmatūra, kas ļauj lietotājam aplūkot uz tīmekļa serveriem esošus dokumentus.
[http://lv.wikipedia.org] (2013.08.18.)
Atkarībā no tehnoloģijas, izšķir 2 veidu tīmekļa vietnes:
  1. statiskas vietnes;
  2. dinamiskas vietnes.
Atkarībā no funkcionalitātes tīmekļa vietnes var iedalīt:
  1. personīgās tīmekļa vietnes;
  2. biznesa tīmekļa vietnes;
  3. informatīvās tīmekļa vietnes;
  4. tīmekļa meklētāju/direktoriju vietnes.
Tīmekļa vietņu veidi, kuriem ir radīti speciāli to izveides rīki:
  1. Vizītkartes tīmekļa vietne
    1. Bezmaksas tiešsaistes rīki vizītkaršu vietņu izveidei:
      1. about.me
      2. zerply.com
      3. ...
  2. Interneta veikals/e-veikals
    1. Bezmaksas tiešsaistes rīki e-veikalu izveidei:
      1. http://1s.lv/
      2. http://www.freewebstore.org/
      3. http://www.magentocommerce.com/
      4. ...
  3. Emuārs
    1. Bezmaksas tiešsaistes rīki emuāru izveidei:
      1. blogs.lv
      2. blogger.com
      3. blogspot.com
      4. wordpress.com
      5. ....

1.1.2 Vietņu veidošanas mērķi.

Nepieciešamības:
  1. mērķis, mērķauditorija
  2. rīki
  3. mitināšana
Tīmekļa mitināšana:

1.1.3 Vietņu veidošanas rīki.

Izstrādes rīkus varētu iedalīt divās grupās:

1.2 HTML un CSS marķēšanas valodas. Piemēri.

prezentācija

Vispasaules Tīmekļa konsorcijs (angļu: World Wide Web Consortium jeb W3C) ir konsorcijs, kas veido standartus jeb "rekomendācijas" vispasaules tīmeklim. Konsorciju vada Tims Bērnerss-Lī, sākotnējais URL (Vienotais resursu vietrādis), HTTP (Hiperteksta transporta protokols) un HTML (Hiperteksta iezīmju valoda) radītājs.
[http://lv.wikipedia.org] (2013.08.18.)
figure bildes/Old_HTML_Logo.svg.png
Figure 1 The historic logo made by the W3C
figure bildes/w3html.png 
<!DOCTYPE html>
<html>
<body>
<h1>Mans Virsraksts</h1>
<p>Mans pirmais teikums.</p>
</body>
</html>
figure bildes/w3css.png 
body
{
background-color:#d0e4fe;
}
h1
{ 
color:orange;
text-align:center;
}
p
{ 
font-family:"Times New Roman"; 
font-size:20px;
}

1.3 Mājas lapas veidošanas pamatelementi.

prezentācija

1.3.1 dokumenta tipu deklarācija

Lai interneta pārlūksprogramma spētu objektīvi un precīzi nolasīt <html> faila kodu tai ir jāzin noteikumi un parametri pēc kuriem vadīties. Šo kopumu tad arī dēvē par dokumenta tipu deklarāciju (document type declaration).
HTML 4 : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5 : 
<!doctype html>

1.3.2 Html dokuments

Kods starp birkām <html> un </html> definē tīmekļa vietni. 
<head>
<meta name="description" content="Pasacina">
<meta name="keywords" content="pasaka,princese,pelnruskis,mila,pavasars">
<meta name="author" content="Jaanis Beerzins">
<meta charset="UTF-8">
</head>

<body>
<h1>Mans pirmais virsraksts</h1>
<p>mana pirmaa rindkopa.</p>
</body>
....
figure bildes/pasaka01.png
Figure 2 pasaka.html Gedit redaktorā
figure bildes/pasaka02.png
Figure 3 pasaka.html Notepad++ redaktorā
figure bildes/pasaka03.png
Figure 4 Kā pārlūkprogramma attēlo datni pasaka.html

1.3.3 Daži ieteikumi

1.4 Vienkāršas mājas lapas piemērs.

prezentācija

<!doctype html>
<html>
<head>
</head>
<body> 
<p align="center">Mana web lapa!</p> 
</body>
</html>
Vienkāršākās web lapas piemērs. Ja iekopēsiet šo kodu "Notepad-ā" un saglabāsiet, piemēram, ar nosaukumu "index.html" (bez pēdiņām), to atverot interneta pārlūkprogrammu vajadzētu tikt attēlotam šādam rezultātam:
figure bildes/oppo.png
Cik maksā vienkārša mājas lapa?
~6Ls mēnesī / ~70Ls gadā
[http://www.draugiem.lv/umbrovskiscom...] (2013.08.18.)

1.5 Mājas lapas veidošana ar Notepad++ .

prezentācija

figure bildes/notepad4ever.png
Notepad++ Maza un vienkārša programma, kas papildina klasiskā Microsoft Windows™ Notepad iespējas ar tādām noderīgām funkcijām kā, piemēram, sintakses izgaismošana. [http://www.atveries.lv/cd/] (2013.08.18.)
Mājas lapa: http://notepad-plus-plus.org/ (2013.08.18.)

1.6 Mājas lapu veidošanas atbalsta rīki un vietnes.

prezentācija

1.6.1 Hostings un web hostinga plānu salīdzināšana Latvijā

Lai Jums būtu vieglāk izdarīt savu izvēli hostinga pakalpojumu meklējumos, ticis izveidots saraksts ar izdevīgākajiem hostinga plāniem Latvijā. Visas minētās kompānijas nodrošina mājas lapu izvietošanu uz kvalitatīviem, uzticamiem serveriem datu centros ar ātru 100 Mbit/s interneta pieslēgumu, klientu atbalstu 24/7 un 99.9% serveru pieejamību.
http://hostingi.lv/(2013.08.18.)
....

1.6.2 Ārvalstu hostingi, lai mājas lapa atvērtos ātri ne tikai Latvijas apmeklētājiem

Ja mājas lapas klienti ir ne tikai no Latvijas, bet arī no ārzemēm un vēlaties, lai arī viņiem mājas lapa atvērtos ātri, tad varat izvēlēties vienu no ārvalstu hostinga kompānijām:

1.7 Mājas lapu šabloni. Veidošanas padomi.

prezentācija

1.7.1 Bezmaksas web lapu šabloni:

1.7.2 Mājas lapu veidošanas padomi.

1.8 Jaunās iespējas un to izmantošana.

prezentācija

figure bildes/HTML5_logo_and_wordmark.svg.png
Figure 5 Logo of HTML5 
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag. 
</video>
</body>
</html>
Plašāk par HTML5 jaunajām iespējām un tendencēm: HTML5 Introduction [http://www.w3schools.com/html/html5_intro.asp] (2013.08.18.)
-----------------

1.8.1 Satura pārvaldības sistēmas

Satura pārvaldības sistēma ir programmatūra kura ļauj vienlaikus vairākiem lietotājiem dažādus teksta vai cita veida dokumentus izveidot, apstrādāt un organizēt.
[http://lv.wikipedia.org] (2013.08.18.)
Satura pārvaldības sistēmu saraksts [http://en.wikipedia.org/wiki/List_of_content_management_frameworks] (2013.08.18.)

1.8.2 Satura pārvaldības sistēmu piemēri

figure bildes/250px-WordPress_logo.svg.png figure bildes/220px-Drupal-wordmark.svg.png figure bildes/Joomla-logo-vert-color_200.png


2 Izmantojami avoti

----- pielikumi ----