Webfejlesztés - HTML5, CSS3, PHP5


A tanfolyam célja

A rövid internetes kurzus azzal a céllal indul, hogy egy iskola weboldalainak elkészítésével bemutassam a HTML5 leírónyelv, a CSS3 stílusnyelv és a PHP programozási nyelv alapjait.

A tanfolyam várhatóan 8-10 leckéből áll, a website egyre több összetevőjét építjük fel, illetve a már meglévőkön fejlesztünk egy kicsit.

A végső állapotban a kezdőoldal az ábrához hasonló lesz:

  • véletlenszerűen változó címképpel
  • rajta az iskola nevével, vagy logójával
  • alatta gördülő szöveggel
  • baloldalt menüvel, almenükkel, naptárral, stb.
  • jobboldalt a tartalommal: hírek, választott menü oldalával
  • lenn a lábrésszel

(Az ábrához képest a változtatás jogát fenntartjuk!)


A tanfolyam leckéi


Javaslatok, tanácsok

  • minden új lecke előtt (kivétel a 0.) másoljuk le az "indexs.php" fájlt és a "mains.css" fájlt a következő sorszámmal a megfelelő könyvtárba, s csak utána kezdje el a munkát az új fájlokkal (ezt elinte mondom is a leckék elején, de később már nem biztos)
  • ha több új fájlra van szükség a leckében, általában tömörítve (*.zip) adom meg ezeket, a Total Commander és a legtöbb fájlkezelő segít a fájlok kicsomagolásában
  • a leckében lévő (szürke hátterű) kódrészleteket kijelölés után Ctrl+C teszi a vágólapra, majd Ctrl+V rakja az módosítandó fájl azon helyére, ahol éppen állunk
  • a CSS stílusok tanulása történhet úgy, hogy a javasoltakat egyesével teszem a helyére, majd frissítek, s megpróbálom megérteni (jó módszer ezek módosítása! is)

Puskázási lehetőségek

Az alábbi linkekre kattintva a leckék kész oldalai találhatók. Ezt csak végszükségben nézzük meg, hiszen itt nemcsak a "végtermék" látható, hanem kileshető belőle a megvalósítás módja is a következőképpen:

  • kiválasztom a leckét
  • Ctrl+U billentyűkombináció után látható a HTML/PHP fájl forrása (kivéve a PHP betéteket)
  • ebben (fenn) látható a stílusfájl, amelyre rákattintva megnézhetjük annak a tartalmát

Libasorban:



Rohan az idő ...

Jön, jövöget: 2018

8578 perc még

Elérhetőség

Katt a képre!

Weboldalaim

Naptár

Névnap

Edina napja van ma

Boldog névnapot kívánok!