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:
- w3schools XML, HTML, HTML5, CSS: http://www.w3schools.com/
- W3C recommendations: http://www.w3.org/
Könyvek:
-
Debolt, V.: HTML és CSS – Webszerkesztés stílusosan; Kiskapu kiadó, 2005
-
A w3schools XML, HTML, HTML5, CSS referenciái: http://www.w3schools.com/
-
W3C ajánlások: http://www.w3.org/