Labora&on 7 Syfte med laborationen:

Relevanta dokument
Labora&on 8 Syfte med laborationen:

F02 En första sida. Dagens agenda

Webbsidor och webbservrar

Copy Cat Laboration 4

Struktur och innehåll Laboration 2

Översikt. Installation av EasyPHP 1. Ladda ner från Jag använder Release Installera EasyPHP.

Nya webbservern Dvwebb.mah.se

Introduktion till användning av linux-servern sledge och några övningsuppgifter

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet

Integrerad i egen cup-portal Sid 1

20/01/2016. html och css

Laboration 1 Introduktion till Visual Basic 6.0

TENTAMEN I INTRODUKTION TILL MEDIEPRODUKTION, 5p

Manual för beställning via Capitex

Lathund skapa och redigera sidor en projektwebb

Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

Du skall naturligtvis visa körexempel med output där det behövs i din rapport!

Alla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php

En bortsprungen katt

Laboration 4: Digitala bilder

Laboration 6 Formulär och stränghantering övningar/uppgifter

Elektronisk publicering TNMK30

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

Spelprogrammering med JavaScript och HTML5

Laboration 1: Arbeta med formulär och strängarhantering

Publicera PowerPoint presentationer med berättarröst i din Ping Pong sida

Publiceringsverktyget

Release Notes. Vad är nytt i Easy Planning Programmet nu Vistakompatibelt. Ny html hjälpfil anpassad för Vista

03/12/2015. Logga in på: b.socrative.com eller ladda ner appen

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

Bilder. Bilder och bildformat

Laboration med Internet och HTML

HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015

Laboration 1. Webbprodution Struktur & innehåll HT2015

Tentamen ITK:P2. Inga hjälpmedel tillåtna förutom penna och papper. Skriv tydligt och texta gärna. 14 st frågor, 70 poäng.

Introduktion till programmering

INTRODUKTION TILL ANGULAR JS

Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

Juni 2003 PlanCon Viewer Handledning PlanCon PROJEKT

HTML. Introduktion till HyperText Markup Language

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

Skapa ärende Sökande

Objektorienterad programmering i Java I

Materialspecifikationer webb 2014

Avancerade Webbteknologier

Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor

Manual för Platsnytt rekrytering. Urvalsfrågor

TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL

Materialspecifikationer

Projekt Foreläsning VI

Användarhandledning Version 1.2

Lektion 5 HTML, CSS, PHP och MySQL

Presentera dig själv Laboration 1

Lägga in ett protokoll i en Dokumentlista i SharePoint

Arg-administratörens guide till Umbraco v 1.2.1

Macromedia. Dreamweaver 8. Grundkurs.

Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande

Produktionsprislista och materialspecifikationer

Publiceringsverktyget

Laboration 1 XML, XPath, XSLT och JSON

Innehållsförteckning. Dreamweaver 3.0

Mobilt. Digitala annonsformat och teknisk specifikation. Gäller fr om

Bildbaskontoret. Bruksanvisning. Handitek. anpassar tekniken till människan BRUX\...\ BILDBASKONTORET

batklubben.eu s hemsida

Anvisningar för ifyllning av Excelark för databaser (xml-filer)

Innehållsförteckning. 1 Välkommen till Dreamweaver Skapa en lokal webbplats...23

Programmering A C# VT Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Introducerande övningar i HTML

Guide till Gerlesborgsskolans ansökningsportal

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Språk för webben introduk4on 4ll HTML

Skapa sidor, redigera befintliga samt lägga upp och länka till dokument. Mejla då riskerar inget att falla mellan stolarna.

En stiligare portal Laboration 3

Karlstads Universitet, Datavetenskap 1

Introduktion till PHP

Databasbaserad publicering ME105A Laboration 8 1 (6) I förra labben gjorde vi en webbsida med produkterna i tabellen products:

Labora&on 1 Variabler och beräkningar övningar/uppgi9er

Materialspecifikationer

Nationella prov Grundskola

Ladok utbildning 1 (6) Skapa Datafil

Primus Vägledning för massimport av bilder. Primus 5.6.4

Gesällprov. Webbutveckling klient- och serversidan. Tomas Pålson topa4233

DOM (Document Object Model) är modellen efter vilken en webbläsaren är uppbyggd. Alla objekt/element i webbläsaren finns hierarkiskt ordnade i DOM.

Ellibot 1.0. Interaktivmedia Content Management System. Publicera för webben

Uppdaterad: Lathund. ImageVault

ASP.NET Web Forms. Copyright Mahmud Al Hakim Vad är Web Forms?

Fältregistrering för gemensam ansökan till Transportstyrelsen - instruktioner

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

(reviderad , , ) Riksarkivet IT-avdelningen. Anvisningar för ifyllning av Excelark för webbleveranser

Användarmanual Detta dokument beskriver användningen av xvis, för besökare såväl som receptionister och anställda.

