Datorer, Internet och sökning
en kurs av Tommy Maltell

Kapitel 45j - Dreamweaver MX
Svensk version - Övning 10

Formulär

Du skall göra ett enkelt formulär.

  1. Skapa en ny fil i huvudmappen skolan med namnet form.htm Titeln liksom huvudrubriken (Rubrik 1) skall vara Anmälan till kurs. Se till att CSS-mallen itskolan.htm gäller för sidan.

  2. På menyraden väljer du Infoga, Formulär. (Det går också att på Infogapanelen ändra fliken till Formulär. Sedan kan man klicka på ikonen längst till vänster (Formulär). I egenskaper ger du formuläret namnet Kurs1.

  3. Låt hela tiden markören vara kvar i det med rött markerade formuläret. Välj nu först att infoga en tabell med 3 rader och 2 kolumner och med Kant=0. I kolumnen skriver du uppifrån och ned Namn:, Skola: och E-post: Klicka sedan i den översta cellen i kolumnen till höger. Välj Infoga, Formulärobjekt, Textfält. I egenskaper ger du textfältet namnet namn. Teckenbredden ska vara 50 och vid Typ anger du en rad. Infoga sedan nya likadana textfält i den två cellerna nedanför med den enda ändringen att namnen skall vara skola och epost.

  4. Låt hela tiden markören vara kvar i det med rött markerade formuläret och skriv under tabellen texten: Jag anmäler mig till följande kurser: Tryck på Enter för nytt stycke och välj nu på menyaden Infoga, Formulärobjekt, Kryssruta. Ändra inte på något i egenskaper. Till höger om kryssrutan skriver du Word. Tryck på Enter igen och välj igen Infoga, Formulärobjekt, Kryssruta. Skriv Excel till höger om den andra kryssrutan.

  5. Gå nu till en ny rad och skriv texten: Jag betalar på följande sätt: På nästa rad väljer du Infoga, Formulärobjekt, Alternativknapp. Välj i egenskaper startläge: markerad. Till höger om knappen skriver du Faktura. På nästa rad väljer du igen Infoga, Formulärobjekt, Alternativknapp. Välj i egenskaper startläge: avmarkerad. Till höger om knappen skriver du "Kontant vid kursstarten".

  6. Kommentar: Det går bra att välja båda kurserna och då kan kryssrutor vara lämpliga eftersom de tillåter flera alternativ. Alternativknappar tillåter bara ett alternativ och de passar bättre när det gäller betalningen som man ju helst bara gör en gång.

  7. Låt hela tiden markören vara kvar i det med rött markerade formuläret. På nästa rad skriver du texten: Övriga meddelanden eller förfrågningar: och på nästa rad igen väljer du Infoga, Formulärobjekt, Textfält. I egenskaper ger du textfältet namnet extra. Teckenbredden ska vara 50 och vid Typ anger du flera rader och antalet skall vara 7 rader.

  8. Under det lite större textfältet väljer du nu Infoga, Formulärobjekt, Knapp. Ändra inget i egenskaper. Till höger om den första knappen infogar du en till. Ändra nu i egenskaper genom att markera Återställ formuläret. Den första knappen använder du till att skicka formuläret men det fungerar ännu inte att använda formuläret för att skicka. Återställknappen använder du för att rensa det du har skrivit i formuläret om du vill börja om från början. Förhandsgranska nu formuläret. Skriv lite i det. Testa så att det inte går att betala på två sätt och att du kan gå båda kurserna. Testa sedan återställknappen.

  9. Vad är det som ska hända när man klickar på Skicka-knappen? Uppgifterna kan skickas till någon via e-post. Det kan också vara så att uppgifterna läggs i en databas av något slag som eventuellt kan vara synlig på en webbsida. Vanligen så kan man bara åstadkomma detta genom att använda någon form av script t.ex. ett cgi-script. Nu blir webbservern inblandad och vilka rättigheter man har på sin webbserver. Hur man gör tas upp i senare kapitel.

  10. Du har några ytterligare frågor som du vill ställa till den som anmäler sig. Markera nu området mellan frågorna om betalningen och texten: Övriga meddelanden eller förfrågningar: och gör plats på en ny rad. Skriv där texten: Jag har följande förkunskaper, tryck på Enter och välj Infoga, Formulärobjekt, Lista/meny. Välj meny och ändra namnet till kunskaper. Klicka på listvärden. Under Postetikett skriver du först Nybörjare. Klicka därefter på +knappen och skriv: Jag har en viss vana. Klicka på +knappen igen och skriv slutligen: Jag är en van användare. Klicka seda på OK och i egenskaper längst ned vid Markerat från början så väljer du att markera Nybörjare. En meny är som en alternativknapp. Man kan bara välja ett alternativ.

  11. Tryck på Enter och skriv texten: Vilka andra program kan jag:. Tryck på Enter igen och välj igen Infoga, Formulärobjekt, Lista/meny. Välj lista och ändra namnet till program. Ange 3 som höjd och sätt en bock framför tillåt flera. Klicka på listvärden. Under Postetikett skriver du först Dreamweaver. Klicka därefter på +knappen och skriv: PowerPoint. Klicka på +knappen igen och skriv slutligen: Publisher. Klicka seda på OK och i egenskaper längst ned vid Markerat från början så väljer du att inte markera något alternativ. En lista är som en kryssruta. Man kan välja flera alternativ.

  12. Tryck på Enter och skriv texten: Skicka in den fil som visar att du behärskar grunderna:. Tryck på Enter igen och välj igen Infoga, Formulärobjekt, Filfält. Detta alternativ använder man om man vill låta användaren bifoga en fil. Om man klickar på knappen Bläddra så kan man bläddra fram till den fil i sin dator som skall bifogas. Förhandsgranska nu i webbläsaren att det fungerar att bläddra fram till en fil och undersök om du genom att hålla ned Ctrl-tangenten samtidigt kan markera flera alternativ när det gäller programmen.

Hoppmenyer

  1. Öppna ingang.htm i Dremweaver och i HTML-koden tar du bort <META http-equiv="Refresh" content="10; URL=institut/si.htm"> så att man inte hela tiden när man kommer till sidan skickas vidare till Samhällsvetenskapliga institutionens sida. Ta sedan bort de två länkarna till höger om bilden på skolan. Där länkarna fanns skall du istället lägga in en hoppmeny med länkar.

  2. Markera i cellen där länkarna fanns. På menyraden väljer du Infoga, Formulär. Låt markören vara kvar i det med rött markerade formuläret. Välj Infoga, Formulärobjekt, Hoppmeny. Nu poppar fönstret Infoga hoppmeny upp. Låt namnet menu1 vara kvar. Sätten bock framför Markera första post efter URL-ändring. Till höger om Text skriver du: Länkar till våra sidor. Detta är en upplysningstext utan länk. Nu skall du fylla på med länkarna.

  3. Klicka på +knappen och skriv in en ny text och därefter bläddrar du dig fram till den fil som du ska länka till. Sedan klickar du på +knappen osv. Följande skall läggas in utöver texten utan länk som skall stå överst:

    Text Länk till
    Samhällsvetenskapliga institutionen institut/si.htm
    Samhällsvetenskapliga programmet program/sp.htm
    Datasalen salmedskikt3.htm
    Kursanmälan form.htm

    Klicka sedan på OK och spara om.

  4. Välj nu att förhandsgranska i webbläsaren. Gå till Samhällsvetenskapliga institutionen. Gå där längst ned på sidan och kontrollera att när du går tillbaka till ingångssidan så finns texten: Länkar till våra sidor överst. Testa i webbläsaren att alla länkarna fungerar. Om du i Dreamweaver markerar hoppmenyn så finns det en del alternativ när det gäller ändringar om du höger-klickar. Ta fram egenskaper. Om den inte omedelbart visar rätt så klicka på <select> längst ned till vänster under arbetsytan. Du ser att det är en meny av den typ som omnämns i punkt 10 ovan och du kan t.ex. klicka på knappen listvärden och sedan ändra på dessa. Nu är också kolumnen Värde ifylld med dina länkar.

En egen formulärsida för sökning hos sökplatser på Internet

  1. Flera sökplatser erbjuder hjälp till dem som på sin sida vill lägga upp ett sökformulär som vid användning leder till sökning i just denna platsens databas. Du ska nu gå in och undersöka några sådana erbjudanden. Testa dem gärna. Gör en testsida vid namn sokning.htm dit du kopierar de koder som erbjuds. Försök sedan att i webbläsaren söka från din sida.

  2. Undersök först Googles erbjudande.

  3. Undersök sedan Evrekas erbjudande.

  4. Till sist undersöker du AltaVistas erbjudande.

  5. Det finns inte i facit någon fil vid namn sokning.htm. Om du vill se några tillämpningar som fungerar så kan du gå till Skolornas Portal. Där har jag överst använt mig av några av ovannämnda erbjudanden. Erbjudandena har emellertid sett olika ut under tidens gång varför den tillämpning som jag har gjort kanske inte stämmer med det senaste erbjudandet.

Kontrollera i facit och gå vidare

  1. Undersök hur alla sidorna ser ut och jämför med facit.

  2. Fortsätt sedan med nästa övning.

Denna sida uppdaterades senast 2005-10-06 av
tommy.maltell@pb.edu.jonkoping.se

Länkar:
Kursens ingångssida - Skolornas portal

©  2002, 2003 Tommy Maltell