A vállalati webfejlesztés alapjai - 03 - A CSS alapjai (T360)
Első lépésként erős alapokra teszünk szert az elemek kiválasztásában. Majd megismerkedünk a mértékegységekkel, színkódokkal és az egyes elemek alapértelmezett beállításaival is.
- A megjelenítéssel kapcsolatos követelmények
- 1. feladat - A weboldal szövegeinek formázása
- A CSS áttekintése
- Az Inline stílusok
- Egy CSS stíluslap elkészítése
- A CSS szintaxisa és felépítése
- Képpontok - px
- A különböző betűtípusok
- Saját betűkészletek használata
- Szövegformázás
- Játék a betűkkel
- Külső betűtípusok használata - Google Fonts
- A formázott szöveggel ellátott weboldal bemutatása
- CSS alapok
- 2. feladat - A weboldal hátterének és elrendezésének kialakítása
- Ismerkedés az id-val
- A HTML elemcsoportok formázása osztályok segítségével
- Tartalomtagolás div és span segítségével
- A HTML elemek formázása - margin, border, padding
- A HTML elemek formázása - box-shadow
- Relatív mértékegységek használata
- Láthatóság és megjelenítés
- Az egyes HTML elemek pozicionálása
- A színek megadásának különböző módjai - RGBA
- A színek megadásának különböző módjai - HEX
- Formázás osztályok alapján
- A weboldal hátterének formázása
- A stílusokkal formázott háttér és elrendezés bemutatása
- 3. feladat - A weboldal megjelenésének finomhangolása
- A szelektorok vizsgálatának előkészítése
- A többszörösen egymásbaágyazott szelektorok
- Az attribútum szelektor
- Szövegek helyettesítése a szelektorokban
- Pszeudo szelektorok
- Fejlett szelektorok
- A finomhangolt weboldal bemutatása
- A formázott weboldal átadása
- Záróteszt
Az oktatóról
A NetAcademia egyik törzstagja vagyok, már jópár éve felfedeztek. Főleg a Webes cuccokat szeretem, de ha a szükség úgy hozza nem vetem meg a Pythont vagy az Androidot sem. Szerintem mindegy, mit tanul az ember, csak tanuljon. Ha valami újat betettem a memóriába, biztos hogy rövid időn belül szükség volt rá. Lényeg, hogy legyél tisztában az új dolgokkal és: "Bízz Istenben, de tartsd szárazon a puskaport!"