Kmom 05: HTML-formulär och PHP

Detta är instruktionen för kursmomentet och omfattar det som skall göras inom ramen för kursmomentet.

#HTML-formulär och PHP

alternativt “En webbplats för annonser, med hjälp av PHP och filhantering.”

En övning i att skapa ett HTML-formulär och spara dess innehåll i filer på disk med hjälp av PHP-kod. Nu gäller det att vässa dina PHP-kunskaper.

Vi börjar med att göra ett formulär som låter dig uppdatera stylesheeten via ett formulär. Därefter gör vi en webbplats för annonser, Blokket. Vi ser hur man kan hantera de vanliga sätten att skapa, uppdatera, radera och läsa information.

Detta kursmoment är en fördjupning i formulär och ett exempel av hur informationen kan lagras i filer på disk. I nästa kursmoment gör vi samma sak, fast vi använder en databas istället.

Övningen avslutas med att vi tittar på de olika formulärelement som finns.

När du är klar har du en style-editor och en egen kopia av Blokket. Blokket kan se ut så här:

• http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=read-all

Det blir en hel del PHP-programmering. Lycka till och kämpa väl. Det är som vanligt tillåtet att kopiera koden som finns, men, jag vet att du kommer att försöka på egen hand, in i det längsta. Det är ju så vi lär oss. Kämpa väl.

Övningens upplägg är enligt följande:

• Läsanvisningar (1-4h)
• Övningar (5-15h)
• Redovisning (1h)

Totalt omfattar kursmomentet ca 20 studietimmar. Du kan med fördel göra övningen i delar, 3-4 timmar per gång kan vara bra. Det är en god idé att snabbt läsa igenom dokumentet innan du påbörjar övningen.

Glöm inte att läsa litteraturen.

#Läsanvisningar inför kursmomentet

Se till att du har kurslitteraturen på plats. Varje kursmoment föregås av en läsanvisning.

#HTML & CSS: The Complete Reference

(fifth edition)

Läs följande kapitel. Fokusera på delen om “HTML5 Form Changes”. Du kan hoppa över stycket “Client-Side Graphics with <canvas>” samt stycket “HTML5 Metadata Changes”.

• Part I, Ch 2: Introducing HTML5

Du har sedan tidigare läst följande kapitel.

• Part I, Ch 1: Traditional HTML and XHTML
• Part II, Ch 4: Introduction to CSS

Använd följande kapitel som referens och uppslagsverk.

• Part I, Ch 3: HTML and XHTML Element Reference
• Part II, Ch 5: CSS Syntax and Property Reference

#Beginning HTML, XHTML, CSS and JavaScript

(1st edition)

Det finns inga nya läsanvisningar till detta kursmomentet.

Du har sedan tidigare (översiktligt) läst följande kapitel.

• Ch 1: Structuring Documents for the Web
• Ch 2: Links and Navigation
• Ch 3: Images, Audio and Video
• Ch 4: Tables
• Ch 5: Forms
• Ch 7: Cascading Style Sheets
• Ch 8: More Cascading Style Sheets
• Ch 9: Page Layout
• Ch 10: Design issues

#Beginning PHP and MySQL 5, From Novice to Professional

(Fourth edition)

Läs (översiktligt) följande kapitel.

• Ch 10: Working with the File and Operating System

Du har sedan tidigare (översiktligt) läst följande kapitel.

• Ch 1: Introducing PHP (läs efter intresse)
• Ch 2: Configuring your environment (läs efter intresse)
• Ch 3: PHP Basics
• Ch 4: Functions
• Ch 5: Arrays
• Ch 13: Forms
• Ch 18: Session Handlers

#Nätet

Dessa används i olika omfattning under kursmomentet, använd dem som referens.

• Källkoden till exemplen hittar du via min me-sida.
  http://dbwebb.se/htmlphp/me/kmom05/me.php

• En sida med exempel på olika HTML-element för formulär.
  http://dbwebb.se/forms

• Det förekommer en hel del PHP-kod, se till att bli vän med referensmanualen för PHP.
  http://php.net/manual/en/

#Dagens övning startar här

Låt oss starta.

#1. Formulär, spara på disk

#1.1 En stylesheet editor

