Dreamweaver MX - Övning 47a

Övningen kräver att man har möjlighet att använda PHP och MySQL
(Om server, databas mm inte stämmer med dina uppgifter så byter/ändar du på det som behövs)

  1. Hämta en zippad fil med filer som du skall använda. Filen ligger i en mapp på webbadressen:
    http://www.edu.jonkoping.se/it/ped/gy/uppsok/kap47/kap47.zip
    Zippa upp filen och lägg mappen kap47 på enheten H (eller C om du har din egen dator och inte är kopplad till ett nätverk).
  2. Gå till webbadressen http://193.183.192.8/ Klicka där på länken phpMyAdmin. Logga in med ditt login och ditt lösenord. Du skall nu importera en tabell. Under texten Kör SQL-fråga/frågor i databasen db_anvxxx (anvxxx är utbytt mot din databas. Notera vad din databas har för namn.) finner du texten Eller Textfilens plats : Bläddra där fram till filen jkpg.sql i mappen databaser. Klicka sedan på Kör. Nu importeras en tabell vid namn jkpg.
  3. Starta Dreamweaver MX och skapa sedan en ny plats (en lokal webbplats). Välj fliken Avancerat. Huvudmappen för platsen ska vara mappen kap47. Välj Kapitel 47 som namn för platsen. Fyll i som webbadress http://193.183.192.8/user/anvxxx/ där anvxxx byts ut mot ditt login som du har fått av din lärare.
  4. Fyll också i dina Fjärrinformationsuppgifter. Välj Åtkomst: FTP och FTP-värd: 193.183.192.8. Som värdkatalog anger du ingenting. Ange ditt användarnamn och lösenord.
  5. Fyll också i uppgifterna för Testserver. Ange PHP MySQL som Servermodell och FTP som Åtkomst. Därefter fylls de övriga uppgifterna i automatiskt pga det som du tidigare skrivit som fjärrinformationsuppgifter. Ändra dock URL-prefix till: http://193.183.192.8/user/anvxxx/
  6. Exportera informationen om platsen Kapitel 47 och spara exportfilen i huvudmappen kap47.
  7. Skapa en ny fil genom att klicka på Arkiv, Nytt, Dynamisk sida, PHP, Skapa.
  8. Klicka till höger på fliken Program och sedan på Databaser (eller klicka på menyraden på Fönster, Databaser). Som du ser i rutan under Fliken databaser har du redan fixat de tre första punkterna 1. Skapa en plats för filen, 2. Välj en dokumenttyp, 3. Konfigurera platsens testserver. Du skall nu fixa punkt 4. Skapa en anslutning till din MySQL-databas. Klicka enligt anvisningarna på plustecknet (+) och sedan på MySQL-anslutning (det enda alternativet).
  9. Fyll i enligt följande:
    Anslutningsnamn: conn
    MySQLserver: localhost
    Användarnamn: anvxxx (Skriv ditt login i MySQL-databasen)
    Lösenord: (Skriv ditt lösenord gällande MySQL-databasen)
    Databas: Standarden är att din databas har namnet: db_anvxxx
  10. Titta på filens innehåll i kodläget. På den understa raden börjar koden med
    $conn = mysql_pconnect
    Ändra genom att ta bort p framför connect till
    $conn = mysql_connect
  11. Spara sedan filen som conn.php i mappen Conections. (Dreamweaver föreslår det här filnamnet och den här placeringen för den första php-fil som man skapar i Dreamweaver. Den här filen används sedan av andra andra php-filer för att kommunikationen med databasen ska fungera.)
  12. Nu skapas under fliken Databaser: conn - Tabeller, conn - Vyer, conn - Lagrade procedurer
  13. Skapa en ny fil vid namn tabell1.php
  14. Välj under Program fliken Bindningar ock klicka på plustecknet och sedan på Postuppsättning. Fyll i följande:
    Namn:rs
    Anslutning:conn (När du gjort detta letar Dreamweaver reda på dina tabeller i databasen. )
    Tabell:jkpg
    Kolumner:alla
    Filter:inga
    Sortera:ar, stigande
  15. Koppla sidan till formatmallen kap47.css. Överst på sidan skriver du sedan in texten "Jönköpings historia 1284-1855". Centrera denna text och gör den till en Rubrik 2. Gör också denna text till title för sidan. Under rubriken infogar du och centrerar bilden crumpled.gif. Under denna bild infogar du en tabell med 2 rader och 4 kolumner. Centrera tabellen och gör cellerna i den översta raden till huvudceller. På den översta raden i de fyra cellerna skriver du från vänster Id, År, Datum, Händelse.
  16. Sedan drar du de fyra dynamiska värdena från postuppsättning (rs) till var sin cell i den understa raden i tabellen: id, ar, datum, handelse.
  17. Markera nu den understa raden så att alla cellerna är markerade. I Egenskaper ska det stå rad och i kodväljaren till vänster strax ovanför Egenskaper skall <tr> vara i fetstil.
  18. Under program klickar du nu på den tredje fliken från vänster: Serverfunktioner. Klicka på plustecknet och välj Upprepa region och Visa 10 poster i taget.
  19. Mellan rubriken och tabellen skriver du på en rad följande text som du också centrerar: "Nästa 10 - Föregående 10 - Första sidan - Sista sidan". Markera sedan "Nästa 10" och klicka sedan på plustecknet och därefter på Postuppsättningsväxel. Välj därefter Flytta till nästa sida och klicka sedan på OK i fönstret som poppar upp. Gör därefter på liknande sätt 3 länkar till från de andra 3 texterna.
  20. Klicka nu på Expandera/komprimera-ikonen i Platsfönstret och ladda upp mappen Connections inklusive filen conn.php samt filen tabell1.php till din webbplats. Ladda också upp de övriga filerna i mappen till din webbplats. Testa att allt fungerar genom att gå till Internet på adressen: http://193.183.192.8/user/anvxxx/tabell1.php.

söndag, 9 februari, 2003

Tommy Maltell