Pamācību kategorija: Mājaslapu izveides pamācības

Ja vēlies iemācīties izveidot mājas lapas pats un Tev nav pilnīgi nekādas pieredzes mājas lapu izstrādē, tad Tev jāsāk ar CSS un HTML apgūšanu.  Šajā sadaļā atradīsi HTML pamācības un CSS pamācības iesācējiem, kuriem nav nekādu priekšzināšanu mājas lapu izveidē.

Mājas lapu izveidē tiek lietotas vairākas tehnoloģijas, vienkāršākās no tām ir HTML valoda un CSS. Vienkāršiem vārdiem, paskaidrojot, HTML ir mājas lapas skelets, savukārt, CSS ir tas, kā šis skelets tiek “ietērpts”, ārējais veidols (krāsas, fonti, novietojums, izmēri).

HTML ir Hyper Text Markup Language. HTML nav programmēšanas valoda, bet tā ir hiperteksta iezīmēšanas valoda. HTML valodā tiek izmantoti tagi, lai iezīmētu elementus. HTML dokumenti sastāv no HTML tagiem. Katrs tags apzīmē kādu dokumenta elementu. <tags> saturs </tags>. Mājas lapa sastāv no HTML dokumentiem.

CSS  – Cascading Style Sheet. Ar CSS palīdzību HTML elementiem var piešķirt stilu (krāsas, izmērus, fontus u.c.) un norādīt elementu izvietojumu lapā. Tiek izveidots atsevišķa stila lapa/-as, kurā norāda HTML elementu īpašības, piemēram paregrāfa teksta fonta izmēru, krāsu un šriftu. CSS sniedz iespēju uzstādīt šīs īpašības uzreiz visos HTML dokumentos vienlaicīgi, ierkastot vienreiz CSS failā, piemēram, ka visi paregrāfi visā mājas lapā būs Times New Roman šriftā. Ja izmantotu tikai HTML, tad pie katra paregrāfa atsevišķi būtu jāieraksta fonts katram paregrāfam. Lai HTML dokumenti izmantotu šo CSS, katrā HTML dokumentā ir jānorāda saite uz CSS dokumentu un visas CSS failā norādītās īpašības, tiks izmantotas HTML dokumentā.

Kā savienot projektu no Mac datora ar GitHub?

Kas ir Git un GitHub? Izmantojot Git, iespējams saglabāt un izsekot visas sava projekta koda versijas, ko saglabāsiet. Git kas ļauj izveidot daudz jaunas versijas Jūsu projektā, vienlaikus saglabājot oriģinālo kodu. Ja jaunais kods darbojas, to var apvienot ar pašreizējo kodu vai, ja nedarbojas kā vēlētos, to var  izmest.  Git ļauj vairākiem cilvēkiem strādāt kopā …

Kā savienot projektu no Mac datora ar GitHub? Lasīt vairāk »

HTML atribūti

HTML atribūti sniedz papildus informāciju par HTML elementiem un tos var pievienot jebkuram HTML  elementam. Atribūtiem parasti ir nosaukums (name) un vērtība (value). Piemēram vienā no iepriekšējām pamācībām Kā pievienot attēlu HTML dokumentā, mēs jau izmantojām atribūtu src. <img src=”attelanosaukums.jpg” /> Attēla elementam var pievienot atribūtu src, kas apzīmē source (avotu) jeb ceļu uz attēlu. …

HTML atribūti Lasīt vairāk »

CSS mērvienības

Ar CSS palīdzību Jūs variet dažādiem elementiem mājas lapā pievienot izmērus – platumu, augstumu, lielumu u.c. Kā arī noteikt attālumus starp elementiem, atstarpes un atkāpes. lai pievienotu šos izmērus iespējams izmantot vairākas mērvienības, kā, piemēram, pikseļos, centimetros, collās utt. Ir iespējami 2 vediu izmēru noteikšanas veidi: aboslūtie un relatīvie. Absolūtie elmentu izmēri ir konkrēta izmēra, …

CSS mērvienības Lasīt vairāk »

Kā pievienot komentāru CSS failā?

CSS failos var pievienot komentārus, kas nebūs redzami interneta pārlūkā, bet būs redzami Jums pašā failā. CSS komentāri var būt noderīgi, ja vēlaties pierakstīt kādu paskaidrojošu informāciju par kodu, lai varētu vieglāk vēlāk pats orientēties savā kodā,kā arī,ja projektā būs piesaistīti citi izstrādātāji, viņiem būtu vienkāršāk un ātrāk orientēties Jūsu izstrādātajā kodā. Komentārus var rakstīt …

Kā pievienot komentāru CSS failā? Lasīt vairāk »

Kā izveidot HTML kontaktu formu?

HTML formas tiek lietotas, lai izveidotu ievades laukus, kuros lietotājs var ievadīt informāciju, piemēram saziņas formas mājas lapā, kur lietotājs var ierakstīt vārdu, uzvārdu, telefonu un ziņu  vai ielogošanās forma, kurā lietotājs ievada lietotājvārdu un paroli, lai ielogotos mājas lapā. Ar HTML var izveidot tikai pašus ievades laukus un pogas. Lai ievadītā informācija tiktu nosūtīta …

