Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK.

Az előadások a következő témára: "Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK."— Előadás másolata:

1 Korpásné Szűcs Melinda web-referens DEENK Korpásné Szűcs Melinda web-referens DEENK

2 - Mit akarunk szolgáltatni? - Kinek? – célközönség definiálása (kor, technika) - Hogyan? Milyen eszközökkel?

3  Válasszuk meg az eszközöket (hardver, szoftver, tárhely stb.)  Végezzünk felmérést a célközönség körében  Tervezzük meg a tartalmat, szerkezetet  Tervezzünk formákat, színeket, dizájnt.  Tervezzük meg a tesztelést, bevezetést, felhasználók tájékoztatását, karbantartást.  Végül ne feledjük a kiértékelést, visszajelzéseket!

4  Akadálymentes oldalak – már tervezéskor figyelembe kell venni! http://www.paramedia.hu  Web 2.0 – népszerű: - bemutatkozó oldal - egyénre szabottság (iGoogle) - visszacsatolási lehetőségek - napi szavazás, tervezési tippek adása - fórum, blog, rss

5  Könnyen használható legyen!  Könnyű legyen a navigáció!  Átlátható  Felhasználó-központú  Elérhető: Web Accessibility Initiative irányelv http://www.w3.org/WAI  Friss, releváns, karbantartott

6  Színek pszichológiája  Kulcsszavak kiemelése  Listák – átfutjuk az oldalakat, nem olvassuk!!  Fejezetcímek, rövid összefoglalók  Oldalanként nem túl sok tartalom

7 1. Text Editor (pl. jegytettömb, Notepad++) 2. Szerkesztő programok, WYSIWYG (What You See Is What You Get) szerkesztők (pl. Netscape Composer, Microsoft Visual Studio, FrontPage, Dreamweaver) 3. Tartalomkezelő rendszerek, angolul Content Management System, CMS (pl. Joomla!, Drupal, PHP-Nuke, TextPortál) 4. Webes szerkesztők amatőröknek

8 . A HTML fájl egy szöveges állomány, kiterjesztése.html vagy.htm.  Böngészők  Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari  Tartalmaz utasításokat, hivatkozásokat, valamint szöveget. Az utasítás gyakrabban használt neve a tag. Minden html utasítást jelek közé zárunk:.  Majdnem minden utasításnak van záró párja, melyet így jelölünk:.

9  Az utasításoknak adhatunk tulajdonságokat, melyeket a nyitó utasításban helyezhetünk el:  Pl.

10  Dokumentum Typus Deklaráció (DTD) - ez adja meg azt, hogy milyen elemeket és attribútumokat használhatsz a HTML egyes részeiben ahhoz, hogy később, mikor ellenőrzöd vagy hibákat keresel, ne legyen hibaüzenet. 

11  Oldal címe   A megjelenítendő információk 

12  A CSS jelentése Cascading Style Sheets, egymásba ágyazott stíluslapok. Stílusleíró nyelv  megjelenés.  Html elemekhez rendelünk tulajdonságokat.  CSS használatával szétválaszthatjuk a tartalmat a formától, így átláthatóbb lesz honlapunk forrása, és a módosítás egyszerűbbé válik.

13 (flash, script, képek, gombok, html kódok) http://www.wordle.net http://webfejlesztes.inf.elte.hu http://www.mediacenter.hu/help/html/index.htm http://cooltext.com http://www.allfreebackgrounds.com http://www.5mp.eu http://www.gportal.hu

14 http://www.kompozer.net http://www.linkindito.hu http://mindenkilapja.hu http://www.hitetlen.com/demo/vonal.html http://www.w3schools.com/HTML/html_colornames.asp http://www.pemberley.com/janeinfo/latin1.html

15  PHP-ben írt nyílt forráskódú tartalomkezelő rendszer és fejlesztői keretrendszer. Sokan fejlesztik. Kiegészítő modulok Sminkek Fordítások  Működéséhez szükséges egy webszerver (ajánlott az Apache), PHP futtatási lehetőség, valamint MySQL vagy PostgreSQL adatbáziskezelő rendszer.

16  A http://cmsaward.hu oldalon kipróbálható egy telepített Drupal.  http://drupal.org  http://drupal.hu  http://nagygusztav.hu  http://drupal.hu/kezikonyv