Summaries, Notes
Technologies
Computers, Consumer Electronics
Web lapu veidošana ar CSS un HTML-
Web lapu veidošana ar CSS un HTML
Nr. | Chapter | Page. |
1. | Ievads | 2 |
2. | CSS ievietošana HTML dokumentā | 2 |
3. | Dažu CSS īpašību apraksts | 5 |
4. | Mantošana | 6 |
5. | Selektori | 7 |
7. | Stila definēšana ar klasi | 9 |
8. | Fontu formatizēšana | 14 |
8.1. | Font-family | 14 |
8.2. | Fonta stils | 15 |
8.3. | Fonta variants | 15 |
8.4. | Fonta izmērs | 16 |
8.5. | Font- weight | 17 |
8.6. | Retināts teksts | 17 |
8.7. | Fonta krāsas uzdošanas veidi | 18 |
8.8. | Fontu izsaukšana | 19 |
8.9. | Fona uzlikšana tekstam | 19 |
9. | Izmēri, lauki, atkāpes un apmales | 20 |
9.1. | padding, margin un border | 20 |
9.2. | Attāluma atlikšana starp rāmi un tekstu, teksta atkāpes no rāmja malām | 21 |
9.3. | Teksta atkāpe | 22 |
9.4. | Divi rāmji viens otra iekšienē | 22 |
9.5. | Teksta atkāpe no labās malas | 23 |
9.6. | Teksta atkāpe no kreisās malas | 23 |
9.7. | Teksta un rāmja uzdošanas veidi | 24 |
9.8. | Attāluma atlikšana starp lapu un rāmi | 25 |
9.9. | Dažādi rāmju veidošanas stili | 28 |
9.10. | Krāsainas rāmja malas | 30 |
9.11. | Rāmja stili | 31 |
9.12. | Rāmju izskata maiņa | 32 |
9.13. | Tekstu virsraksti | 33 |
10. | Lapas fons | 33 |
10.1. | Viena elementa vai visas lapas fons | 33 |
10.2. | Fona zīmējuma uzlikšana | 34 |
10.3. | Fona zīmējuma uzlikšana par x asi | 34 |
10.4. | Fona zīmējumu uzdošanas veidi | 35 |
10.5. | Veids kā panākt fona zīmējumu pārklāšanos | 36 |
11. | Saraksti | 36 |
11.1. | Marķera tipa uzrādīšana sarakstiem | 37 |
11.2. | Vienkārša veida saraksts | 37 |
11.3. | Attēlu ievietošana marķeru vietā | 38 |
11.4. | Saraksta virsraksta izveidošana | 39 |
12. | Sarežģītu sarakstu veidošana | 40 |
13. | Rāmji | 58 |
14. | Rāmji un saraksti darbojas kopā | 70 |
15. | Stila tabulas veidošana | 76 |
16. | Pseidoelementi | 91 |
16.1. | Pseidoelements ” anchor ” | 92 |
16.2. | Pseidoelements ”first-line” | 92 |
16.3. | Pseidoelements ”first-letter” | 93 |
16.4. | Pseidoklase ”lang” | 94 |
17. | HTML un CSS sadarbība | 94 |
18. | Dažādi šablonu veidi | 95 |
19. | CSS pielietošana tabulām | 106 |
19.1. | CSS raksturlielumu uzstādīšana tabulām | 106 |
19.2. | Tabulas apmales saplūšana | 107 |
19.3. | Uzrakstu veidošana tabulai | 110 |
19.4. | Tabulas aizpildīšanas stila norādīšana | 111 |
19.5. | Šūnu rāmji | 112 |
19.6. | Tabulu pārveidošana | 115 |
19.7. | Platuma uzdošana tabulām | 117 |
19.8. | Dažāda stila malu iestādīšana tabulas šūnām | 118 |
19.9. | Stila uzdošana tabulai | 119 |
19.10. | Šūnu iekrāsošana | 120 |
20. | Pozicionēšana | 122 |
20.1. | Statiskā pozicionēšana | 122 |
20.2. | Teksta relatīvās pozicionēšanas piemērs | 123 |
20.3. | Absolūtā, relatīvā un statiskā pozicionēšana | 123 |
20.4. | Pozicionēšana no augšas | 125 |
20.5. | Pozicionēšana no kreisās puses | 125 |
20.6. | Attēla nosaukuma izvietošana | 126 |
20.7. | Pozicionēšana pa labi | 126 |
21 | Teksta īpašības rāmī | 127 |
22. | Dažādu slāņu pozicionēšana | 130 |
23. | Web lapas iespējamais karkass | 132 |
24. | Interneta resursi un darbā izmantotā literatūra | 134 |
1.Ievads
Web dokumenti palika arvien sarežģītāki un uz dažādu platformu datoriem lapas attēlojās dažādi. Lai atrisinātu šo problēmu, tika izveidotas kaskādu stila tabulas CSS { Cascading Style Sheets). HTML tagi un to atribūti nosaka dokumenta struktūru (sastāvu un atsevišķo elementu mijiedarbību) un vizuālo elementu ārējo izskatu. Tieši šim pēdējam jautājumam tiek pievērsta vislielākā uzmanība. Tā kā Web dokuments sastāv no vairākām lapām un daudzi kodi atkārtojas, ir izdevīgi pielietot CSS tehnoloģiju, kas atdala parametrus, kuri nosaka dokumentu ārējo izskatu, no parametriem, kuri nosaka dokumenta iekšējo struktūru. No otras puses ar html veidotās Web lapas dažādās pārlūkprogrammās var attēloties dažādi, bet ar CSS veidotās lapas attēlojas pārlūkprogrammās vienādi.
2.CSS ievietošana HTML dokumentā
CSS (Cascading Style Sheets) dod iespēju izmainīt HTML lapas īpašības un dod iespēju uzlabot lapas ārējo izskatu. Stilu tabula var tikt izveidota atsevišķi no konkrētā dokumenta un pēc tam piesaistīta ar saiti vai arī tieši pielietota konkrētajam HTML dokumentam.
CSS pielietošanas gadījumā lapai nebūs izkropļojumu skatoties to citās pārlūkprogrammās.
Stilu piesaistīšanas veidi HTML dokumentam:
Tieša ievietošana HTML – dokumentā starp tagiem
Piem.1.
Kods:
Teksts1
Teksts2
…
Materiālā apskatīta hiperteksta iezīmēšanas valoda HTML kopā ar lapu stila kaskadēšanu CSS. Materiāls domāts vidusskolniekiem un studentiem attiecīgā kursa apguvei. Materiālā ir dots liels skaits koda piemēru. Dotos paraugus var pārveidot un ievietot vienu otrā. Materiāls ir dots divās dāļās.
-
Web lapas
Summaries, Notes7 Journalism, Public Relations, Computers, Consumer Electronics
-
Web lapu salīdzināšana
Summaries, Notes5 Computers, Consumer Electronics, Marketing, Advertising
- Web lapu veidošana ar CSS un HTML
-
You can quickly add any paper to your favourite. Cool!Web lapu salīdzināšana
Summaries, Notes for university5
-
Web lapas
Summaries, Notes for university7
-
Web lapas
Summaries, Notes for university9
-
Daudzdimensiju kuba veidošana
Summaries, Notes for university8
-
Telpiskās datu bāzes
Summaries, Notes for university16