I förra kursmomentet gjorde vi en style-väljare där vi kunde välja mellan olika stylesheets som fanns i en katalog. Det är ett praktiskt sätt att testa olika stylesheets, speciellt om man snabbt vill visa upp något för en potentiell kund.

• Style-väljaren
  http://dbwebb.se/htmlphp/me/kmom04/style.php?p=choose-stylesheet

Visst vore det en god idé om man direkt via webbplatsen kunde ändra i en stylesheet? Man skulle slippa editera filer lokalt och ladda upp dem till webbplatsen. Låt oss göra en sådan “Stylesheet editor” och integrera den tillsammans med style-väljaren.

Så här kan den se ut när den är klar:

• Stylesheet editor
  http://dbwebb.se/htmlphp/me/kmom05/style.php?p=edit-stylesheet

Testa min editor och lek lite. Är du med på hur den fungerar?

[UPPGIFT]

Skapa en stylesheet editor. Gör på egen hand och pröva om vingarna bär, eller följ mina steg.

Så här gjorde jag.

#1.2 Skapa formulär med textarea och knappar

Jag börjar med att göra ett formulär och utgår från källkoden som användes i style-väljare, därefter lägger jag till en textarea och två knappar, “Spara” och “Ångra”. Det blir ett bra första steg.

Alltså:

1. Skapa en ny fil, incl/style/edit_stylesheet.php, börja med att kopiera all kod från filen incl/style/choose_stylesheet.php.

2. Lägg till filen som ett nytt menyval din multisida style.php.

3. Redigera text och formulär så att det syns en textarea och två knappar, “Spara” och “Ångra”.

• Du kan se mitt resultat, så här långt, i följande länk.
  http://dbwebb.se/htmlphp/me/kmom05/style.php?p=edit-stylesheet1

Lek runt och titta i källkoden. Börja med att göra likadant med din egna sida. Ok? Då går vi vidare.

#1.3 Visa stylesheeten i textarean

Nu vill vi läsa upp filens innehåll och visa den i textarean. Till det behövs en funktion som kan kontrollera att filen finns, läsa upp den från disk och returnera filens innehåll. Om filen inte finns vill vi se ett felmeddelande.

En funktion likt följande, getFileContents(), kan lösa detta:

function getFileContents($aFilename) {
  if(is_readable($aFilename)) {
        return file_get_contents($aFilename);
  } else {
        return "Filen finns ej.";
  }
}

Jag lägger in funktionen i filen src/common.php.

Funktionen anropas från filen incl/style/edit_stylesheet.php. Filnamnet skickas med som argument till funktionen.

Det behövs en extra säkerhetskoll på filnamnet. Följande kod löser det. Innan vi accepterar sökvägen till filen så kontrollerar vi att den valda filen verkligen finns i arrayen som returneras från readDirectory(). Det löser säkerhetsproblematiken då vi definerar att endast befintliga filer i en specifik katalog kan visas.

$filename = null;
if(isset($_POST['stylesheet']) && in_array($_POST['stylesheet'], $stylesheets))
{
  $filename = $pathToStyles . $_POST['stylesheet'];
}

Stylesheetens innehåll hämtas sedan med följande anrop.

<textarea>
<?php if($filename) echo getFileContents($filename); ?>
</textarea>

• Se hur steg två fungerar via följande länk.
  http://dbwebb.se/htmlphp/me/kmom05/style.php?p=edit-stylesheet2

Bra, funkar det för dig också? Är PHP krångligt? Ta det lugnt i så fall. Det brukar falla på plats efterhand. Ta en sak i taget så löser det sig.

Då går vi vidare.

#1.4 Spara ändringarna på fil

Då ska vi spara de ändringar som görs. Detta gör vi genom att skriva ned textareans innehåll till disk, vi skriver över den befintliga filen. För att lyckas med detta måste filen vara skrivbar (chmod 666).

Jag lägger till en ny stylesheet, style/stylesheet_editable.css, och sätter rättigheterna till 666.

Jag väljer att göra ett “self-submitting” formulär, ett formulär som submittar (postar) resultatet till sig själv. Jag lägger till ett kodstycke som hanterar om användaren trycker på “Spara”-knappen.

incl/style/edit_stylesheet3.php:

if(isset($_POST['doSave'])) {
  $resFromSave = putFileContents($filename, strip_tags($_POST['styleContent']));
}

