1 / 17

Forelesning 1 – WMP - Introduksjon/HTML -

Forelesning 1 – WMP - Introduksjon/HTML -. Tom Heine Nätt. Kursinfo. Tom Heine Nätt E-post: tom.h.natt@hiof.no Mobil: 92012120 MSN: thnatt@hotmail.com All nødvendig info (forhåpentligvis) finnes på kursets webside: http://www.ia.hiof.no/wmp Læreboka…. Lab. Tider (Rom D1-053):

haamid
Download Presentation

Forelesning 1 – WMP - Introduksjon/HTML -

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Forelesning 1 – WMP - Introduksjon/HTML - Tom Heine Nätt

  2. Kursinfo • Tom Heine Nätt • E-post: tom.h.natt@hiof.no • Mobil: 92012120 • MSN: thnatt@hotmail.com • All nødvendig info (forhåpentligvis) finnes på kursets webside: • http://www.ia.hiof.no/wmp • Læreboka…

  3. Lab • Tider (Rom D1-053): • Tirsdag 12:15-14:00* • Onsdag 11:15-13:00 • Torsdag 08:15-10:00* • Torsdag 10:15-12:00 * = utgår første uka

  4. Hva skal vi lære? • Grunnleggende HTML • Programmering i PHP • Introduksjon til databaser • Om programmeringsspråk generelt Fokus er på grunnleggende programmering

  5. Mine mål • Ingen skal stryke • Alle skal få en positiv oppfatning av programmering • Alle skal ha lært noe veldig nyttig når kurset er ferdig • Gi en hyggelig start på studiene ved HiØ • Vi skal ikke bli nerder • Produktet, ikke verktøyet, som er målet

  6. Mine krav • Man skal legge ned den innsatsen som forventes (minst 10 timer arbeid i uka) • Ingen gir f... ehh… blaffen. • Møter på alle forelesninger • Tar ansvar for egen læring • Alle som trenger det møter på labbtimer • Man tar kontakt om problemer oppstår • Gir tilbakemeldinger om noe ikke er bra • Kopierer ikke andres innleveringer

  7. Motivasjon • Etterspurt kunnskap • Statiske => dynamiske websider • En karakter bedriftene virkelig ser på • Lett å starte ”enkeltmannsforetak” • Nyttig for alle ( DMPRO og ISIL) • Personlig webside • Automatisere oppgaver • Lærer problemløsing/strukturering/logikk om ikke annet…

  8. Hvordan foregår forelesningen? • Forsøker å få god tid til repetisjon til slutt • Medfører mye arbeid i begynnelsen • Repetisjon etter hver 10. forelesning • Fokuserer på små enkle eksempler frem til slutten av kurset • Forelesningsnotater KUN repetisjon! • Viktig å møte opp på ALLE forelesninger

  9. Eksamen • 4 timer skriftlig • 4 A4-sider som hjelpemidler • Man vil ha mye igjen for å ha jobbet med obliger/tester/prosjekter • Krever forståelse for å stå…

  10. Hvordan arbeide? • 10-11 timer i uka! • Krever mye arbeid • Ikke et kunnskaps, men et ferdighetsfag! • Normalt å ”møte veggen” • Snu problemer til noe positivt...

  11. Hvordan arbeide? • (Lese) • Obliger! • Endre eksempler • Egne oppgave / eksempler • VIKTIGSTE er å TRENE! • Se på, og ikke skriv av eksempler

  12. Innleveringer • Obligatoriske oppgaver: 10 • Tester: 2 • Prosjekter: 1 • 75 % skal være levert • prosjektert + 9 innleveringer/tester Alt leveres på http://frigg.hiof.no

  13. Websider

  14. Hva er en webside? • Ren tekst => HTML • Server  Klient • Nettleseren ”lager” websiden slik vi ser den

  15. <html><head><title>Min webside…. http://www.ia.hiof.no/wmp WebServer Nettleser

  16. Hva er HTML? • HTML: • Hyper Text > Linker • Markup Language > Tagger • Mange versjoner. • Bruk 4.0 eller XTML 1.0 (m/CSS) • Nettleseren er ”for” snill • Bygget rundt tagger (med attributter) • Dette er en <b>fet</b> tekst. • Ikke ”editoravhengig” • Slik som f.eks Word /PowerPoint

  17. HTML – Hva må vi kunne? • Strukturen i HTML • Enkle formatteringstagger (bold, italic osv) • Strukturelle tagger (heading, paragraf osv) • Spesialtegn • Bilder • Tabeller • Linker • Lister

More Related