BRUKERVEILEDNING. När alla fält under Kontaktinfo är korrekt ifyllda, visas detta med grön bock. Då kan man stänga fliken och gå vidare.

Labora&on 8 Formulär övningar/uppgi6er

Programmering B PHP. Specialiseringen mot PHP medför att kursens kod i betygshanteringen heter PPHP1408.

Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).

Webbutveckling Laboration 1: HTML5 och CSS3.

Objektorienterad programmering i Java I. Uppgifter: 2 Beräknad tid: 5-8 timmar (OBS! Endast ett labbtillfälle) Att läsa: kapitel 5 6

Labora&on 2 HTML och validering övningar/uppgi:er

Användarmanual för Content tool version 7.5

Transkript:

Labora&on 7 Syfte med laborationen: - att förstå enkel 7ilhantering i PHP - att repetera grundläggande PHP- begrepp såsom loopar, arrayer, stränghantering och formulär. VIKTIGT: uppgift 3-5 är repetitionsuppgifter som behandlar grundläggande byggstenar i programmering och som måste behärskas. Det är därför viktigt att uppgifterna görs självständigt. Målet är inte att ni ska hinna bli klara med uppgift 3-5 under laborationstillfället, utan att ni jobbar med dem tills ni verkligen förstått dem. Förberedelser: - lägg 5 valfria png- bilder, 5 jpeg- bilder och 5 gif- bilder 150 x 150 px i /da130a/lab7/images. Se till att 7ilnamnen endast innehåller små bokstäver a- z samt eventuellt siffror. Lämna in följande: - Alla php- 7iler ihopzippade. OBS: Använd samma katalogstruktur som i laboration 1, dvs lägg alla 7iler i katalogen da130a/lab7 Uppgi. 1 Uppgiften går ut på att skriva ett PHP- script som visar alla bilder av typen gif, jpg eller png i en katalog. Skapa 7ilen index.php i mappen upp1. Skriv PHP- kod som gör följande: - De7inierar en variabel $imagepath som innehåller relativ sökväg från upp1 till katalogen images. - Sparar alla 7ilnamn i katalogen images i en variabel $7iles. Detta görs med funktionen scandir. - Loopar igenom array $7iles, och för varje 7ilnamn som slutar på jpg, gif eller png skapar lämplig html- kod för att visa bilden i 7ilen. Man kan använda funktionen pathinfo($<ilename, PATHINFO_EXTENSION) som returnerar 7il- ändelsen (tex jpg, gif eller png). Om images innehåller 15 bilder, 5 jpg, 5 png (samma bilder som jpg) och 5 gif (också samma bilder jpg) blir utskriften följande: 1

Uppgi. 2 Skapa ett formulär upp2/index.html där man med radiobuttons kan välja vilka bildformat som ska visas. Formuläret kan se ut så här: När man klickar Show pictures ska man komma vidare till sidan gallery.php. Om all är förbockad ska utskriften bli följande: 2

Om istället jpg är förbockad blir utskriften Uppgi. 3 - Repe&&onsuppgi. Uppgiften går ut på att skriva ut några egenskaper hos en lista med tal: - Antal tal i listan - De olika talen i listan. För att skriva ut de olika talen måste man loopa igenom listan. Listan är att antal tal lagrade i en array, tex $list = array(3, 7, 12, 18, 5, 4); Utskriften ska i detta fall bli: 3

Skriv koden i 7ilen index.php i upp3. Uppgi. 4 - Repe&&onsuppgi. Uppgiften går ut på att träna stränghantering. Filen index.php i upp4 ska göra följande: Några variabler innehåller information om länk, dels texten i länken, dels url som länken leder till. Dessutom variabler som innehåller annan text och rubrik. Utgå från följande variabler: $headline="stränghantering"; $text="dagens laborationshandledning finns färdig att "; $linktext="ladda ned"; $url="http://homeweb.mah.se/~k3bope/da130a/notes2011/public/lab7.pdf"; Kombinera utskrift av variablerna så att resultatet blir: Källkoden ska se ut ungefär så här: 4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>stränghantering</title> </head> <body> <h3>stränghantering</h3> Dagens laborationshandledning finns färdig att <a href="http://homeweb.mah.se/~k3bope/da130a/notes2011/public/ lab7.pdf">ladda ned</a>. </body> </html> Uppgi. 5 - Repe&&onsuppgi. Gör ett formulär med fyra fält enligt nedan, döp 7ilen till index.html och lägg i upp5. När man skickar formuläret ska man komma till sidan link.php som innehåller php- kod som skapar en sida med samma uppbyggnad som i uppgift 4. Om man matar in Stränghantering i rubrik- fältet, Dagens laborationshandledning <inns färdig att i text- fältet etc ska resultatet bli precis som i förra uppgiften. Om man istället matar in följande 5

ska utskriften bli 6