Webbprogrammering 725G54
Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling
Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1.
Kursmål exemplifiera problem och möjligheter med att använda en webbaserad applikation förklara fördelarna med att separera strukturbeskrivning (HTML) och layout (CSS) för dokument vid publicering på WWW implementera en fungerande databasdriven webbplats genom att använda HTML, CSS samt grundläggande funktioner i PHP och SQL (MySQL) utveckla och dokumentera ett mindre PHP-program designa ER-modeller för en enkel databas.
Kursinnehåll allmänt om Internet och webben grundläggande databaser: ER-modellering, datatabeller, SQL (MySQL). HTML, CSS, layout, och formulär grundläggande webbprogrammering i PHP: datatyper, funktioner, filer, databaskoppling
Kursupplägg 7,5 hp 5 veckor heltidsstudier 200 h Föreläsningar, ~8 st 6 IRL + några på video HTML, CSS, PHP, ERD, jquery, Bootstrap, MySQL, RWD Laborationer, 5 hp, U/G Parvis, ~125 h 1. Enkel webbplats 2. Quiz 3. Fotoalbum 4. ERD 5. Gästbok/klotterplank 6. Filmdatabas Projekt, 2,5 hp, U/G/VG Individuellt, ~65 h databasdriven Egen webbplats
Laborationsgrupper Två studenter per grupp. Anmäl er via WebReg https://www.ida.liu.se/webreg3/725g54-2015-1/lab Grupper om tre studenter är generellt inte ok Ensamlabbare ok i enstaka fall.
Kurslitteratur Niederst Robbins, J. (2012). Learning Web Design. O'Reilly. Padron-McCarthy, T., Risch, T. (2005). Databasteknik. Studentlitteratur.
Återkoppling kursvärdering 2014 Generellt bra utvärdering (labbar, projekt, föreläsningar) För få handledare vissa pass Mer feedback, bättre handledning Mer om databaser Tydligare projektkrav för G/VG
Webbprogrammering och SVP Jobba med det Jobba i anslutning till det Leda de som jobbar med det Besluta/planera Offerter, upphandling, osv Yrkeskompetens
Frågor/kommentarer/önskemål Kursmål Innehåll Upplägg Utvärdering
Lab 1 Webbplats om något - TV-serie, författare, sportlag. Design som tydligt passar för innehåll Lägg in innehåll, bilder Idag fixa så att allt funkar - redigera och publicera Onsdag kör vi CSS (layout, design).
HTML HyperTextMarkupLanguage ett språk för att märka upp en text med taggar (etiketter) om vad det är för sorts innehåll hyperlänkar till andra dokument - www
HTML5 Ersätter HTML4 (från 1997) Recommended från 2014 Separerar innehåll från presentation Semantiskt korrekt taggning Sökmotorsvänligt Bra för tillgänglighet Bra för att utveckla för olika plattformar.
HTML och design Innehåll separat från presentation Ger inte så snygga webbsidor Man kan/bör inte skriva in styling i HTML-koden Använder CSS för presentation (färg, form, layout) CSS går vi igenom i morgon.
HTML DEMO
Block- & inline-element Block - delar upp innehåll (en eller flera rader) p, h1, h2, div Inline - del av rad med text. a, img, em, span Inline måste stå innanför ett block Block får för det mesta inte stå innanför annat block.
Teckenkodning Finns olika sätt lagra tecken digitalt <meta charset="utf-8">. charset, encoding Vanligast (funkar bäst): utf-8 Spara i samma teckenkodning som ni angett i filen att den är skriven som (eller vice versa)
Validering http://validator.w3.org För laborationerna gäller HTML5 Börja överst med första felet Läs felmeddelanden Rätta ett fel i taget Ibland skapar ett tidigt fel flera fel senare i koden.
FTP File Transfer Protocol Lägg filer i katalog: www-pub (måste skapas första gången, rättigheter måste kanske ändras) Filer i www-pub syns via www på adressen: http://www-und.ida.liu.se/~abcde123/ Adress: remote-und.ida.liu.se Protokoll: SFTP Port: 22
Lab 1 Webbplats om något - TV-serie, författare, sportlag. Design som tydligt passar för innehåll Lägg in innehåll, bilder Idag fixa så att allt funkar - redigera och publicera Onsdag kör vi CSS (layout, design).
Labbhandledning Generellt är schemalagda tisdagar och torsdagar med handledning. Onsdagar bokade salar utan handledare. Undantag: on 1/4 och on 29/4 är med handledare Fyll på från lägst nummer på labbsal (PC1-5).
Inför nästa föreläsning Kolla på och fundera igenom kursupplägg hör av er om önskemål. Fixa så att ni kommer igång med HTML och kan publicera webbsidorna på www Lägg in innehåll för lab 1.
www-allmänbildning google.com yahoo.com startpage.com gogoduck.com opera.com google.com/chrome mozilla.com/firefox www.apple.com/safari