200 likes | 347 Views
Modul 2 - Website. 1. Del - Karin. Undervisere : Peter, Karin, Jens og Gitte Hvem er Peter & Karin? Broadcast: http://join.me/webkursus. Hvem underviser og I hvad ?. Udvikling af websites Webdesign Dokumentation. Hvad handler det om ?. Interaktion (12 dage ) Html Css
E N D
Modul 2 - Website 1. Del - Karin
Undervisere: Peter, Karin, Jens ogGitte Hvemer Peter & Karin? Broadcast: http://join.me/webkursus Hvemunderviserog I hvad?
Udviklingaf websites Webdesign Dokumentation Hvad handler detom?
Interaktion (12 dage) • Html • Css • Webstandarder • Javascript • jQuery • jQuery Mobile • Dokumentation Visualisering (½ dag) • Layout afwebsider • Navigation • Photoshop Mockup Kommunikation (1 dag) • Kommunikationogwebsider • Skrivgodttilnettet • Usability • Personlig branding Hvadindeholdermodulet?
Lav et portfolio-website hvor du præsenterer dit Photoshop- og Flash-arbejde over for en selvvalgt målgruppe… Modulopgaven
I gang med dagen: • InternettetogWebbet - korthistorieoglidttekniskforklaring • HTTP, browsereogservere • Opmærkningaftekst • Megetgrundlæggende HTML Førsteopgave • Download oginstallér Komodo Edit • Laven simpelwebside - gem den lokaltogvis den ibrowseren FTP ogwebhoteller Andenopgave • Download oginstallérFileZilla Client • Upload websideogbilledetilkeaweb Grundigerepræsentationafmoduletsopgave Inspiration - Eksemplerpå portfolio Afleveringsopgave Dagens program
Modul 2 - Website 3. del
Modulopgaven finder du påFronter: 1.2_Modulopgave.pdf Eksemplerpåportfolioafleveringerfrasidste semester: • http://e2012m1weba04.keaweb.dk/final_website/Website1/start.html • http://e2012m1webc09.keaweb.dk/dag11/HP9/billed_menu.html • http://e2012m1webb14.keaweb.dk/version4/index.htm • http://e2012m1webb24.keaweb.dk/version4/AcrossWeb2.html • http://e2012m1webb21.keaweb.dk/version04/index.php • http://e2012m1weba15.keaweb.dk/_dokumenter/hjemmeside_done/forside.html • http://e2012m1weba13.keaweb.dk/Website%20done/Website%20-BeC%20-%20Done/forside.html • http://e2012m1weba17.keaweb.dk/_hjemmeside/Vores%20hjemmeside/reza.html Inspiration - sidsteår
Fotografisk: http://www.dbworks.pro/ • Typografisk: http://www.coullon.com/ • Animeret: http://thinkpixellab.com/ • Retro: http://twofishillustration.com/ • Minimalistisk: http://thuytruc.me/ Inspiration - genrer
http://simplebits.com/(Dan Cederholm – Bulletproof serien) – minimalistisk • http://www.lukew.com/ (Luke Wroblewski – Mobile First) – animeret • http://ethanmarcotte.com/(Ethan Marcotte – Responsive Web Design) • http://happycog.com/Jeffrey Zeldman (A List apart) - farverig • http://chriscoyier.net/oghttp://codepen.io/Chris Coyier (css-tricks.com) • http://brightcreative.com/Dave Shea (CSS Zen Garden) • http://ethanmarcotte.com/ (Ethan Marcotte – Responsive Web Design) • http://happycog.com/ Jeffrey Zeldman (A List apart) - farverig • http://chriscoyier.net/ og http://codepen.io/ Chris Coyier (css-tricks.com) • http://brightcreative.com/ Dave Shea (CSS Zen Garden) Inspiration - webdesignere
http://www.behance.net/ • http://madeinschool.dk/ • http://ethanmarcotte.com/ (Ethan Marcotte – Responsive Web Design) • http://happycog.com/ Jeffrey Zeldman (A List apart) - farverig • http://chriscoyier.net/ og http://codepen.io/ Chris Coyier (css-tricks.com) • http://brightcreative.com/ Dave Shea (CSS Zen Garden) Find mere inspiration…
Opreten nywebside, somviser en madopskrift. Opskriftenskalindeholde: • En overskrift • Et billede • En ingrediensliste • En beskrivelseaffremgangsmåden • Et link til en mad/kokke-side efteregetvalg Websidenskaluploadestilditegetdomæne, ogopgavenskalafleveresI Frontersomet link. Deadline: iaften kl. 23.59. Tip: hvis du brugeræ, ø, åi dine tekster, skal du indsættefølgende meta-tag I din kode: <meta charset="utf-8"> - ellers vises dissetegnforkert. Dagensaflevering
Indentorsdagskal du have installeretbrowserne Chrome, Firefox og Safari på din computer, hvis du ikkealleredehardem ;) EKSTRA!!!