1. Del - Karin. Undervisere: Peter, Karin, Jens og Gitte Hvem er Peter & Karin? Broadcast:

Slides:



Advertisements
Lignende præsentationer
Book-trailer i 5.a Læringsmål Hvad skal eleverne lære?
Advertisements

Introduktion til HTML HTML dokumentets struktur & Indhold.
Hejnsvigbynet.dk Opdatering med typo3 CMS. •Mål –Deltagere skal kunne oprette og redigere tekst, tabeller og billeder på en underside •Forudsætninger.
Grundlæggende PowerPoint
Peder Ohrt  Start på Dagens Klik her Start på Dagens Klik her  5 grundlæggende funktioner på Fronter Klik her 5 grundlæggende funktioner på Fronter Klik.
SEO (Search Engine Optimization) - Hvordan bliver du mere synlig på nettet?
Hjemmesidekonstruktion Tjekspørgsmål 1.Hvad er et markup-sprog – hvad bruges det til? 2.Hvad er forskellen mellem et markup-sprog og et scriptsprog? 3.Hvad.
Eshop – 2 ugers php-programmering Broadcast: session-id (samme session-id hver dag) Præsentation af Jim.
Frontermetroen Klik Klik på de indrammede felter og pile - og få en forklaring på indholdet Peder Ohrt  4 grundlæggende funktioner på Fronter Klik her.
Introduktion til HTML Hypertekst referencer. Uden links – Hypertekst referencer – intet world wide web. World wide web er et Hypermedium….. Link definition.
Sidetyper Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Vejledning i blog-værktøjet WordPress Opdateret august 2009.
Modul 2: Website Undervisere: Stefan og Helle Hvad handler modulet om?
Visitsite.dk © anja nielsen Forskellige typer websider Søgemaskiner Webshops (betaling) Blog (i forandring – og to-vejs kommunikation) Stationære.
Introduktion til CSS I gang med min første HTML & CSS hjemmeside.
Forsvarets temadag, 14. november 2012 Foto: GettyImages.
Interaktion 4 Stefan Grage.
Blogger.com - lav din egen hjemmeside
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
”E-LÆRINGSRESSOURCER” Anne-Grete Roelof René Virtuel læring lyd*tale*billeder*video*handling.
Vejledning i blog-værktøjet WordPress Opdateret oktober 2012.
Vejledning i blog-værktøjet WordPress Opdateret februar 2009.
Frontermetroen Klik Klik på de indrammede felter og pile - og få en forklaring på indholdet Peder Ohrt  4 grundlæggende funktioner på Fronter Klik her.
Her kan du søge oplysninger om de forskellige lande, se videoklip med børn og unge, lave dine egne kort, statistik og lave wiki’er Med kortgeneratoren.
Program for Dag1 1. ca Intro til kurset og gruppeopdeling 2. ca Markupsprog og browsere – hent Komodo 3. ca Tags, xhtml, Validering.
Grundlæggende Webdesign Blåt hold – øvelsesgang 2
POSITIONERING Stefan Grage
Join.me/webkursus. * Vi kan nu ramme de html-elementer vi vil… * Lad os få placeret vores “kasser”/strukturelle elementer * Dertil bruger vi en række.
Frontermetroen Klik Klik på de indrammede felter og pile - og få en forklaring på indholdet Peder Ohrt  4 grundlæggende funktioner på Fronter Klik her.
Dag 9: Programpakker Jquery og JQuery Mobile
Peder Ohrt  4 grundlæggende funktioner på Fronter Klik her 4 grundlæggende funktioner på Fronter Klik her  Vil du vide mere Klik her (introduktionsvideo.
Tema 3: Web-crawler Udvikle Web-crawler, som tager en URI som input og besøger samtlige sider på siten som URI’en peger på. Fx –
Dag 2 varekatalog Broadcast: session-id (samme session-id hver gang) Formiddagens arbejde:
UDDANNELSER I UDVIKLING – Rediger i Windows Movie Maker Brug det færdige produkt på mobiltelefon Optag video på mobil – 3gp Tag billeder på.
Blogging Udvidet design og funktion
Formål med dag 2 1.Hvordan lægger man websider ud på internettet 2.Hvordan optimerer man billeder til web? 3.Hvordan sætter man billeder ind på websider?
Visitsite.dk © anja nielsen Forskellige typer websider Søgemaskiner Webshops (betaling) Blog (i forandring – og to-vejs kommunikation) Stationære.
Apps! Apps! Apps! Nej! Nej! Nej! Per Esmann Jensen about.me/peresmannjensen.
Case-opgave på HG2 uge 41,  I skal lave en slags avis til nettet – ikke nødvendigvis en avis som BT eller Politiken … det kan godt være en slags.
Eksempler på skabeloner til bøger i powerpoint
1 Webdesign - De første trin Grundliggende begreber Internettet (1969-): En fællesbetegnelse for netværk eller tjenester der benytter samme.
H:\ public_html \ gwd \ oevelse_x \
Øvelsesgang 1 - DWDK Rikke Poulsen. Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil.
I gang med FrontPage 2003 Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Implementering af eget design til en D!ng-hjemmeside v/ Ewan Andreasen
HTML intro Dag 1. Client – Server miljø Client Server Klient ◦ Hardware (Screen size, colors, processor…) ◦ Platform (Mac, Windows, Linux…) ◦ Browser.
Videregående pc-vejledning Modul 07: Elektronisk post 60+Bornholm.
Dig Tante Oda fra Brovst Gitteweb-server ( ssh-server (ssh.itu.dk/import/stud/www/gwd/E2005/oevelse_x/4/brugernavn) Internettet.
Øvelsestimer (opgave 5) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
SkoleIntra og faghæfte 48
Gennemgang af hjemmeside.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik.
Tekst til nettet Digitale Medier E /11. MENU DIGITALE MEDIER: FORMIDLING OG DESIGN SØGEMASKINER OG OPTIMERING Tekst på nettet Opsummering på kursets.
Grundlæggende DW, HTML, CSS, udskæring.
Client / Server teknologi Eksamensteori Anbefaling: Tag notater.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld.
Usability – 3. november: Tilgængelighedstests Vigtige deadlines! Dagens øvelse Tilgængelighedsrapport Usability-rapport Næste uge.
Udvikling af mobilsites Einar Gislason / FTF. Mobilsites Mobilvenlige sites.
System & Metode præsenterer Power på mobile enheder d.12 maj 2011 – Nyborg Strand Niels Liisberg Systemarkitekt.
Øvelsestimer (opgave 3) v/Morten Davidsen Øvelseslærer på ITU cand.merc.(dat.) studerende på CBS.
Øvelsestimer (opgave 3) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt.
IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Internet, html og Dreamweaver Anden øvelsesgennemgang Onsdag den 13. juni Webkommunikation 2007 v/ Niels Christian Nielsen.
Hjemmesider Begynderguide. Editor En editor er et program, hvor du kan skrive dine koder. Se videoen her for gennemgang af, hvordan du kan downloade og.
De grundlæggende redskaber
De grundlæggende redskaber
Efter folkeskolen kan du i Danmark typisk vælge én af 2 ”retninger”
Modul 07, Elektronisk post
Vejledning: Publicering af artikler på portalen.
Præsentationens transcript:

1. Del - Karin

Undervisere: Peter, Karin, Jens og Gitte Hvem er Peter & Karin? Broadcast:

Udvikling af websites Webdesign Dokumentation

Interaktion (12 dage) * Html * Css * Webstandarder * Javascript * jQuery * jQuery Mobile * Dokumentation Visualisering (½ dag) * Layout af websider * Navigation * Photoshop Mockup Kommunikation (1 dag) * Kommunikation og websider * Skriv godt til nettet * Usability * Personlig branding

Lav et portfolio-website hvor du præsenterer dit Photoshop- og Flash-arbejde over for en selvvalgt målgruppe…

I gang med dagen: * Internettet og Webbet - kort historie og lidt teknisk forklaring * HTTP, browsere og servere * Opmærkning af tekst * Meget grundlæggende HTML Første opgave * Download og installér Komodo Edit * Lav en simpel webside - gem den lokalt og vis den i browseren FTP og webhoteller Anden opgave * Download og installér FileZilla Client * Upload webside og billede til keaweb Grundigere præsentation af modulets opgave Inspiration - Eksempler på portfolio Afleveringsopgave

3. del

* Modulopgaven finder du på Fronter: 1.2_Modulopgave.pdf1.2_Modulopgave.pdf Eksempler på portfolioafleveringer fra sidste semester: * * * * * * * *

* Fotografisk: * Typografisk: * Animeret: * Retro: * Minimalistisk:

* (Dan Cederholm – Bulletproof serien) – minimalistisk * (Luke Wroblewski – Mobile First) – animeret * (Ethan Marcotte – Responsive Web Design) * Jeffrey Zeldman (A List apart) - farverig * og Chris Coyier (css-tricks.com) * Dave Shea (CSS Zen Garden) * (Ethan Marcotte – Responsive Web Design) (Ethan Marcotte – Responsive Web Design) * Jeffrey Zeldman (A List apart) - farverig Jeffrey Zeldman (A List apart) - farverig * og Chris Coyier (css-tricks.com) og Chris Coyier (css-tricks.com) * Dave Shea (CSS Zen Garden) Dave Shea (CSS Zen Garden)

* * * (Ethan Marcotte – Responsive Web Design) (Ethan Marcotte – Responsive Web Design) * Jeffrey Zeldman (A List apart) - farverig Jeffrey Zeldman (A List apart) - farverig * og Chris Coyier (css-tricks.com) og Chris Coyier (css-tricks.com) * Dave Shea (CSS Zen Garden) Dave Shea (CSS Zen Garden)

Opret en ny webside, som viser en madopskrift. Opskriften skal indeholde: * En overskrift * Et billede * En ingrediensliste * En beskrivelse af fremgangsmåden * Et link til en mad/kokke-side efter eget valg Websiden skal uploades til dit eget domæne, og opgaven skal afleveres I Fronter som et link. Deadline: i aften kl Tip: hvis du bruger æ, ø, å i dine tekster, skal du indsætte følgende meta-tag I din kode: - ellers vises disse tegn forkert.

Inden torsdag skal du have installeret browserne Chrome, Firefox og Safari på din computer, hvis du ikke allerede har dem ;)