Verkkoteknologiat: käytännön kurssi CSS - kurssi 1699 hieroa. Stepikistä, koulutus 21 oppituntia, Päivämäärä: 29.10.2023.
Miscellanea / / December 04, 2023
Tervetuloa kurssille "Web Technologies: Practical Course"!
Tämä kurssi sopii sinulle, jos:
- Tiedät jo, mitä HTML ja CSS ovat, ja sinulta puuttuu käytäntö.
- Jos tiedät mitä luokanvalitsin on ja olet jo muotoillut pieniä sivuja.
- Flexboxin ymmärrys, tai halu oppia se on suotavaa prosessissa - tätä varten on erillinen lohko.
Kurssin tarkoitus: CSS: n oppiminen ja käytännön taitojen hankkiminen.
Kurssin rakenne:
1. Kurssikuvaus
Lyhyt tietoa kurssista ja tehtävien suorittamisesta
2. HTML ja CSS: harjoitusmoduuli
Muistellaan HTML: n ja CSS: n perusteoriaa: dokumentin rakenne, HTML-peruselementit, CSS-valitsimet, pohditaan esimerkkejä ja tietysti tehdään käytännön tehtäviä.
3. Lisää CSS: ää
CSS-teorialohko: kombinaattorit ja yhdistevalitsijat, laatikkomalli, kaskadi ja periytyminen. Ymmärretään varjot, gradientit, z-indeksit, siirtymät ja animaatiot.
4. Käytännön moduuli
Käytämme kaikkea kurssilla opittuamme tosielämän ongelmiin. Tämä ei ole valtavan verkkosivuston ulkoasu - tämä on työtä sivuston yksittäisten osien parissa. Kuten tavallista, aloitamme helpoista osista ja lopetamme vaikeimpiin.
Esimerkki yhdestä tehtävästä:
5. Johdatus adaptiiviseen
Mediakyselyjen, laskettujen arvojen ja muuttujien ymmärtäminen.
Toteutamme välitehtäviä. Ja lopuksi voit suunnitella responsiivisen verkkosivuston ja julkaista sen.
6. Johtopäätös
Kurssi kehittyy ja tänne on tarkoitus lisätä uusia lohkoja ja projektitehtäviä!
1
hyvinTutkimusopettaja, tietojenkäsittelytieteen opettaja (korkein kategoria), laadunvarmistusinsinööri
Minulla on korkeampi tekninen ja pedagoginen koulutus. Hän valmistui Moskovan valtion pedagogisen yliopiston tutkijakoulusta "Kasvatuksen ja kasvatuksen teoria ja menetelmät (informatiikka)." Olen Moskovan opettajaolympiadin palkinnon voittaja. Päätyöni lisäksi valmistan opiskelijoita yhtenäiseen valtionkokeeseen ja yhtenäiseen valtionkokeeseen sekä kehitän omia kurssejani Internetissä. Ota yhteyttä: [email protected]
Kurssin aloitus
1. Yleistä tietoa kurssista
2. Kuinka suorittaa tehtäviä
HTML ja CSS: peruskäsitteet
1. HTML-kohokohdat
2. CSS: n perusteet
Lisää CSS: ää
1. Laatikon malli
2. Valitsijat
3. Kaskadi ja perinnöllisyys
4. Sijainti, z-indeksi
5. Varjot, liukuvärit, suodattimet
6. Animaatio
7. Siirtymät
Käytännön moduuli
1. Flexbox | Teoria + käytäntö
2. Valikko
3. Otsikko + kortit
4. Lomakkeet
Johdatus adaptiiviseen
1. Min-leveys, min-korkeus, max-leveys, max-korkeus
2. Mediakyselyt @media
3. Lasketut arvot ja CSS-muuttujat
4. Burger menu
5. Projekti
Johtopäätös
1. Johtopäätös