Osnove sodobne postavitve - brezplačen tečaj Hexlet, usposabljanje 9 ur, datum: 5. december 2023.
Miscellanea / / December 06, 2023
Izvedeli boste več o označevanju HTML in zmožnostih sodobnega standarda HTML5. Pridobili boste tudi osnovno znanje o oblikovanju stilov z uporabo CSS: naučili se boste povezovati sloge, uporabljati izbirnike in delati s kaskadnim prikazom. Poleg HTML in CSS se boste naučili delati z vgrajenimi orodji za odpravljanje napak v postavitvi brskalnika, zlasti Google Chrome DevTools. Tako se boste naučili uporabljati označevalni jezik HTML za postavitev besedila na spletnem mestu in se seznanili tudi z osnovnimi pravili uporabe CSS in oblikovanja besedila.
Svoja nova znanja boste lahko takoj uporabili v praksi – preučili bomo urejevalnike postavitev in vtičnike zanje. Na koncu vsake lekcije boste našli majhne samostojne naloge. Namenjeni so bolj praktičnemu razumevanju obravnavane teme, zato so zelo priporočljivi za izvedbo.
Osnove postavitve vam bodo prišle prav, če se odločite za študij spletnega razvoja, ne glede na smer. Znanje iz tega tečaja programerjem pomaga označevati podatke in jih prikazati na spletnem mestu. Ta tečaj je primeren za začetnike in razvijalce, ki se s tem še niso srečali
Uvod
Tečaj “Osnove sodobne postavitve” je osnova za učenje osnov HTML in CSS postavitve spletnih strani. V tej lekciji bomo na kratko govorili o tem, kaj se naučimo na tečaju in kako lahko to znanje uporabimo v praksi.
Uvod v HTML
Lekcija je namenjena postavitvi HTML od začetka. Govorimo o vlogi atributov in preučujemo splošno shemo za opis oznak HTML.
Blok model
Kateri elementi so odgovorni za okvir strani in kateri pomagajo pri oblikovanju ali dodajanju funkcionalnih delov? Spoznajmo blokovne in inline elemente HTML ter preučimo vpliv stilov na končno širino elementov.
Semantični HTML
Glavni cilj vsake postavitve HTML je posredovati pomen blokov. V tej lekciji bomo raziskali semantične zmožnosti najnovejšega standarda HTML5 in izvedeli več o spletni dostopnosti.
Osnovna struktura dokumenta HTML
Vsak dokument HTML ima osnovno strukturo, ki jo sestavljajo oznake in storitveni elementi. Brskalnik jih potrebuje za pravilen prikaz informacij. V tej lekciji si bomo ogledali vsako vrstico te strukture.
Osnove CSS
Jezik CSS je bil ustvarjen za vizualno oblikovanje spletne strani. Preučujemo osnovne zmožnosti jezika, ugotavljamo, kako jih uporabljati skupaj s HTML. Naučimo se vključevati CSS datoteke in se seznanimo z osnovnimi tipi selektorjev.
Kaskadno v CSS
Kaj je kaskadno in kako deluje v CSS? Lekcija je namenjena razlikam v prioritetah izbirnikov in sposobnosti uporabe tega v vaših projektih.
Chrome DevTools
Pri postavitvi spletnega mesta je pomembno pravočasno najti napake ali razumeti, kako pravilno pretvoriti blok, ki ga potrebujemo. Prej se je to delalo predvsem ročno. Današnji sodobni brskalniki imajo funkcijo spletnega nadzornika. Razmislimo o zmogljivostih enega od njih - Chrome DevTools.
Urejevalniki kod
Če želite shraniti svoje delo, potrebujete urejevalnik kode. V tej lekciji si bomo ogledali, kako namestiti Visual Studio Code. To je zmogljivo orodje, ki se lahko uporablja ne le za postavitev, ampak tudi za programiranje v katerem koli jeziku.
Emmet
Preučimo enega najbolj uporabnih vtičnikov za oblikovalce postavitev - Emmet. Pospešil bo označevanje kode HTML in odstranil večino rutinskih korakov.
Objava na internetu
Če želite projekt postaviti na internet, morate uporabiti gostovanje - poseben strežnik, ki bo shranjeval datoteke in omogočal dostop do njih prek imena domene. V tej vadnici si bomo ogledali brezplačno gostovanje GitHub.
Grafični urejevalnik
Na trgu je več večjih urejevalnikov. Nekateri od njih so značilni samo za en operacijski sistem, drugi se lahko namestijo na katerega koli od njih. V tem razdelku si poglejmo glavne korake, ko oblikovalec postavitve dela s spletnim urejevalnikom Figma.
Samostojno delo
Dodatne naloge, ki omogočajo utrjevanje osvojene teorije
Dodatni materiali
Članki in videi, ki jih je pripravila ekipa Hexlet. Pomagal vam bo poglobiti se v temo tečaja