Webbteknik: praktisk kurs CSS - kurs 1699 rub. från Stepik, träning 21 lektioner, Datum: 29 oktober 2023.
Miscellanea / / December 04, 2023
Välkommen till kursen "Web Technologies: Praktisk kurs"!
Denna kurs passar dig om:
– Du vet redan vad HTML och CSS är och du saknar övning.
– Om du vet vad en klassväljare är och redan har stylat små sidor.
– Det är lämpligt att ha en förståelse för flexbox, eller en önskan om att lära sig det i processen – det kommer att finnas ett separat block för detta.
Syfte med kursen: lära sig CSS och få praktiska färdigheter.
Kursens upplägg:
1. Kursbeskrivning
Kort information om kursen och hur du genomför uppgifterna
2. HTML och CSS: Övningsmodul
Vi minns den grundläggande teorin om HTML och CSS: dokumentstruktur, grundläggande HTML-element, CSS-väljare, överväga exempel och, naturligtvis, utföra praktiska uppgifter.
3. Mer CSS
CSS-teoriblock: kombinatorer och sammansatta väljare, boxmodell, kaskadbildning och nedärvning. Låt oss förstå skuggor, gradienter, z-index, övergångar och animering.
4. Praktisk modul
Vi tillämpar allt vi lärt oss under kursen på verkliga problem. Det här är inte layouten för en enorm webbplats - det här är arbete med enskilda komponenter på webbplatsen. Som vanligt börjar vi med de lätta delarna och avslutar med de svåra.
Exempel på en av uppgifterna:
5. Introduktion till Adaptive
Förstå mediefrågor, beräknade värden och variabler.
Vi utför mellanliggande uppgifter. Och i slutändan kan du designa en responsiv webbplats och publicera den.
6. Slutsats
Kursen utvecklas och det är planerat att lägga till nya block och projektuppgifter här!
1
välForskarlärare, datavetenskapslärare (högsta kategorin), QA-ingenjör
Jag har högre teknisk och pedagogisk utbildning. Hon tog examen från forskarskolan vid Moscow State Pedagogical University i riktning mot "Teori och metoder för utbildning och utbildning (informatik)." Jag är en pristagare av lärar-olympiaden i Moskva. Utöver mitt huvudsakliga arbete förbereder jag eleverna för Unified State Exam och Unified State Exam, och utvecklar även mina egna kurser på Internet. Kontakt: [email protected]
Start av kursen
1. Allmän information om kursen
2. Hur man slutför uppgifter
HTML och CSS: Grundläggande koncept
1. HTML-höjdpunkter
2. Grunderna i CSS
Mer CSS
1. Box modell
2. Väljare
3. Kaskad och arv
4. Position, z-index
5. Skuggor, gradienter, filter
6. Animation
7. Övergångar
Praktisk modul
1. Flexbox | Teori + praktik
2. Meny
3. Rubrik + kort
4. Blanketter
Introduktion till Adaptive
1. Min-bredd, min-höjd, max-bredd, max-höjd
2. Mediafrågor @media
3. Beräknade värden och CSS-variabler
4. Burgermeny
5. Projekt
Slutsats
1. Slutsats