F06 A table form Dagens agenda
|
|
- Ulf Olofsson
- för 7 år sedan
- Visningar:
Transkript
1 F06 A table form Dagens agenda Länkar Tabeller Formulär
2 Hyperlänkar index.html feed/news.html <a href="url">klickbar text</a> hippo.png about.html Relativ länk till webbsida via klickbar länk: <a href="feed/news.html">klickbar text</a> Absolut länk till webbsida via klickbar länk: <a href=" Länk till webbsida via klickbar bild: <a href="about.html"><img src="hippo.png" alt="en flodhäst"></a>
3 Bokmärken Ett bokmärke är en länk som tar dig till en specifik del av en sida. <a href="#about">gå till Om mig </a> <h2 id="about">om mig</h2> <p>jag föddes </p> Bokmärke på annan sida: <a href="page32.html#about">gå till Om mig på sidan 32</a>
4 Maillänk <a
5 Target Target-attributet användes förr främst tillsammans med frames. Följande värden är valida i HTML4 och HTML5: Target-värde _self _blank _parent _top Default, öppnas över aktuellt innehåll. Default Öppnar ett nytt fönster eller tab Liknar _self (främst intressant med frames) Liknar _self (främst intressant med frames) <a href="new.html" target="_blank">nytt fönster</a>
6 Tabeller Tabeller är till för att visa tabelldata: Pos Namn S V F MS Poäng 1. Liverpool Arsenal Tottenham Man Utd Tabeller är INTE till för att skapa layouter:
7 Tabeller rader <tr> Tabell <table> Pos Namn S V F MS Poäng 1. Liverpool Arsenal Tottenham cell <td> 20. Man Utd kolumner En tabell innehåller flera rader. Varje rad innehåller kolumner. I korsningen mellan en rad och en kolumn bildas en cell.
8 Tabeller <table> <tr> <th>namn</th> <th>adress</th> <th>telefon</th> </tr> <tr> <td>ellen Nu</td> <td>linnégatan 8</td> <td> </td> </tr> <tr> <td>kalle Karlsson</td> <td>kallegränd 6</td> <td> </td> </tr> <tr> <td>janne Jansson</td> <td>jannegatan 1</td> <td> </td> </tr> </table> Namn Adress Telefon Ellen Nu Linnégatan Kalle Karlsson Kallegränd Janne Jansson Jannegatan
9 body table foot head Tabeller <table> <thead> <tr> <th>namn</th> <th>adress</th> <th>telefon</th> </tr> </thead> <tfoot> <tr> <td colspan="3"> Senast uppdaterad </td> </tr> </tfoot> <tbody> <tr> <td>ellen Nu</td> <td>linnégatan 8</td> <td> </td> </tr> </tbody> </table> Namn Adress Telefon Ellen Nu Linnégatan Senast uppdaterad colspan: Låt en cell spänna över x antal kolumner. rowspan: Låt en cell spänna över x antal rader. Datum Åtgärd Tid Fixat bugg 1 1h Inloggning 5h Auktorisering 4h colspan, rowspan anges alltid på td
10 Tabellers attribut <table border="1"> </table> Attribut som valign, align, border, cellspacing, cellpaddning, width etc. är borttagna i och med HTML5. Med attribut som abbr, headers, summary etc. kan vi göra våra tabeller mer tillgängliga. Vi sparar dock detta till senare.
11 Formulär Formulär använder vi för att få in data från användaren av webbsajten/webbapplikationen.
12 <form> Formulär innesluts i formulärdeklarationen: <form action=""> <! Formulärkontroller här --> </form> Några attribut action method enctype Till vilken sida ska formulärdatat skickas? GET eller POST. Se kommande slides. Den typ av data som skickas vid metod POST: Standardvärde: application/x-www-form-urlencoded
13 action Tomt: skicka till aktuell sida <form action=""> <! Formulärkontroller här --> </form> Relativ adress <form action="myscript.php"> <! Formulärkontroller här --> </form> Användaren får upp ett förifyllt mail med datan <form <! Formulärkontroller här --> </form> Absolut adress <form action=" <! Formulärkontroller här --> </form>
14 method= GET <form method="get"> <! Formulärkontroller här --> </form> Förvalt, skickar datan i URLn Max 100 tecken. (enligt standarden) Möjlighet att bokmärka i webbläsaren? Används för att tala om var data delen av URLn börjar = Separerar formulärkontrollens namn från dess värde & Används för att särskilja olika namn/värdepar
15 method= POST <form method="post"> <! Formulärkontroller här --> </form> Skickar datan i requestens kropp Kan skicka stora mängder data Går ej att bokmärka Den skickade informationen döljs för blotta ögat Bara något säkrare än GET
16 <input /> <form method="get"> <input type="text" name="userid" /> <input type="password" name="password" /> </form> Några attribut value size maxlength Förifyllt värde Antal tecken bred som kontrollen ska vara Antal tecken som kontrollen max ska rymma
17 Olika input-typer <input type="text" /> <input type="password" /> <input type="hidden" value="123-65" /> <input type="color" /> <input type="datetime" /> <input type=" " /> <input type="number" /> <input type="range" /> <input type="search" /> <input type="tel" /> <input type="time" /> <input type="url" /> <input type="week" />
18 Radioknappar/kryssrutor <input type="radio" name="group1" value="u" /> Underkänd <input type="radio" name="group1" value="3" checked /> Godkänd <input type="radio" name="group1" value="4" /> Väl godkänd <input type="radio" name="group1" value="5" /> Mycket väl godkänd checked talar om att knappen ska vara förvald <input type="checkbox" name="g1[]" value="tentamen" /> Tentamen <input type="checkbox" name="g1[]" value="projekt" /> Projekt <input type="checkbox" name="g1[]" value="laboration" /> Laboration <input type="checkbox" name="g1[]" value="föreläsning" /> Föreläsning
19 Textrutor <textarea rows="5" cols="30"></textarea> Obs! inga blanksteg eller radbrytningar! <textarea rows="5" cols="30">här kan vi ange en text som kommer att vara förifylld i textrutan </textarea> <textarea readonly rows="5" cols="30">det är extremt viktigt att du godkänner dessa väldigt viktiga villkor. </textarea>
20 Menyer <select name="dryck"> <option value="kaffe" selected>kaffe</option> <option value="saft">saft</option> <option value="vatten">vatten</option> </select> Det finns även möjlighet att göra menyer där man kan göra flera val, men då är det bättre att använda kryssrutor.
21 Skicka våra formulär <input type="submit" value="skicka!" /> <button type="submit">skicka</button> <input type="image" src="skicka.png" alt="skicka" /> Genom att använda ovanstående metoder för att skicka så fungerar det även att trycka på enter för att skicka formuläret.
22 Skicka filer <form action="handlefile.php" action="post" enctype="multipart/formdata"> </form> <input type="file" /> <input type="submit" value="ladda upp fil" />
23 Fieldset <form action="registrer.php" action="post"> <fieldset> <legend>personlig information</legend> <input type="text" name="firstname" /> </fieldset> </form>
24 Labels <form action="registrer.php" action="post"> <fieldset> <legend>personlig information</legend> <label for="firstname">förnamn:</label> <input type="text" id="firstname" name="firstname" /> </fieldset> </form> Klickar man med musen på "Förnamn" får inputfältet automatiskt fokus.
25 Nya attribut i HTML5 Några attribut autofocus pattern placeholder required Ger ett element fokus vid sidladdning Validera enligt ett reguljärt uttryck Text som syns i fältet innan inmatning Fältet måste fyllas i
26 Några ord om frames
HTML. Introduktion till HyperText Markup Language
HTML Introduktion till HyperText Markup Language 1 Frågor innan vi börjar? 2 Dagens föreläsning Snabb introduktion till webben Varför använder vi HTML? Ett första HTML-dokument Metadata Teckenkodning Validera
Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.
Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Labora&on 8 Formulär övningar/uppgi6er
Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument
Inför prov 1 i webbdesign
Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke
Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se. I dessa program redigerar du HTML och så sparar du dina filer
Webbstudio Internetworld - Webbproduktion förklarad på svenska - En del av IDG.se http://internetworld.idg.se/webbstudio/pub/avdelning.asp?id=25 Sida 1 av 2 2006-10-18 HTML Publicerade artiklar» Lektion
T a b e l l e r - t a b l e s
skriv ut» T a b e l l e r - t a b l e s Exempel på tabeller» Grundkoden för tabellen» Tabell- och kolumnbredd» Sammanfoga celler» Bakgrundssbild och bakgrundsfärg» Kantlinjebredd och färg» Avstånd mellan
Databaser på webben. Revision 5 2000-12-04. Johan Näsholm, johan@nasholm.com
1 (8) Databaser på webben Revision 5 2000-12-04 Johan Näsholm, johan@nasholm.com Den senaste versionen av detta dokumentet finns på www.nasholm.com/docs/dbweb.pdf Syftet med denna skrift och den därtill
Dreamweaverskolan, Jump Meny - Formulär - Forms
skriv ut» E x e m p e l : Testa gärna att använda de olika formulärkontrollerna nedan. (Infomationen skickas inte någonstans när du använder "Skicka-knappen") Jag heter: och bor i: Jag är en: (välj ålder)
Webbsidor och webbservrar
Webbsidor och webbservrar Server HTTP-protokollet Dokument (t.ex. HTML kod) Klient URL (t.ex. länk) Normal funktion hos webben: Användaren klickar på länk eller anger URL på annat sätt. Servern lokaliserar
HTML & webbteknik. Introduktion till HTML. Formatering. Struktur HTML. Uppdelning. Hur man skapar hemsidor. Öppen standard W3C. Plattformsoberoende
Introduktion till HTML HTML & webbteknik Hur man skapar hemsidor Öppen standard W3C World Wide Web Consortium Plattformsoberoende Om standarden följs. XHTML Utveckling av HTML, kommer kanske i framtiden
Lektion 1, Del1, Kapitel 4
, Del1, Kapitel 4 Inlärningsmål Att förstå uppbyggnaden av XHTML dokument Att kunna använda XHTML för att skapa enkla webbsidor. Att kunna lägga till bilder till en webbsida Att förstå hur man skapar och
Carl-Oscar Hermansson WEBB DESIGN
Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...
Struktur och innehåll Laboration 2
Laborationsanvisning Struktur och innehåll Laboration 2 Författare: Johan Leitet Version: 2 Datum: 2011-08-08 Inledning Till skillnad från laboration 1 som mest handlade om att komma igång med arbetsmiljön
20/01/2016. html och css
html och css 1 Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare http://gs.statcounter.com/#desktop-browser-se-monthly-201501-201601-bar 2 Verktyg
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.
Lokal Gästbok 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. Gästboken ska fungera som så att man har ett fält där man kan
Du skall naturligtvis visa körexempel med output där det behövs i din rapport!
och databprogrammering Christilinda Göstson - PL/SQL, paket och ref cursor Du skall naturligtvis visa körexempel med output där det behövs i din rapport! OBS! Denna labb redovis i labbrapport via mail
03/12/2015. Logga in på: b.socrative.com eller ladda ner appen
Logga in på: b.socrative.com eller ladda ner appen Använder Har skapat använt skrivit internet i webbsidor. CSS html. (stilmall). (nästan ) dagligen. 1 Dator med webbläsare Interne t Webserver Smartphon
TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL
TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL På webservern www.student.itn.liu.se finns stöd för PHP, och PHP har inbyggda funktioner för att kontakta och ställa SQL-frågor till en
Checklista för tillgängliga webbsidor
Checklista för tillgängliga webbsidor Checklistan ska kunna användas oberoende av om man gör egna html-sidor, använder LiUmallen eller har sina sidor i ett CMS så som olopoly. Vissa funktioner får man
WEBDESIGN A - DTR 1210
Lektion 6: Tabeller Vi ska lägga till en tabell i hemsidan. Först ska vi titta lite på hur man gör tabeller. Vi börjar med enklast tänkbara tabell. En tabell med bara en ruta: Nu ska vi gå igenom steg
Karlstads Universitet, Datavetenskap 1
DAV B04 - Databasteknik KaU - Datavetenskap - DAV B04 - MGö 229 PHP Hypertext Preprocessor Scriptspråk på serversidan Innebär att webbservern översätter php-scripten innan sidan skickas till webbläsaren,
Laboration 1. Webbprodution Struktur & innehåll HT2015
Laboration 1 Webbprodution Inledning Denna inledande laboration syftar i mångt och mycket till att du ska känna dig bekväm med den laborationsmiljö ni blivit introducerat inför. De inledande uppgifterna
Laboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
1. Gå till redigeringsläge i Episerver, klicka på den sida som du vill ha ett formulär på. 2. Klicka på fliken Formulär.
Formulär - lathund Du kan skapa formulär på sidmallen skolornas webbsida 1. Gå till redigeringsläge i Episerver, klicka på den sida som du vill ha ett formulär på. 2. Klicka på fliken Formulär. 3. Klicka
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Datorlaboration 1 Deskriptiv statistik med hjälp av MS Excel vers. 2010
v. 2015-01-07 ANVISNINGAR Datorlaboration 1 Deskriptiv statistik med hjälp av MS Excel vers. 2010 Detta häfte innehåller kortfattade anvisningar om hur ni använder Excel under denna laboration. Be om hjälp
Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet.
Formulär Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet. Sedan en tid har vi kunna bygga formulär på vilken
Webbprogrammering - 725G54 PHP. Foreläsning II
Webbprogrammering - 725G54 PHP Foreläsning II Agenda Serverskript PHP Validering av data med serverskript Säkerhet Lab 2. Live coding Serverskript Kör ett program på servern och resultatet skickas till
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
Manual för visionutv.net Redigera
Manual för visionutv.net Redigera Version 2.0 Visionutveckling 2004 Innehåll: 1 Om Redigera 3 1.1 Bakgrund 3 1.2 Hur Redigera är uppbyggt 3 1.3 Vad är? 4 2 Inloggning 6 3 Nyheter i Redigera 2.0 7 3.1 Funktionsknappar
Datorlaboration 1 Deskriptiv statistik med hjälp av MS Excel
ANVISNINGAR Datorlaboration 1 Deskriptiv statistik med hjälp av MS Excel Detta häfte innehåller kortfattade anvisningar om hur ni använder Excel under denna laboration. Be om hjälp när/om ni tycker att
ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll
ASP.NET MVC Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Introduktion till MVC Controller Action-metoder Views Arbeta med Layout-sidor och sektioner Route konfiguration
Tävl-adm 3.0. Tävlingsadministrativt system www.braincurrent.se 1
Tävl-adm 3.0 Innehåll Introduktion... 3 Systemkrav... 3 Mjukvara... 3 Grunder... 4 Symboler... 4 Knappar... 4 Kontroller... 4 Tips... 4 Huvudmeny... 5 Flytta data mellan datorer... 5 Tävlingsdata... 5
SLU anpassad lathund
SLU anpassad lathund för personpresentation i EPiServer uppdaterad 17 maj 2011 För att kunna använda CV mallen på SLU webben krävs två saker: 1. Att man är anställd på SLU och har AD behörighet. Detta
Lite mer om CGI-programmering
Lite mer om CGI-programmering Innehåll Vad är CGI? Vad är Forms? Vad är Perl? Forms, CGI och Perl Läs också: Internetprogrammering F 14 Kursboken s s 48-51 Exemplen på på kursens sidor: sidor: http://www.nada.kth.se/kurser/kth/2d4334/98-99/contents/cgi/examples.html
Introduktion HTML och PHP 732G16 Databaser design och programmering
Introduktion HTML och PHP 732G16 Databaser design och programmering 08-04-22 Ingrid Alin Nilsson 1 Presentationen tar upp Lite grundläggande om HTML Grunderna i PHP Styrstrukturer Funktioner Filhantering
Laboration 2: Xhtml och CSS.
Laboration 2: Xhtml och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en webbplats med layout, bakgrundsbilder, minst en meny och
Bg Autogiro. December Medgivande via Hemsida
December 2016 Bg Autogiro Medgivande via Hemsida Postadress: 105 19 Stockholm Besöksadress: Palmfeltsvägen 5 Webb: bankgirot.se Bankgironr: 160-9908 Styrelsens säte: Stockholm Växel: 08-725 60 00 Org.nr:
Labora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...
Elektronisk publicering TNMK30
Elektronisk publicering TNMK30 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation. CSS, layoutproblem med float och boxar CSS, layoutproblem
DIGITALA RESURSER MANUAL FÖR. Komma igång med Acrobat Connect
DIGITALA RESURSER MANUAL FÖR Komma igång med Acrobat Connect 1 Introduktion Följande guide beskriver hur du kommer igång med Adobe Acrobat Connect och hur du skapar och administrerar mötesrum. 1.1 Förutsättningar
Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)
Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet
Skeleton plane & Responsiv webbdesign med CSS
1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor
Sammanfattning av hantering av redovisning av uppgift U1
Sammanfattning av hantering av redovisning av uppgift U1 Hur du redovisar Hur svar ges Hur eventuell komplettering sker Hur restuppgifter hanteras Hur registrering av resultat görs 1M321 Webbteknik 1,
Tips & tricks i Jeeves
Tips & tricks i Jeeves Distribution Mats Amboldt, Application Area Manager SCM Copyright 2008 Jeeves Information Systems, www.jeeves.se Agenda Starta program Söka Lägga upp nytt Navigera Surfa Lite OLFI
Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet.
Formulär Tidigare använde vi oss av en sidtyp som hette formulär. Dessa finns kvar och kommer att fungera men har en del begränsningar i funktionalitet. Sedan en tid har vi kunna bygga formulär på vilken
Detta är en manual om hur man lägger in e-butiksystemet Ecwid på N.nu. Gjord av SussCreations
Detta är en manual om hur man lägger in e-butiksystemet Ecwid på N.nu Gjord av SussCreations Registrera konto och Logga in 4 sidor Första steget är att gå in på www.ecwid.com. Sedan klickar du på Sign
Formulär Sida 2 av 12
sida. Sidmallen formulärsida används för att skapa olika typer av formulär. Du skapar formuläret med de frågor du vill ha och får sedan in svaren via e-post och/eller spara svaren i en databas. Alla formulär
Webbkurs för distriktsansvariga. Stockholm den 7 och 13 september 2011
Webbkurs för distriktsansvariga Stockholm den 7 och 13 september 2011 Klistra in text från Word Klistra in: all formateringskod från Word kommer med och är den som styr det webbläsaren visar, även om man
Webbprogrammering. Sahand Sadjadee
Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages
JavaScript. JavaScript Ramverk (Bibliotek) jquery + jquery UI
JavaScript JavaScript Ramverk (Bibliotek) jquery + jquery UI Allmänt ramverk/bibliotek Importera JavaScript-kod Plattformsoberoende JavaScript Prototype + script.aculo.us jquery + jquery UI Återanvända
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
JS & beteende. TNMK30 - Elektronisk publicering
JS & beteende TNMK30 - Elektronisk publicering Dagens föreläsning HTML Formulär JavaScript Syntax Events DOM Validering av fomulär JavaScript Skriptspråk som körs på klientsidan (klientskript). Koden exekveras
Övnings hemtentamen med förslag till lösning, webbprogrammering
Övnings hemtentamen med förslag till lösning, webbprogrammering Se detta som ett förslag efter som uppgifterna ofta går att lösa få flera sätt. Uppgift 1 CSS 4 poäng Alla css regler skall placeras i en
Webbdesign. maj 2008 Daniel Cronholm Sensus Studieförbund daniel.cronholm@gmail.com 073 600 8000
Webbdesign Bestäm dig för på vilket sätt du vill lära dig att göra webbsidor. Titta på de metoder som används när du kodar. Skapa en första sida med XHTML och CSS. Gör lite övningar. En sammanställning
TNMK30. Elektronisk publicering
TNMK30 Elektronisk publicering Välkomna till kursen Niklas Rönnberg niklas.ronnberg@liu.se Kopparhammaren 2, rum 2011 Medverkande Stefan Gustavson, stefan.gustavson@liu.se Camilla Forsell, camilla.forsell@liu.se
Appar med ryggrad. Introduktion till JavaScriptramverket Backbone
Appar med ryggrad Introduktion till JavaScriptramverket Backbone Vanlig webbsida Databas MVC - Model View Controller MVC - Model View Controller MVC Backbone.js Ger struktur Bygger på MVC konceptet Tvingar
Användarmanual för. 1(1)
Användarmanual för sofie.landelius@bypasset.se 1(1) 2005-06-13 Innehållsförteckning 1. Logga in... 3 Problem... 3 Content... 4 Account... 4 Help... 4 2. Att skriva en artikel... 5 Publicera artikel alt
Textsträngar och formulär i JavaScript
Föreläsning i webbdesign Textsträngar och formulär i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Antag a4 variabeln s innehåller följande text s = "pics/small/bridge.jpg"
Laboration 4. Laboration 4, Formulärvalidering. Inledning. Observera. Mål. Genomförande
Laboration 4 Laboration 4, Formulärvalidering Observera För att bli godkänd på laborationen ska din källkod följa den standard vad det gäller kommentering, val av variabelnamn m.m. som gåtts igenom på
Laboration 1: Arbeta med formulär och strängarhantering
Laboration 1: Arbeta med formulär och strängarhantering From Webbapplikationer Contents 1 Läsanvisningar 2 DEL 1 2.1 Övning 1.1 2.1.1 Svara på följande frågor: 2.2 Övning 1.2 2.3 Övning 1.3 2.3.1 Svara
Labora&on 7 Syfte med laborationen:
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
HTML. Laborationskompendium i konstruktion av webbsidor. Detta exemplar tillhör: VT 2005. Mitthögskolan ITM Telefon 063-16 53 00
Mitthögskolan ITM Telefon 063-16 53 00 HTML Laborationskompendium i konstruktion av webbsidor Detta exemplar tillhör: VT 2005 Mittuniversitetet, ITM Telefon 063-16 53 00 Laborationskompendium för konstruktion
Ändringar i CSS-filer i e-line 3.42A
Ändringar i CSS-filer i e-line 3.42A Gäller Pyramidversion 3.42A till och med 3.42Asp06 (2015-12-16) Förändringar och nyheter i standard CSS-filer I det här dokumentet förklaras de uppdateringar som gjorts
Manual för. 2.4 KALAS Sitemanager
Manual för 2.4 KALAS Sitemanager 1. Introduktion Den här manualen skall hjälpa dig att komma igång så att du själv på ett enkelt sätt kan lägga till, redigera eller ta bort webbsidor på din webbplats.
Innehållsförteckning. Adobe GoLive CS
Innehållsförteckning 1 Om GoLive CS... 1 Mappar och filstruktur...1 Vad är en webbsida?...1 Vad är speciellt för en webbsida?...2 Vad är en webbplats?...3 Vanliga fallgropar med webbdesign...3 Överföra
Övning: Skapa en ny regel
Övning: Skapa en ny regel Den här övningen förklarar hur man skapar en automatiserad händelse som kallas regel i applikationen. Övningen använder Device management application som finns tillgänglig under
Manual. It s learning. Målgruppen: externa utförare inom Vård och Omsorg
Manual It s learning Målgruppen: externa utförare inom Vård och Omsorg Rekommenderade webbläsare: Internet Explorer, aktuella versioner (PC) Safari (ipad, Mac) Örebro kommun 20150911 v 1.1 orebro.se 2
Webbdesign vt. 2010. Innehållsförteckning
Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans
emopluppen Administratörshandledning
emopluppen Administratörshandledning Sammanfattning Den här handledningen rikar sig till administratörer av Emo-Pluppsidorna. Manualen inleds med instruktioner för hur man lägger till och uppdaterar användare.
Förra gången. jquery Lab 4 Muddy Cards resultat.
Förra gången jquery Lab 4 Muddy Cards resultat. Labgrupper Helklass alltid på lab-tiderna? Ingen föreläsning nästa vecka Bonus-info HTML - formulär Serverskript PHP Portfolio Sammanfattning. Idag Webblingo
MANUAL Nyregistrering som ny medlem eller loggar in gör du via: (Klicka på låset uppe till höger)
MANUAL 2017-01-01 Nyregistrering som ny medlem eller loggar in gör du via: http://sli.se/apps/sli/?db=59 (Klicka på låset uppe till höger) 1 Registrera konto För att logga in eller skapa ett konto (bli
Testautomatisering. HTML, Dev Tools, Watir
Testautomatisering HTML, Dev Tools, Watir Schemaändring Samma tider som innan Mån, FM: Intro-lektion, veckans topic Fre, FM: Liknande verktyg, veckans topic + Video Kan strykas till förmån för extra handledning
Webbdesign vt. 2009. Innehållsförteckning
Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder
Hur formuläret är ifyllt
Uppdatera i TD Hur formuläret är ifyllt Börja med att titta på hur din TDinformation ser ut för besökare. Det gör du antingen via länken som finns på er egen hemsida, eller på den interna lista som finns
Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod
html och css Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare Chrome Firefox Internet Explorer Safari Opera Källa : http://www.w3schools.com/browsers/
Manual Webb-admin för evenemang
Manual Webb-admin för evenemang Version: 001 Innehållsförteckning Logga in... 1 Lägg in nytt/redigera evenemang... 3 Prenumerant... 3 Evenemang eller Aktivitet... 3 Huvudtema och Tema... 3 Huvudkategori
EDA095 HTML. Per Andersson. April 26, Lund University Innehåll: HTML, CSS, DOM, JavaScript
EDA095 HTML Per Andersson Lund University http://cs.lth.se/pierre_nugues/ April 26, 2017 Innehåll: HTML, CSS, DOM, JavaScript Per Andersson EDA095 HTML April 26, 2017 1 / 23 Webben Webben byggs upp av
E11 "Protection" Föreläsning 11, HT2014 Säkerhet, tillgänglighet. Johan Leitet. Kurs: 1dv403 Webbteknik I
Föreläsning 11, HT2014 Säkerhet, tillgänglighet E11 "Protection" Kurs: 1dv403 Webbteknik I Johan Leitet E11 Protection Dagens agenda Tillgänglighet Säkerhet Webbsajt vs. Webbapp Webbsida/webbsajt Webbapplikation
! HTML Formulär! JavaScript! Syntax! Events! DOM. ! URL variabler i en query string (get) ! HTTP post request (post)
OVERVIEW JAVASCRIPT Beteende! HTML Formulär! JavaScript! Syntax! Events! DOM! Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN HTML FORMULÄR! Skriptspråk som körs på klientsidan (klientskript)! Koden
Vid fel och frågor Ta kontakt med förbundet. Logga in. Menyn
Manual Spelarregistrering Manualen beskriver hur man lägger in spelare i sin spelartrupp och tilldelar fasta spelarnummer. Läs igenom manualen och följ den när du lägger in spelarna i ditt lag och föreningens
Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Fältnamn /Rubrik Data Data Data Data Data Data Data Data
Datahantering i Excel Grundbegrepp I alla typer av databaser finns alltid en tabell där informationen i databasen fysiskt finns lagrad. Tabellen har samma enkla uppbyggnad som en tabell i ordbehandlingsprogrammet
Labora&on 4 CSS och validering övningar/uppgi9er
Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna
Introduktion till programmering
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
1. Basics. Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning 5. 2. Sidhantering
Manual Grunderna Av 1. Basics Introduktion 3 Vanliga uttryck 3 Logga in 3 Användarinställningar 4 Fältbeskrivning 5 2. Sidhantering Skapa en ny sida 6 Ta bort sida 9 Flytta sida 10 3. Filhantering Skapa
Ändringar i CSS-filer i e-line 3.42A
Ändringar i CSS-filer i e-line 3.42A Gäller Pyramidversion 3.42A till och med 3.42Asp08 (2017-02-21) Förändringar och nyheter i standard CSS-filer I det här dokumentet förklaras de uppdateringar som gjorts
Sidrenderingsmodellen
Kapitel 3 Sidrenderingsmodellen I detta kapitel: Rendering av kontroller som taggar Paketera användargränssnitt som komponenter Lägga till kontroller med Visual Studio Sammanfattning Kapitel 3 snabbreferens
Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor
http://w3.msi.vxu.se/multimedia Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor Rune Körnefors Innehåll Variabler i JavaScript
Manual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa
Högskolan Dalarna sid 1 av 7 DI-institutionen Hans-Edy Mårtensson Sten Sundin
Högskolan Dalarna sid 1 av 7 DI-institutionen Hans-Edy Mårtensson Sten Sundin TENTAMEN I IKB007 INTERNETPROGRAMMERING MED JAVA, 5p för SY2 2001-03-16, kl 14.00-18.00 Hjälpmedel: Inga hjälpmedel är tillåtna
JavaScript. DOM Scripting
JavaScript DOM Scripting Vad är Document object Model (DOM)? En standardiserad modell där man ser en webbsida och dess innehåll som objekt document.getelementsbytagname( p ); document.getelementbyid( mittid
LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR
UPPDRAGSGIVARE: IT-CENTER VÅR REFERENS: STEFAN JOHANSSON TEL.: 0708-23 10 64 E-POST: stefan.johansson@funkanu.se INNEHÅLL: LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR _ Funka Nu AB Finnbodavägen 2, 131 31
Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS.
Laboration 2: HTML och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en enkel webbplats med layout, bakgrundsbilder, minst en meny
Övning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
JAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med