2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK.

Slides:



Advertisements
Hasonló előadás
Szerver oldali programozás
Advertisements

Lássuk a matematikát számítógéppel
Weblapkészítési tudnivalók 2: Útmutató az elnevezésekhez Pék Ágnes © 2009.
Szövegszerkesztési alapismeretek
Többszálúság a böngészőben, avagy merjünk-e Javascriptben programot írni? Farkas Máté Budapest.js meetup
Egy kisvállakozás dinamikus weboldalának fejlesztése: tervezés, problémák, megoldások Szilágyi Gábor.
Közösségi média és a könyvtár Trendek Közösségi média és a könyvtárak Trendek
BANKFIÓK Egy elképzelés tényleges megvalósítása valós tervek alapján.
Az MVC tervezési minta 2. előadás.
Webes java technológiák 2011
Vizuális és web programozás II. TRTLB226 Tantárgyfelelős: Lénárt Anett mérnöktanár Rendszer- és Szoftvertechnológia Tanszék B137
2010/2011.Huszár István1. dia Weboldalak tervezése II. (X)HTML.
A magazin klán oldala Készítette: Papp Vilmos
Informatika érettségi tapasztalatai és változásai
KAP ALBIZOTTSÁG TÁJÉKOZTATÁS DIT-UMVP MB MÁRCIUS 13-I ÜLÉSÉRE Szilvássy István.
A szoftverek csoportosítása
Digitális képanalízis
SZOFTVER.
Készítette: Rummel Szabolcs
Felső tagozatosok programozás oktatása
Microsoft szoftverek a szakképzésben
Látványos vektrorgrafikus és deklaratív prezentációs réteg 3D támogatássalLátványos vektrorgrafikus és deklaratív prezentációs réteg 3D támogatással Egységesített.
Plazma. Miért hoztam létre? Mert szeretek a számítástechnikával foglalkozni, ezért hoztam létre ezt a weboldalt.
Vizuális és web programozás II.
Vizuális és web programozás II.
Google earth és a térinformatika kapcsolata
CSS.
SZOFTVEREK.
Web Application for Resource Planning
SZOFTVER.
Nem irodai programok fájltípusai
LOGO Webszolgáltatások Készítette: Kovács Zoltán IV. PTM.
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK.
Weblapkészítési tudnivalók Pék Ágnes © Hogyan lehet weboldalt létrehozni? Lehet kész sablonokat használni Lehet önállóan előállítani.
Weblapkészítési tudnivalók Pék Ágnes © Hogyan lehet weboldalt létrehozni? Lehet kész sablonokat használni Lehet önállóan előállítani.
Előadóról Név: Zumpf Tamás
Bevezetés a PHP világába - kezdőknek
Weboldalak tervezése (X)HTML.
Weboldal tervezés programozó szemmel. Alapok Minden webcím www. –tal kezdődikMinden webcím www. –tal kezdődik Webböngésző = Internet ExplorerWebböngésző.
Kutyaház Egyesület Debrecen A választott téma. Felhasznált technológiák HTML5 HTML5 CSS3 CSS3 PHP5 PHP5 MySQL MySQL jQuery jQuery.
Szoftver Program – utasítás sorozat, amelyet a számítógép végre tud hajtani. Operációs rendszer – programcsomag, amely kapcsolatot teremt a felhasználó.
Párizs, a fények városa Szakdolgozatom témájának azért választottam Párizst, mert világ életemben csodáltam magát a várost, mindig is nagy vágyam volt,
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék 10. Előadás Css Tananyag:Web-programozás.
Az NVU webszerkesztő program
Webprogramozó tanfolyam
Nádai Gábor előadása INTERNETES KONFERENCIASZERVEZÉS GDF TDK 2009 – Konzulens: Kaczur Sándor.
Violet nails Készítette: Csőke Vivien. Bevezetés Téma: Violet nails - műkörömkészítő weblapjának elkészítése A weboldal elérhető az alábbi címen: violetnails.atw.hu.
Spanyolország gyöngyszeme: GRANADA Egy hobby portál kivitelezése.
Ez az én művem: Papercraft
Webprogramozó tanfolyam
Expression Studio 4 Fár Attila Gergő Microsoft Diáktanácsadó Budapesti Műszaki Egyetem.
A számítógép (computer)
Készítette: Derecskei Nikolett
SZOFTVEREK (programok)
Fórum alkalmazás tervezése Készítette: Lückl Roland és Horváth Gergely és implementálása.
Budapest szeptember 28.. A webes alkalmazás a CD főkönyvtárában lévő index.html nevű fájllal indítható el.
Vizuális programozás Előadó: Csapó Gábor.
Tárgy: e-mobil applikációk Mentor: Dr. Zlatko Čović Hallgató: Vadlja Róbert 2015, Szabadka Firefox Open OS.
A Mozilla magyar nyelvű szerkesztőjének használata
A HELYSZÍN INFONETMEDIA LTD 45 Queen Street PORTSMOUTH PO1 3HW United Kingdom.
Szoftver Program – a számítógép számára érthető utasítássor Operációs rendszer – Programcsomag. Kapcsolatot teremt a felhasználó és a számítógép között.
Szoftver Program Operációs rendszer – Programcsomag, kapcsolatot teremt a felhasználó és a számítógép között. Pl: Windows és DOS, Linux (ingyenes), Unix.
Bukni vagy átmenni, ez itt a kérdés!? A Linuxos érettségi?
Szoftver Program Operációs rendszer – Programcsomag
Kulcsrakész Közgyűjteményi Portál
Web-Grafika Linuxon?!? Gödöny Péter.
SZOFTVEREK (programok)
DRUPAL Előadja: Nagy Nikoletta :05.
Előadás másolata:

