Webdesign Les 7

10

Click here to load reader

Transcript of Webdesign Les 7

Page 1: Webdesign Les 7

Webdesign les 7

Formulieren Interactieve website

Hyperlinks (Links) Navigatie door de website

Bestandsbeheer Hoe de onderdelen van de site te bewaren

Jouw website Als oefenopdracht

Page 2: Webdesign Les 7

Formulieren

Als je wilt dat je website interactief is dan zal de bezoeker er zijn oplossing, gevoel of droom moeten kunnen vinden. Dat betekent; Reserveren van,camping, hotelkamer, etc Boeken van een reis Bestellen van een catalogus Reiservaringen en klachten deponeren Kopen, ruilen, verkopen

Page 3: Webdesign Les 7

Een formulier maken

Klik op Insert en dan op Form Op het werkblad verschijnt dan een rood

gestippeld kader (het formulier) Type Properties in het vakje Form Name

de naam van het formulier in en kies in het vakje Method ;Get of Post. Get= formulier wordt verstuurd Post= formulier wordt via email verstuurd

Page 4: Webdesign Les 7

Formulier: tekstveld

Voor Namen en adressen

Plaats het textfield in het rode kader van het formulier

In de properties kun je met Char Width de grootte bepalen

Naam: in TextField

Single line

Multi line

Password

Page 5: Webdesign Les 7

Formulier: Checkbox

Checkbox Voor keuze uit meerdere antwoorden

Plaats de checkbox in het rode kader van het formulier

Naam: in Checkbox

Page 6: Webdesign Les 7

Formulier: Radio Button

Radio button Voor keuze uit een antwoord

Plaats de radiobutton in het rode kader van het formulier

Naam: in Radiobutton

Page 7: Webdesign Les 7

Formulier: List Menu

Voor keuze uit meer mogelijkheden

Plaats het listmenu in het rode kader van het formulier

Properties: Kies List (schuiflijst) Naam: in List/menu

List Value:

Vul keuzes in

Page 8: Webdesign Les 7

Een link maken

Type een tekst in of voeg een plaatje in Zorg ervoor dat de property inspector (properties)

geopend is Selecteer de tekst of het plaatje Klik op het mapje in de property inspector (als je

bestanden wilt koppelen) Of vul bij link het internetadres in Target: blank of mainFrame Zorg altijd voor een HOME (terug naar de

openingspagina)

Page 9: Webdesign Les 7

Bestandsbeheer

Startfile ( je start of openingspagina) index.html start.html

(dit is afhankelijk van de provider)

Images/plaatjes Dit is verplicht want

dreamweaver wil plaatjes en filmpjes altijd in een folder of map plaatsen

Extenties: gif en jpg altijd met kleine letters

Overige mappen Teksten Templates/sjablonen

Page 10: Webdesign Les 7

Bouw een website

Een openingspagina

Een pagina met informatie (reisjes/prijzen)

Een boekingsformulier

Zorg voor de juiste links en dat ze werken Sla de site op op een floppy