Denna kod kontrollerar om submit-knappen med namnet “doSave” är tryckt (har ett värde), isåfall sparas filen med hjälp av funktionen putFileContents(). Funktionen tar filnamnet och innehållet i textarean som argument. Dessutom använder vi strip_tags() för att ta bort alla HTML-element och undviker därmed att någon lägger in JavaScript i vår stylesheet. Allt för säkerheten.

Funktionen putFileContents() lägger jag i filen src/common.php. Funktionen kontrollerar att filen är skrivbar och skriver sedan över den gamla filen med det nya innehållet. Funktionen ser ut så här:

src/common.php:

function putFileContents($aFilename, $aContent) {
  if(is_writable($aFilename)) {
        file_put_contents($aFilename, $aContent);
        return "Filen sparades.";
  } else {
        return "Filen är inte skrivbar och kunde inte sparas.";
  }
}

Funktionen returnerar en sträng som säger om det gick bra att spara, detta meddelande skriver jag ut för att ge användaren feedback.

incl/style/edit_stylesheet3.php:

<?php if(isset($resFromSave)): ?>
<p><output class="success"><?php echo $resFromSave ?></output></p>
<?php endif; ?>

• Så här ser det ut för mig.
  http://dbwebb.se/htmlphp/me/kmom05/style.php?p=edit-stylesheet3

Glöm inte att filen måste vara skrivbar för alla (chmod 666) för att dina ändringar skall sparas.

• Forumet har ett inlägg om filrättigheter på studentservern:
  http://dbwebb.se/f/319

#1.5 Felkontroller

Det vore fint om vi skrev ut om filen var skrivbar, då skulle användaren slippa fundera över varför ändringarna inte sparas. Det kan spara en hel del frågor från slutanvändaren.

Jag lägger till en kontroll om filen är skrivbar eller ej. Jag skriver ut ett meddelande om filen inte är skrivbar, samtidigt avvaktiverar (disable) jag knappen “Spara”. Ändringarna görs i filen incl/style/edit_stylesheet4.php.

Försök att leta reda på vilka ändringar jag gjort (extra uppgift / valbar). En ledtråd är att söka i filen efter variabeln $isWritable, där hittar du samtliga ändringar som gjordes.

• Här kan du testa min slutliga variant.
  http://dbwebb.se/htmlphp/me/kmom05/style.php?p=edit-stylesheet4

Gör denna sista del med felkontrollerna som ett litet test på om du klarar av att orientera dig i PHP-koden. Lyckades du? Om du inte klarade det så kan du komma tillbaka hit lite senare, och försöka igen.

#1.6 Sammanfattningsvis

Det var ett formulär för att spara fil på disk, det kan vara rätt behändigt ibland. Med samma teknik går det att spara innehåll i en sida, HTML-kod, och visa upp det. Bygger vi vidare på en sådan lösning får vi en variant av ett Content Management System (CMS), ett enkelt sätt att jobba med innehåll på webben.

Visst vore det mer lämpligt att spara informationen i en databas, men det kikar vi på i nästkommande kursmoment. Vi håller oss till disk denna gången.

Då går vi vidare till nästa del.

#2. Formulär för att skapa, läsa, uppdatera och radera

#2.1 CRUD och webbplats för annonser

CRUD är en förkortning för de 4 grundläggande operationerna av persistent lagring, Create (skapa), Read (läsa), Update (uppdatera), Delete (radera). Ofta används denna term i samband med en databas.

• Läs kort om CRUD på Wikipedia.
  http://en.wikipedia.org/wiki/Create,_read,_update_and_delete

Vi skall göra ett exempel på formulär som lagrar information på disk med CRUD-operationerna. Ett exempel på detta vore en webbplats för annonser. En sådan webbplats behöver funktioner för att skapa annons (Create), läsa annons (Read), uppdatera annonsen (Update) samt för att radera annonsen (Delete).

Låt oss göra detta. Ett exempel där man kan skapa nya objekt, läsa dem, uppdatera dem och radera dem. Vi tar annonser som exempel och vi bygger vidare på den koden vi gjort i samband med stylesheet-editorn.

I exemplet med stylesheet-editorn så finns stöd för R och U, nu utökar vi exemplet med C och D, fast som en liten annons-applikation.

