Weblapszerkesztés I. 2015/2016. 1.

Témakörök:
1. Bevezetés, alapelvek, eszközök
2. A tervezés előtti lépések
3. A weboldalakkal szemben támasztott követelmények
4. Felhasználó központú tervezés, Web 2.0, használhatóság, felhasználói élmény
5. A HTML, az XHTML és a W3C
6. Weboldalfejlesztés elmélet 
7. HTML leírónyelv, első HTML oldal készítése
8. HTML leírónyelv, színek, kép, táblázat, linkek
9. Hátterek készítése a dokumentumokhoz
10. CSS3.
 
A gyakorlati jegy megszerzéséhez szükséges követelmények:
1. Elméleti ZH
2. Gyakorlati HTML ZH
3. Beadandó feladat
 
Szoftverek:
Notepad: http://notepad-plusplus.org/download/v6.5.3.html 
Microsoft Share Point Designer 2007: http://www.microsoft.com/hu-hu/download/details.aspx?id=21581
 
Segédletek:
Test (bad, not accessibility): http://www.ektf.hu/~csilla/gyak_html/bad.html
Test (good, accessibility, xhtml): http://www.ektf.hu/~csilla/gyak_html/
Test (good, accessibility, xhtml, css): http://www.ektf.hu/~csilla/gyak_html/index_css.html
style_alap.css
Test (good, accessibility, html5, css): 
http://www.ektf.hu/~csilla/gyak_html5
 
Link: http://www.tutorial.hu/html5-es-css3/
Link: http://www.w3schools.com/
Link: http://www.w3schools.com/html/html5_intro.asp
Link: http://www.w3schools.com/css3/default.asp

Ajánlott oldalak:
Tüdős Zsuzsanna szakdolgozata: http://photoshopeger.hostzi.com
CSS oldalkialakítás: http://www.tutorial.hu/css-layout-negativ-margokkal/
Színösszeállítások keresésére: http://colorschemedesigner.com/ 
AdobecolorCC: http://color.adobe.com
Táblázat css generátora: http://www.csstablegenerator.com/
Előre definiált templatek: http://all-free-download.com/free-website-templates/
Ethan Marcotte, a responsive webdesign atyjának weboldala: http://ethanmarcotte.com/
A 960 pixeles rácsrendszer: http://960.gs
A 960 ixeles rácsrendszer leírása: http://sonspring.com/journal/960-grid-system
Color codes hex: http://www.w3schools.com/tags/ref_colorpicker.asp
 
Irodalom:
Kvaszingerné Prantner Csilla–Nagy Dénes: Weblapszerkesztés
Jó HTML5 és CSS3 összefoglaló: http://www.tutorial.hu/html5-es-css3/
 

CsatolmányMéret
bevezetes_az_internet_es_a_www vilagaba.pptx295.77 kB
06_WCAG_valogatva_A_AA_AAA (1).pdf140.57 kB
legfontosabb_akadalymentessegi_elvek_a_kod_szintjen.docx18.75 kB
legfontosabb_akadalymentessegi_elvek_a_kod_szintjen.pdf196.04 kB
legfontosabb_webergonomiai_alapelvek.docx1.24 MB
legfontosabb_webergonómiai_alapelvek.pdf1.01 MB
weblapelemzeshez_hasznos_kodellenorzo_eszkozok.docx1.4 MB
weblapelemzeshez_hasznos_kodellenorzo_eszkozok.pdf1.38 MB
05_WCAG_vazlat_malaj.pptx66 kB
04_akadalymentesites_es_az_egyetemes_tervezes.pptx792.4 kB
Webergonomia_alapelvek_hosszabb_0.pptx6.15 MB
Webergonomia_alapelvek_hosszabb_0.pdf2 MB
01_bevezetes_az_internet_vilagaba_10140124_2.pdf124.95 kB
02_bevezetes_a_weblapkeszitesbe_20140917_0.pdf846.62 kB
03_segedlet_html_tagek_20150214.pdf324.34 kB
04_html5_listak_tablazatok.pptx2.61 MB
05_WCAG_vazlat.pdf95.35 kB
DOCTYPE html.pdf122.94 kB
css_bekotes.txt73 byte
style_alap.css1.01 kB
focss.css662 byte
akvarisztika.css2.12 kB
akvarisztika_megoldas_0.zip2.41 MB
beadando_kovetelmenye_20140918.docx14.82 kB
beadando_kovetelmenye_20140918_0.pdf189.51 kB
kep_szoveg_mellett valo megjelenese_inline_css.txt855 byte
kepek_szoveg mellett___es___kepek kozepre igazitva.docx113.83 kB
CSS_HTML_egyedi_st.txt204 byte
first.zip439.7 kB
01_web_style_nelkul.zip514.76 kB
02_web_style.zip1.81 MB
03_web_style_halado.zip1.81 MB
wordpress.pdf1.18 MB
wp_reg_teljes_20140121.pdf2.39 MB
wp-weblapkeszites_20140203.pdf16.58 MB
videolinkek.txt179 byte
first_20151111weblapfejl_nappali.zip1.06 MB
secound_20151111_papagajos_kesz.zip1.22 MB
remittenda_forras.zip19.86 MB
remittenda_minta.txt88 byte
jocss.css2.39 kB
bolygohoz_kieg.zip9.04 kB
bolygo_forras_gyakorlo.zip602.19 kB
bolygos_egyenmeret.zip94.73 kB
bolygo_20151125.zip611.84 kB
beadando_kovetelmenye_20151216.pdf190.67 kB

Theme by Danetsoft and Danang Probo Sayekti inspired by Maksimer