Uvod v splet
- Kaj je svetovni splet?
- Kaj je spletna stran?
- Kaj je spletišče?
- Kakšna je naloga spletnega strežnika?
- Kaj je brskalnik?
- Na katerih osnovnih standardih temelji delovanje svetovnega spleta?
- Katere vrste spletnih strani ločimo glede na način izdelave in delovanja?
- Kaj je svetovni splet (WWW)?
- Kakšna je razlika med internetom in svetovnim spletom?
- Kaj je spletni brskalnik?
- Kaj je spletna stran?
- Kaj je spletišče?
- Kaj pomeni kratica URL?
- Zapiši glavne dele spletnega naslova (URL).
- Kaj je spletni strežnik?
- Kaj je domena?
- Kaj je HTML?
- Kaj je CSS?
- Kaj je JavaScript?
- Kaj je PHP?
- Kaj so podatkovne baze?
- Zapiši razliko med HTML in CSS.
- Zapiši razliko med JavaScriptom in PHP.
- Zapiši vsaj tri vrste vsebin, ki jih lahko vsebuje spletna stran.
- Kaj pomeni, da so spletne strani povezane s hiperpovezavami?
- Zakaj uporabljamo domene namesto IP naslovov?
- Zapiši osnovni potek prikaza spletne strani.
- Kaj je protokol v računalniškem omrežju?
- Kaj je naloga protokola HTTP?
- Kakšna je razlika med HTTP in HTTPS?
- Katera vrata običajno uporablja HTTP in katera HTTPS?
- Kaj pomeni, da je HTTP protokol brez stanja?
- Zapiši dve pogosti HTTP metodi.
- Kaj pomeni statusna koda
404 Not Found? - Kaj je naloga sistema DNS?
- Zapiši razliko med zapisoma DNS
AinAAAA. - Kaj je FTP?
- Zakaj osnovni FTP ni najprimernejši za občutljive podatke?
- Kaj je naloga protokola SMTP?
- Kakšna je razlika med POP3 in IMAP?
- Zapiši, čemu je namenjen SSH.
- Kaj omogoča MIME pri elektronski pošti?
- Kaj je spletni strežnik?
- Kakšna je osnovna naloga spletnega strežnika?
- Zapiši osnovni potek delovanja spletnega strežnika.
- Kaj pomeni statusna napaka
404 Not Found? - Kakšna je razlika med statično in dinamično spletno vsebino?
- Naštej tri znane spletne strežnike.
- Kaj je Apache HTTP Server?
- Kaj je Nginx?
- Kaj je IIS?
- Zapiši, kaj pomeni reverzni proxy.
- Zakaj je pri spletnem strežniku pomemben HTTPS?
- Zakaj lokalni razvojni strežnik ni nujno primeren za javno objavo?
- Kaj je statična spletna stran?
- Kaj je aktivna spletna stran?
- Kaj je dinamična spletna stran?
- Kakšna je razlika med aktivno in dinamično spletno stranjo?
- Zakaj samo preverjanje obrazca z JavaScriptom ni dovolj?
- Zapiši osnovni tehnologiji za izdelavo statične spletne strani.
- Zapiši tehnologijo, ki se najpogosteje uporablja za aktivnost spletne strani v brskalniku.
- Zapiši primer strežniške tehnologije za izdelavo dinamičnih spletnih strani.
- Kakšno vlogo ima podatkovna baza pri dinamični spletni strani?
- Zakaj se v sodobnem spletu statične, aktivne in dinamične tehnike pogosto prepletajo?
- Kaj je spletna aplikacija?
- Kakšna je razlika med spletno stranjo in spletno aplikacijo?
- Kaj je odjemalski del spletne aplikacije?
- Kaj je strežniški del spletne aplikacije?
- Kaj je PWA?
- Zakaj je pri spletnih aplikacijah pomemben HTTPS?
- Zapiši tri primere spletnih aplikacij.
- Zapiši tri tehnologije, ki se pogosto uporabljajo pri izdelavi spletnih aplikacij.
- Zapiši dve pomembni lastnosti sodobne spletne aplikacije.
- Zakaj preverjanje podatkov samo v brskalniku ni dovolj?
Kreiranje in objava spletišča
- Zakaj je pri izdelavi spletišča pomembno načrtovanje?
- Kaj pomeni, da mora biti spletišče odzivno?
- Zakaj je vsebina pomemben del spletišča?
- Kaj preverimo pri testiranju spletišča?
- Kaj pomeni optimizacija spletišča?
- Zakaj delo s spletiščem po objavi še ni končano?
- Zapiši tri elemente kakovostnega spletišča.
- Zapiši tri faze izdelave spletišča.
- Zapiši dve pogosti napaki pri izdelavi spletišča.
- Zakaj je dostopnost pomembna pri izdelavi spletišča?
- Zakaj je načrtovanje pomemben korak pri izdelavi spletišča?
- Kaj določimo pri opredelitvi ciljne skupine spletišča?
- Kaj je zemljevid spletišča?
- Kdaj je primerna zaporedna struktura spletišča?
- Zakaj je hierarhična zgradba pogosto primerna za večja spletišča?
- Kaj je osnutek postavitve spletne strani?
- Zakaj je pomembna urejena datotečna struktura spletišča?
- Zapiši tri stvari, ki jih določimo pri načrtovanju spletišča.
- Zapiši tri vrste struktur informacij v spletišču.
- Zapiši tri primere orodij ali sistemov za izdelavo spletišča.
- Zapiši primer pregledne datotečne strukture za preprosto spletišče.
- Katera napaka se lahko pojavi, če spletišče nima vnaprej pripravljenega zemljevida?
- Zakaj pri oblikovanju spletišča ni dovolj, da je stran samo estetsko privlačna?
- Kaj pomeni načelo
mobile first? - Kakšna je razlika med fiksno in odzivno postavitvijo?
- Zakaj je Bootstrap uporaben pri izdelavi spletišča?
- Zakaj je pri izbiri barv pomemben kontrast?
- Zapiši primer CSS kode, s katero v dokumentu določiš pisavo Roboto.
- Zapiši primer CSS spremenljivke za poudarno barvo.
- Zapiši primer CSS pravila, ki uporabniku tipkovnice prikaže jasen fokus na povezavi.
- Zakaj je vsebino dobro pripraviti pred izdelavo posameznih HTML strani?
- Kaj je ikona spletišča oziroma favicon?
- Zakaj pri končni različici spletišča ni priporočljivo uporabljati besedila Lorem ipsum?
- Kako pripravimo slike za uporabo na spletišču?
- Zakaj je pri slikah pomemben atribut
alt? - Zakaj ikon ne smemo uporabljati brez premisleka?
- Kakšno sidrno besedilo je primerno za zunanjo povezavo?
- Zapiši tri vrste vsebine ali datotek, ki jih pripravimo pred izdelavo spletišča.
- Zapiši primer HTML kode za vključitev slike z nadomestnim besedilom.
- Zapiši tri priporočila za pripravo slik na spletišču.
- Zapiši primer povezave do zunanjega vira z opisnim sidrnim besedilom.
- Katera pogosta napaka se pojavi pri pripravi vsebine spletišča?
- Zakaj je potrebno testirati spletišče pred objavo?
- Kaj moramo preveriti pri testiranju spletišča?
- S katerim orodjem lahko preverimo pravilnost HTML kode?
- S katerim orodjem lahko preverimo pravilnost CSS kode?
- Kaj preverimo pri povezavah?
- Zakaj je treba preveriti odzivnost spletišča?
- Zapiši tri elemente, ki jih preverimo pri odzivnosti spletišča.
- Kaj pomeni kratica SEO?
- Kaj so ključne besede?
- Kako pravilno uporabimo ključne besede na spletni strani?
- Kakšna je razlika med on-site in off-site optimizacijo?
- Zakaj je element
titlepomemben za SEO? - Kaj je namen oznake
meta description? - Zakaj je pri slikah pomemben atribut
alt? - Zapiši primer ustreznega naslova strani z elementom
title. - Zapiši primer oznake
meta descriptionza stran o SEO. - Kaj je domena?
- Kakšna je razlika med domeno in spletnim gostovanjem?
- Kaj pomeni vrhnja domena?
- Kaj je slovenska nacionalna vrhnja domena?
- Kaj je registrar?
- Kaj je register pri domenah?
- Zakaj je pomembno pravočasno podaljšanje domene?
- Kaj je DNS?
- Zapiši primer domene pod slovensko vrhnjo domeno.
- Zapiši tri priporočila za izbiro dobrega imena domene.
- Zapiši tri lastnosti, ki jih preverimo pri izbiri spletnega gostovanja.
- Kaj pomeni objava spletišča?
- Kaj običajno potrebujemo za javno objavo spletišča?
- Zakaj mora imeti spletišče začetno datoteko
index.htmlaliindex.php? - Katere datoteke in mape moramo poleg HTML strani prenesti na strežnik?
- Zakaj je pomembno ohraniti enako strukturo map pri prenosu na strežnik?
- Zakaj je priporočljivo uporabljati HTTPS?
- Kaj preverimo po objavi spletišča?
- Zapiši tri podatke, ki jih običajno potrebujemo za povezavo s strežnikom.
Izdelava spletišča
- Zakaj je datoteka
index.htmlobičajno pomembna pri spletišču? - Kakšna je razlika med elementoma
<title>in<h1>? - Zakaj je pri odzivni spletni strani pomembna meta oznaka
viewport? - Zakaj lastno slogovno datoteko običajno vključimo za Bootstrapovo CSS datoteko?
- Kaj omogoča datoteka
bootstrap.bundle.min.js? - Kaj omogoča Bootstrapova mreža pri odseku Kaj uporabljamo?
- Zapiši osnovno HTML5 ogrodje dokumenta z jezikom strani in naslovom dokumenta.
- Zapiši povezavo do lastne slogovne datoteke
css/slog.css. - Zakaj pri izdelavi podstrani Bootstrap uporabimo obstoječo domačo stran kot predlogo?
- Katere dele strani običajno ohranimo, ko iz domače strani pripravimo novo podstran?
- Zakaj moramo pri podstrani Bootstrap premakniti razred
activev navigaciji? - Kakšno vlogo ima razdelek
page-herona podstrani? - Kaj omogoča Bootstrapov mrežni sistem pri razdelku Kaj je Bootstrap??
- Zakaj je datoteko
bootstrap.bundle.min.jstreba vključiti pri uporabi nekaterih Bootstrapovih komponent? - Zakaj ni priporočljivo mešati primerov kode iz različnih različic Bootstrapa?
- Zapiši osnovno strukturo Bootstrapove mreže z vsebnikom, vrstico in dvema stolpcema.
- Zapiši tri pogoste napake pri izdelavi podstrani z Bootstrapom.
- Zakaj je treba pri strani v podmapi prilagoditi relativne poti?
- Kakšno vlogo ima stranski meni na dokumentacijski strani?
- Kako morajo biti povezave v stranskem meniju povezane z vsebinskimi poglavji?
- Kakšna je razlika med uporabo Bootstrap CDN povezav in lokalnim prenosom datotek?
- Zakaj je pri Bootstrapu pomembna datoteka
bootstrap.bundle.min.js? - Zakaj mora biti dokumentacijska stran pregledno razdeljena na poglavja?
- Zapiši primer povezave do lastne slogovne datoteke, če je HTML stran shranjena v podmapi
dokument. - Zapiši primer povezave v stranskem meniju, ki vodi na poglavje z ID
prenos. - Zapiši primer meta oznake, ki je potrebna za pravilen odziven prikaz strani na mobilnih napravah.
- Na katerem osnovnem vzorcu temelji Bootstrapova postavitev?
- Kakšna je razlika med razredoma
.containerin.container-fluid? - Kaj pomeni, da ima Bootstrap mrežni sistem dvanajst stolpcev?
- Kako delujejo odzivni razredi, kot sta
col-md-6incol-lg-4? - Zakaj je pri mreži pomemben razred
row? - Kaj omogočajo Bootstrapovi utility razredi?
- Kaj omogočajo razredi za tiskanje, na primer
d-print-none? - Zapiši osnovno strukturo Bootstrapove postavitve z vsebnikom, vrstico in dvema stolpcema.
- Zapiši primer razredov, s katerimi je element na telefonu širok celo vrstico, na tablici polovico in na večjem zaslonu tretjino vrstice.
- Zapiši primer elementa, ki je skrit pri tiskanju.
- Zakaj Bootstrap ne nadomesti pravilne HTML strukture?
- Kakšna je razlika med semantično uporabo naslovov in uporabo naslovov samo zaradi videza?
- Zakaj so semantični elementi, kot so
main,section,article,navinfooter, pomembni? - Kaj omogoča razred
img-fluid? - Zakaj je pri slikah pomemben atribut
alt? - Zakaj tabel ne uporabljamo za postavitev strani?
- Zapiši primer slike, ki se odzivno prilagaja širini vsebnika.
- Zapiši primer odzivne Bootstrap tabele z osnovnim razredom
table. - Kaj so Bootstrapove komponente?
- Katera razreda sta potrebna za osnovno Bootstrap opozorilo?
- Kako z gumbi jasno ločimo glavno in pomožna dejanja?
- Zapiši primer osnovnega Bootstrap opozorila za uspešno shranjevanje podatkov.
- Zapiši primer primarnega in obrobnega gumba.
- Kateri Bootstrapovi razredi so uporabljeni za odzivno mrežo kartic vodičev?
- Kaj naj vsebuje kartica vodiča?
- Zakaj pri zunanji povezavi, ki se odpira v novem zavihku, dodamo
rel="noopener noreferrer"? - Zakaj mora imeti slika v kartici vodiča atribut
alt? - Zakaj opisi vodičev ne smejo biti generični?
- Zapiši primer zunanje povezave, ki se odpre v novem zavihku in uporablja varnostna atributa.
- Kaj je namen spletne strani Kontakt v vzorčnem spletišču?
- Katere vsebine običajno vsebuje kontaktna stran?
- Zakaj morajo biti kontaktni podatki zapisani tudi kot besedilo?
- Zakaj mora imeti vsako polje obrazca oznako
label? - Kako povežemo oznako
labelz ustreznim vnosnim poljem? - Zakaj pri vnosu e-poštnega naslova uporabimo
type="email"? - Zakaj pri zemljevidu uporabimo atribut
loading="lazy"? - Zapiši primer vnosnega polja za e-pošto z oznako
label. - Zapiši primer besedilnega polja za sporočilo.
- Zapiši primer gumba za pošiljanje obrazca.
- Katere podatke naj vsebuje kartica blog prispevka?
- Zakaj je pri blogu koristno izpostaviti en prispevek?
- Zakaj uporabimo razred
g-4pri blog postavitvi? - Zakaj morajo imeti slike blog prispevkov atribut
alt? - Zapiši primer osnovne kartice za blog prispevek.