Kā izveidot HTML kontaktu formu? Lasīt vairāk »

HTML virsraksti (headings)

HTML virsraksti tiek iedalīti sešos līmeņos pēc to svarīguma no H1 līdz H6, kur H1 ir pirmā līmeņa jeb vissvarīgākais virsraksts. Katrā mājas lapas sadaļā vajadzētu ievērot to, lai ir tikai viens H1  līmeņa virsraksts, kas atspoguļo sadaļas nosaukumu. Pārējo līmeņu virsraksti jāievieto lapā loģiskā secībā. HTML virsraksti tiek izmantoti, lai noteiktu virsraksta svarīguma pakāpi, …

HTML virsraksti (headings) Lasīt vairāk »

Kā izveidot mājas lapas navigācijas izvēlni HTML + CSS?

Šajā pamācībā atradīsiet informāciju kā izveidot savu pirmo pavisam vienkāršu horizontālu navigācijas izvēlni mājas lapai. Lai izveidotu mājas lapas navigācijas izvēlni jeb navigāciju (menu), būs nepieciešams vispirms izveidot HTML dokumentus un CSS failu. Šajā pamācībā apskatīsim piemēru ar četrām mājas lapas sadaļām (Sākums, Par mums, Pakalpojumi un Kontakti). Kā izveidot HTML dokumentu padziļinātāk variet apskatīt …

Kā izveidot mājas lapas navigācijas izvēlni HTML + CSS? Lasīt vairāk »

Kā izveidot pogu mājas lapā ar CSS+HTML?

1. Vispirms izveidojiet a href atribūtu Jūsu HTML dokumentā, kurā vēlaties ievietot pogu. Href norāda, ka tiks izmantota saite (URL). Href vērtība būs saite uz, kuru aizies lietotājs, nospiežot pogu. Piemērā parādīts, ka poga aizved uz google.com mājas lapu. <a href=”https://www.google.com/”></a> 2. Pēc tam pievienojiet tekstu, ko vēlaties attēlot pogā: <a href=”https://www.google.com/”> <p>Apskatīt</p></a> 3. Ja …

Kā izveidot pogu mājas lapā ar CSS+HTML? Lasīt vairāk »

Kā pievienot komentāru CSS?

CSS stila lapās  var pievienot komentārus. Komentāri noder tad, ja ir gara stila lapa, daudz selektoru un nepieciešams pierakstīt komentārus par to, kas attēlots failā, lai piemēram, pēc ilgāka laika, ja nepieciešams labot kodu, būtu saprotams, kas ir kas. Lai pievienotu komnetāru CSS failā izmanto slīpsvītras un zvaigznītes: /* Šis ir  komentārs */ Atver ar …

Kā pievienot komentāru CSS? Lasīt vairāk »

Ievads CSS – pamācība

Lai apgūtu šo pamācību, Tev pirms tam jābūt izveidotam HTML failam un datorā uzstādītam koda editoram. Ja nezini kā izveidot, to vari apgūt pamācībā Ievads HTML. Ar CSS palīdzību mēs piešķirsim dizainu HTML dokumentam. Lai to izdarītu būs nepieciešams izveidot css failu. Atveriet koda redaktoru, piemēram Brackets vai Notepad ++ vai Sublime un izveidojiet jaunu …

Ievads CSS – pamācība Lasīt vairāk »

CSS krāsu kodi

Web dizainā tiek izmantotas CSS krāsas. CSS krāsas var tik noteiktas pēc nosaukuma vai kā RGB krāsas vai kā heksadecimālās krāsas. Krāsas un toņi tiek veidotas no trim pamatkrāsām – sarkanas, zaļas un zilas. Heksadecimālās krāsas Heksadecimālās krāsas atbalsta visi interneta pārlūki. RR (sarkana krāsa), GG (zaļa krāsa) un BB (zila krāsa) ir heksadecimālie skaitļi …

CSS krāsu kodi Lasīt vairāk »

Ievads HTML – pamācība

HTML ir Hyper Text Markup Language. HTML valoda sastāv no iezīmēšanas tagiem. HTML dokumenti sastāv no HTML tagiem. Katrs tags apzīmē kādu dokumenta elementu. <tags> saturs </tags>. Ir pāra un nepāra tagi. Para tagi ir, kas vienmēr ir pa divi, piemēram <p> Šeit ir teksts.</p>  (apzīmē paregrāfu). Nepāra tagi ir pa vienam, piemēram <br> (pārnes tekstu jauna rindā). Kā zināt kuri tagi …

Ievads HTML – pamācība Lasīt vairāk »

DG WEB FACTORY

Sazinies ar mums

Aizpildiet kontaktformu un atbildi saņemsiet 24 stundu laikā! Priecāsimies saņemt ziņu no Jums!

+37125693580
sales@dgwebfactory.com