Web-fejlesztés - I.

Általános rendszergada, felsőfokú szakképzés,
WEB-programozó, felsőfokú szakképzés

Időpont

  • Jelenleg (a félévben) nem oktatom a tárgyat.

Tárgyleírás

Szükséges előismeretek: A tananyagot úgy alkottuk meg, hogy az a kezdők számára is feldolgozható legyen. Azonban néhány dologra nem térünk ki a tananyag keretein belül (például hálózati ismeretek [telnet/ssh, ftp/scp, böngészőprogramok kezelése]), úgy vesszük, hogy ezekkel mindenki tisztában van.
A tananyag feldolgozása során megismerkedhetünk a fontosabb fogalmakkal, a különböző szabványokkal, a HTML nyelv történetével, struktúrájával, használati módjával. Integrált módon mutatjuk be a HTML 4.01 nyelvben és a stíluslapokban rejlő lehetőségeket. A technikai tudnivalók mellett az ergonómiai elvekkel is foglalkozunk, valamint hasznos tippeket és trükköket is bemutatunk.

Tárgyfelelős: Abonyi-Tóth Andor, http://people.inf.elte.hu/abonyita/

Követelmények

A félév során mindenkinek el kell készíteni egy kötelező beadandó feladatot, majd egy saját weboldalt, és azt el kell helyezni egy webszerveren. A honlap szólhat saját magadról, de tetszőleges témát is feldolgozhatsz. Miután elkészült a honlapod, megnézzük, és vagy elfogadjuk, vagy megmondjuk, hogy mit kell módosítanod rajta.

Beadandó

A kötelező beadandó feladat esetén egy megadott leírás (specificáció) alapján kell elkészítenetek egy néhány lapból álló weboldalt, amelynek a megadott dokumentumtípus szerint érvényesnek (validnak) kell lennie.
A kötelező beadandó feladat elkészítésénél ALAKHŰ (WYSIWYG) honlap szerkesztő programok használata szigorúan tilos.
A beadandó feladatot önállóan kell elkészíteni. Amennyiben valaki másolja a beadandó feladatot nem kaphat jegyet az adott félévben, de az sem aki odaadta azt. Ezért különösen fontos, hogy ne adjátok oda a megoldott feladatot senkinek, és publikus szervereken se tároljátok azt, és legfőként ne csináljátok közösen.

Saját honlap

A saját készítésű honlapnak eleget kell tennie a következő követelményeknek:

  • legalább 4 oldal terjedelmű legyen
  • legyen (legalább egy) olyan oldal, amely tartalmaz (háttér)kép(ek)et, táblázato(ka)t.
  • legyen (legalább egy) olyan oldal, amelyben használsz űrlapot (például vélemény elküldése)
  • legyen (legalább egy) olyan oldal, ahol felhasználsz egy tetszőleges (ténylegesen hasznos) JavaScriptet
  • a honlap feleljen meg az a tananyagban szereplő ergonómiai elveknek
  • használd ki a stíluslapok adta lehetőségeket, ahol lehet, váltsd ki az elavult tageket/paraméterek stílusokkal
  • könnyen lehessen navigálni az oldalak között
  • minden oldal kódjában a META információk helyesen legyenek kitöltve (készítő neve, kulcsszavak, stb.)
  • az oldalakat tartalommal is fel kell tölteni, nem elég csak a honlap "vázát" elkészíteni
  • a honlapodnak különböznie kell a kötelező beadandó feladattól ;-)
  • ne legyenek hiányzó komponensek, az oldal elérhetőségét a tesztelés után szabad csak elküldeni
  • törekedni kell hasznos tartalom előállítására
  • minden oldalnak érvényesnek (validnak) kell lennie, az alkalmazott dokumentumtípus szerint.

Határidők

A határidők később kerülnek ismertetésre.

Tematika

Óra Dátum Gyakorlat
1.   Óramegbeszélés. Technikai bevezető feldolgozása.
2.   A HTML 4.01 szabvány megismerése. HTML alapok
3.   Táblázatok használata
4.   Képek használata
Űrlapok használata
5.   Kliens oldali térképek
Metaelemek. Framek (keretek) létrehozása
6.   Javascriptek, felhasználásuk
7.   Ergonómia elvek megtekintése. Típushibák.
Ismerkedés a stíluslapok (CSS) alapjaival
8.   Ismerkedés a stíluslapok (CSS) alapjaival
A HTML és XHTML szabvány közti különbségek
9.   Akadálymentes weblapkészítés
10.   Kötelező beadandó feladat elkészítése - konzultáció

Ajánlott irodalom

Letölthető segédanyagok

Cím Fájlméret Fájlnév
Gipsz Jakab honlapja feladat - megoldás (félig)
212 kb 
 gipsz_jakab_honlapja_gyak.zip