Så här kan resultatet se ut när det är klart. Testa och lek för att förstå vad du skall göra.

• Resultatet kan bli så här:
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=read-all

Ok, då kör vi.

[UPPGIFT]

Skapa Blokket med stöd för att skapa ny annonser, editera befintliga, läsa en eller alla annonser samt radera annonser.

Gör på egen hand och pröva om vingarna bär, eller följ mig och se hur jag gör, steg för steg.

Så här gjorde jag.

#2.2 Blokket, initiera

Jag använder samma princip som för stylesheeten. En katalog med filer, varje fil är en annons. Jag behöver göra katalogen skrivbar, detta för att det skall gå att skapa nya filer och ta bort filer.

Jag börjar med att skapa en ny multisida, blokket.php, precis på samma sätt som tidigare. Jag väljer att skapa en egen katalog där alla annonser skall finnas, jag lägger katalogen i incl/blokket/data. Jag stoppar dit ett par filer, testannonser, för att komma igång. Jag gör en första testsida som kontrollerar att katalogen är skrivbar samt visar namnen på de filer som finns i katalogen.

• Så här blev det.
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=init

Inget konstigt så långt va? Katalogen skall ha rättigheter 777 och filerna som ligger i katalogen skall ha rättigheter 666.

• Vill du ha bakgrundsinformation om filrättigheter i Unix så kan du läsa här:
  http://db-o-webb.blogspot.se/2011/02/unix-rattigheter-pa-kataloger-och-filer.html

Då tar vi nästa steg.

#2.3 Blokket, uppdatera och spara annonser

Att uppdatera innehållet i en fil gjorde vi i stylesheet-exemplet. Jag väljer att kopiera hela den filen och utgår från den. Jag ändrar lite variabelnamn för att det skall passa bättre i detta exempel. Men, jag behöver inte ändra mycket för att det skall fungera.

• Så här blev det. Väldigt likt stylesheet-editorn, som du kan se.
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=update

Som du kan se så tillåter jag vissa HTML-element i annonstexten. Detta sker genom att ge funktionen strip_tags() ett argument med de element som är tillåtna. I exemplet hanteras detta i samband med att filen sparas till disk.

Se följande kod.

if(isset($_POST['doSave'])) {
  $res = putFileContents($filename, strip_tags($_POST['content'], "<b><i><p><img>"));
}

För min del så har jag valt att tillåta HTML-elementen <p><b><i><img>. Du kan se exempel på användningen av HTML-elementen i mina annonser.

Ok, det var också en lagom utmaning, eftersom det fungerade i stylesheet-exemplet så blev det inte så svårt att överföra hit. Hoppas att det stämmer för dig också.

#2.4 Blokket, lägga till annons

Vi jobbar med filer så operationen att lägga till en ny annons innebär att skapa en ny tom fil. Jag gör så att användaren kan välja namn på filen. Det blir lite felhantering om filnamnet är tomt eller om man anger ett filnamn som redan finns. Sen är det som vanligt en säkerhetsaspekt på detta.

Själva PHP-koden för att skapa filen följer.

if(isset($_POST['doCreate'])) {
  $filename = $path . basename(trim(strip_tags($_POST['filename'])));
  if(empty($_POST['filename']))
  {
        $res = "Filen skapades ej, filnamnet kan ej vara tomt. Välj ett annat filnamn.";
  }
  else if(is_file($filename)) 
  {
        $res = "Filen skapades ej, den finns redan. Välj ett annat filnamn.";
  }
  else 
 {
        file_put_contents($filename, null);
        $res = "Filen skapades.";
        $files = readDirectory($path);
  }
}

• Så här blev det för mig.
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=create

Det är inte mycket kod som behövs, men det är lite trixigt att hantera felfallen. Jag använder funktionen basename() för att undvika att användaren försöker skapa en fil som heter ../../moped. Funktionen tar en sträng och returnerar endast filnamnsdelen, i detta fallet moped.

Jag använder funktionen trim() för att ta bort eventuella mellanslag och jag använder strip_tags() för att undvika att filen döps med JavaScript-taggar.

Det är enkla sätt att undvika uppenbara säkerhetshål. Det är alltid viktigt att hantera inkommande variabler. I princip skall man se till att varje inkommande argument endast innehåller det som förväntas.

