Internet technológia (HTML, CSS)

Képzés célja:

A tanuló megismerkedik a HTML/XHTML leíró nyelvekkel. Betekintést szerez a HTML5 új lehetőségeibe. Megtanul statikus weboldalakat készíteni a webes sztandardokat figyelembe véve. Megismerkedik a CSS (Cascading Style Sheets) nyelvvel. Megtanulja hogyan készíthet látványos, de felhasználóbarát weboldalakat design alapján. Megismerkedik a CSS3 lehetőségeivel. Felismeri az elevult HTML tageket és tudja helyettesíteni őket.

 

Képzés tartalma:

  • Az internet eredete, W3C ajánlások, a HTML nyelv szintaxisa
  • Weboldalak felépítése: DTD (Document Type Definition), head és body
  • Felépítéssel kapcsolatos tagek
  • Alapvető tagek
  • Szövegformázással kapcsolatos tagek, színkeverés (additív)
  • Képkezeléssel kapcsolatos tagek
  • Listák, beágyazott listák
  • Táblázatokkal kapcsolatos tagek
  • Öszetett táblázatok készítése
  • Űrlapokkal kapcsolatos tagek
  • Formok létrehozása és gyakorlása
  • Framekkel kapcsolatos tagek
  • Elavult HTML tagek

 

  • CSS alapjai
  • Belső, külső, szövegközi stílusmegadás, rangsor
  • CSS kijelölők, HTML DOM
  • Szövegek, listák, linkek formázása
  • Pszeudo elemek
  • Képek, színek, hátterek formázása
  • Menük létrehozása
  • Dobozmodell, pozícinálás
  • Oldalfelépítés (egy doboz középen)
  • Oldalfelépítés (három soros elrendezés, két oszlopos elrendezés)
  • Oldalfelépítés (három oszlopos elrendezés, dekor elemek, árnyékok)
  • Tervezési minták
  • A CSS3 új lehetőségei

 

 

Használt IDE (Integrated Development environment):

Adobe Brackets (ajánlott), Notepad++, Adobe Dreamweaver

 

Böngészők a teszteléshez:

Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer

 

Ajánlott irodalom:

Linkek:

Könyvek:

Gyakorló feladatok

Itt vannak a HTML/CSS dizájngyakorló feladatok

  • használjátok
  • csináljátok
  • tanuljátok
  • élvezzétek
2024 © Robert Girhiny