2010/2011.Huszár István1. dia Weboldalak tervezése I. ALAPOK

2010/2011.Huszár István2. dia Főbb témakörök: A tartalmi rész leírása (HTML építőkockák) A megjelenést befolyásoló stíluslapok használata (CSS) Az elemek viselkedésének meghatározása (JavaScript) Adatbázis kezelése (PHP – MySQL) Tipográfia Akadálymentesítés Validálás

2010/2011.Huszár István3. dia Felszerelés Több böngésző program (IE., Mozilla, Opera, Google Chrome stb.) Szerkesztő program(ok) Grafikai programok Futtatói környezet, admin felület Szabványok Validátor

2010/2011.Huszár István4. dia Böngészők Nem működnek egyformán !!!

2010/2011.Huszár István5. dia Szerkesztők Két nagy csoport: Kódszerkesztők Vizuális szerkesztők (nem ajánlott) Legegyszerűbb esteben: ascii kódot előállító szövegszerkesztő prg. (pl. Jegyzettömb)

2010/2011.Huszár István6. dia Kódszerkesztők HTML kódot írunk Kényelmi funkciók (pl. többszörös Undo) Színezés (kód átláthatóbb) Sorok számozása Kódöszevonás Automatikus eltolás

2010/2011.Huszár István7. dia Grafikai szoftver Fizetős (Photoshop, Corel Paint Shop Pro Photo, Ulead PhotImpact) Ingyenes (GIMP, Paint.NET) Weboldalunk nem csak a látványos effektusokkal kiírt 2-3 szótól fog kinézni jól, hanem az átgondolt tervezéssel elért összhatás miatt.

2010/2011.Huszár István8. dia Koncepció I. A weboldal három rétegből épül fel: 1.Legalul található a tartalmi réteg (HTML kód) 2.Megjelenés rétege (tényleges dizájn stíluslapok írják le) 3. Viselkedést befolyásoló programkód (JavaScript)

2010/2011.Huszár István9. dia Koncepció II. Az egyes rétegeket egymástól elkülönítve kell kezelnünk, ne keverjük – ezeknek önmagukban is meg kell állniuk a helyüket. (Pl. ha a böngészőben ki van kapcsolva a JavaScript támogatás, akkor is kezelhetőnek, CSS nélkül pedig értelmezhetőnek kell maradnia az oldalnak.)