#2.5 Blokket, ta bort annons

Funktionen för att ta bort en fil från disk heter unlink(). Använd den för att införa funktionen att ta bort en annons. PHP-koden för att utföra detta följer.

if(isset($_POST['doDelete'])) {
  if(isset($_POST['file']) && in_array($_POST['file'], $files))
  {
        $filename = $path . $_POST['file'];
        unlink($filename);
        $files = readDirectory($path);
        $res = "Filen raderades.";
  }
  else
  {
        $res = "Filen finns ej och kunde inte raderas.";
  }
}

• Så här blev det när jag integrerade koden i Blokket.
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=delete

Innan jag raderar filen så väljer jag att titta om den finns på disk. Detta görs genom att se filnamnet finns i arrayen. Då kan jag vara säker på att det är en annons och ingen annan fil. Det är lite trixigt det här med att kontrollera inkommande data. Men det är nödvändigt.

#2.6 Blokket, visa annons

Att visa innehållet i en annons är i princip samma sak som vi gjorde i update-fallet. Istället för att visa annonstexten i en textarea så visar vi den i en div. Jag löser fallet för att “Visa annons” genom att ta en kopia av update-koden och göra ett par mindre ändringar.

• Så här blev det för mig.
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=read

Ok, bra, det var inte så svårt va? Hoppas det.

Då tar vi sista delen också.

#2.7 Blokket, visa alla annonser

Sådärja, då finns allt på plats. Vi lägger till ett skript som visar samtliga annonser i form av en tabell (<table>). En foreach-loop hjälper oss med detta. Koden för detta blir rätt liten, som omväxling.

• Så här ser det ut när det fungerar:
  http://dbwebb.se/htmlphp/me/kmom05/blokket.php?p=read-all

Nu börjar det likna något. Jag lade till en stylesheet för att styla tabellen, du hittar den i style/table.css. Den importeras i min vanliga stylesheet. På samma sätt som jag gjort med stylesheeten för formulären.

Du kan testa och leka runt med tabeller i Style!, här finns två exempel på tabeller och stylning av dem.

• http://dbwebb.se/style/?id=209
• http://dbwebb.se/style/?id=210

#2.8 Sammanfattningsvis

Sådärja, då har vi har skapat en liten Blokket annonsplats och samtidigt lärt oss hantera CRUD-operationerna. Bra gjort.

Avslutningsvis så tar vi och kikar lite på de olika elementen som finns att tillgå i ett HTML-formulär.

#3. Översikt av formulär element

Följande stycke ger en översikt av olika element i formulär. Det hanterar element från HTML4 och HTML5. Dessutom ges exempel på hur väl de olika webbläsarna stödjer formulär element i HTML5.

Det finns inga uppgifter kopplade till denna del.

#3.1 Specifikationer och exempel

Formulär och de vanliga elementen är en del av standarden för HTML4. Du kan läsa om elementen i specen. Öppna nedanstående länk och skrolla snabbt igenom dokumentet för att få en känsla för vilken information som finns i det.

• HTML4 standard, Forms
  http://www.w3.org/TR/html401/interact/forms.html HTML5 introducerar en hel del nya element. Det står att läsa om dem i refmanualen men informationen är svårtillgänglig för nybörjaren.

• HTML5 standard, Forms
  http://www.w3.org/TR/html5/forms.html

W3Schools har enklare exempel som är mer anpassade till en nybörjare.

• http://w3schools.com/html/html5_form_input_types.asp

#3.2 Formulär i HTML4 och HTML5

Exempel på de vanligaste formulär-elementen kan du se på följande sida.

• http://dbwebb.se/forms/?#html4

Bilden visar de element som finns i HTML4. Skrolla längre ned i dokumentet, eller använd länken nedan, så kommer du till de element som är nya för HTML5.

• http://dbwebb.se/forms/?#html5

De flesta webbläsare har ännu inte stöd för alla HTML5-elementen. Som du ser i bilden ovan så har Firefox 3.6 knappt något synligt stöd alls. Men det går snabbt framåt och fler och fler webbläsare stödjer de nya elementen. Man får helt klart vara försiktig med de nyaste elementen.

Wikipedia har en sida som beskriver vilket stöd de olika webbläsarna har för HTML5. Ta en kort titt på sidan.

• Hur väl stödjer webbläsarna HTML5
  http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29

Det finns ett antal sidor som försöker visa hur det kommer att se ut när HTML5-elementen är klara. De har ofta en kombination av HTML5 och CSS3 för att uppnå lite mer effektfulla formulär. Vill du ha inspiration kan du googla enligt nedan.

• Ge mig inspiration till HTML5 och formulär
  https://www.google.se/search?q=html5+form+inspiration

Det finns flera försök att kombinera JavaScript och CSS för att skapa HTML5-liknande form-element. Det är inget vi använder i kursen men studera snabbt/översiktligt nedanstående artikel för att få en känsla av hur det kan se ut.

• “Creating Cross Browser HTML5 Forms Now, Using modernizr, webforms2 and html5Widgets”
  http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/

#3.3 Ett test av browserstödet för HTML5 form element

Vill man se hur de nya elementen kommer att se ut så får man testa dem i olika webbläsare. Enklast är att installera de vanligaste läsarna på sin egen maskin och därefter testa med exempel-sidan (forms!) i respektive läsare.

• Exempelsidan för formulär.
  http://dbwebb.se/forms/

De vanligaste webbläsarna är Firefox, Chrome, Safari, Opera och Internet Explorer. När du utvecklar webbplatser så är det en god idé att ha samtliga webbläsare installerade.

Det är inget som krävs i denna kursen men beroende på din ambitionsnivå så kan det vara bra att ha de vanligaste läsarna installerade.

Jag testar de vanligaste läsarna och de som visar sig ha bäst stöd för de nya elementen är Opera och webkit-baserade webbläsare (Safari, Google Chrome, Chromium).

Opera har både en färgväljare och en datum-väljare när jag testade, testa själv senaste versionen för att se vad som hänt sedan mitt test.

Google Chrome (webkit-baserad) saknar färgväljaren och datumväljaren men har ändå en viss hantering av datum.

Det kommer att hända en hel del inom detta område inom de närmaste åren, varje ny release av webbläsarna innehåller uppdateringar. Men nya element kommer det att bli ännu roligare att skapa formulär i HTML.

#3.4 Stylning av formulär

Style! innehåller ett par exempel på hur du kan styla formulär. Studera dem på följande länkar.

• Style formulär med CSS:
  http://dbwebb.se/style/?id=12
  http://dbwebb.se/style/?id=81

Det är samma HTML-kod i båda exemplen, endast stylesheeten skiljer dem åt. Testa gärna och lek med egen stylning.

Du kan även se ett exempel på stylning av formulär med hjälp av Blueprints CSS-ramverk.

• Stylea formulär med BlueprintCSS:
  http://dbwebb.se/style/?id=207

Det är samma stylesheet som jag använt i Blokket-exemplet.

Om du vill testa att styla form elementen så kan du utgå från följande exempelsida i Style!, den innehåller de flesta HTML elementen som finns i specen för HTML4.01.

• Exempelsida med HTML form elements:
  http://dbwebb.se/style/?id=208

#4. Avslutningsvis

Se till att din style-editor och Blokket fungerar. Ladda upp dem på driftsservern.

Testa gärna lite olika formulärelement. I nästa kursmoment fortsätter vi med formulär och använder databasen SQLite för att lagra informationen på disk.

#Redovisning

1. Läs kurslitteraturen inför kursmomentet.
2. Genomför momentets alla steg.
3. Skriv redovisningen på din me-sida. Skriv ett stycke (ca 15 meningar) om hur momentet funkade. Reflektera över svårigheter/problem/lösningar/resultatet, etc. Hur känns det med PHP-programmeringen, har du kommit in i det? Är det svårt? Vilka är dina tips till en ovan PHP-programmerare? Har du nytta av guiden php20?
4. Kopiera texten och lämna in den på redovisningen (ITs) tillsammans med en länk till din me-sida. Läraren kommer snabbt kolla igenom dem. Betyg är G (godkänd) eller komplettera (komplettera -> gör om -> gör bättre). Betyget baseras på din redovisningstext samt att din me-sida fungerar.
5. Ta ytterligare en kopia av redovisningstexten och gör ett inlägg i forumet. Visa upp vad du gjort och berätta att du är klar. Lämna en länk till din me-sida.

#Revision history