Informatie Communicatie Technologie (ict) Opdrachten Periode 1 September 2011 Miriam van Kuijk / Frits van den Munckhof



Dovnload 230.64 Kb.
Pagina7/7
Datum20.08.2016
Grootte230.64 Kb.
1   2   3   4   5   6   7

3.2Practicum opdracht e-shop:





  1. Bekijk de demo versie van BIEDMEER

  2. Bekijk de demo webshop door op het plaatje van de demo webshop te klikken. ( )




  1. Stop enkele artikelen in het winkelwagentje en maak de bestelling af .




  1. Deze bestelling is fictief en zal niet daadwerkelijk in behandeling worden genomen, maar op deze manier kun je een demo shop bekijken en je ingevoerde gegevens bij de demo onderhoudsmodule controleren.




  1. Bekijk de demo onderhoudstool webshop door op het plaatje van de demo onderhoudstool te klikken () .




  1. Log in met de voorgestelde gebruikersnaam en wachtwoord




  1. Controleer:

  1. Log uit

  2. Bedenk een fictieve winkel. Vraag een gratis webwinkel aan met de fictieve naam. Geef bij de omschrijving van de webwinkel duidelijk aan dat het gaat om een “fictieve winkel ter ondersteuning van onderwijsdoelen”




  1. Creëer de digitale winkel die voldoet aan de volgende eisen:

  • Zorg voor minstens 2 verschillende productcategorieën. Verzin hier goede benamingen voor.

  • Plaats in iedere productcategorie minimaal 3 producten, inclusief prijs etc.

  • Plaats bij 3 producten opties en uitvoerige omschrijving en een plaatje.




  1. Het e-mail adres van de winkel is je eigen e-mail adres.

  2. Maak een klant aan met een bestaand e-mail adres en plaats een bestelling voor die klant.

  3. Download bij “mijn klanten”:

- de klantengegevens. Zie exporteer klantengegevens bij “klantgegevens” .

- de ordergegevens. Zie export orders bij “exporteer orders”.

  1. Lever een printscreen van deze klant- en ordergegevens in.



4Practicum: Webpagina bouwen




4.1Inleiding


De Internetpagina’s, die je te zien krijgt als je met een browser zoals Netscape of Internet Explorer op het World Wide Web (Internet) surft, zijn opgemaakt met HTML.

HTML staat voor Hyper Text Markup Language. Deze taal bestaat uit allerlei vreemde codes.

Met World 2003 kun je snel een Webpagina maken zonder dat je die Hyper Text Markup Languagecodes (HTML-codes) hoeft te leren. Als je aanpassingen wilt uitvoeren op een bestaande pagina dan is het toch wel handig om iets af te weten van HTML.
Een stuk tekst in een webpagina omtoveren, die met een browser te lezen is, kan in principe met elke tekstverwerker. Deze programma’s hebben vaak als nadeel dat ze niet zo’n fraaie HTML-code opleveren. Bovendien hebben ze de neiging om niet gestandaardiseerde codes (tags) in te voegen zodat deze HTML-pagina’s alleen volledig tot hun recht komen met een browser product van dezelfde leverancier. Bij HTML editors (bijvoorbeeld Hotdog) zijn de documenten altijd zonder meer uitwisselbaar omdat het een ASCIL bestand is.

WORD 2003 kent een mogelijkheid om een bestand dat al is opgemaakt te converteren naar HTML. Het is een snelle manier om documenten in HTML om te zetten. Vandaar dat we in deze cursus hiermee gaan werken. Wil je professionele webpagina’s maken, dan moet je je nog verder verdiepen in de HTML taal. In de praktijk kom je vaak het programma Dreamweaver van Adobe tegen.



4.2 Een webpagina maken met Word 2003

Het mooie aan het gebruik van Word 2003 voor het maken van Webpagina’s is dat je helemaal niets hoeft te weten over die HTML-codes.

Een Word 2003-document veranderen in een Webpagina:


  • Selecteer Bestand Nieuw

Word 2003 maakt nu een eenvoudige Webpagina voor je aan waarin je de gewenste tekst kunt typen.

  • Selecteer Bestand Opslaan als HTML-bestand of (enkelvoudige) webpagina

  • Let op: kies niet voor gecombimeerde of niet voor meervoudige webpagina.



4.3 Mooie plaatjes toevoegen aan je Webpagina.


Webpagina’s kunnen behoorlijk saai worden als er alleen maar tekst op staat. Op veel Webpagina’s staan dan ook plaatjes om het geheel er wat mooier uit te laten zien.

De twee meest voorkomende soorten plaatjes die je aan een Webpagina kunt toevoegen, staan bekend als GIF- en JPG- bestanden.

Het maakt niet uit waar je de plaatjes vandaan hebt; als het GIF- of JPG- bestanden zijn en je ze op je schijf in dezelfde map als je Webpagina opgeslagen hebt, kun je ze op de volgende manier toevoegen aan je Webpagina:


  • Zet het plaatje in de goede map.

  • Als je de foto op een bepaalde plaats in de pagina wilt opnemen kun je beter van een tabel gebruik maken. Per hokje van zo’n tabel plaats je een foto. In een ander hokje plaats je eventueel de bijbehorende tekst.

  • Zet de muisaanwijzer daar waar je een plaatje in wilt voeren.

  • Selecteer Invoegen Figuur Illustratie of Uit bestand.

Het dialoogvenster Figuur invoegen verschijnt nu.

Klik op het grafische bestand dat je in wilt voegen: klik dan op de knop invoegen.



4.4 Hyperlinks toevoegen en Verwijderen


Een Word 2003-document of Webpagina kan niet alleen tekst en grafische objecten weergeven, maar ook zogenoemde hyperlinks. Een hyperlink wordt op een Webpagina weergegeven als iets grafisch (als een afbeelding dus) of als een gemarkeerd stuk tekst. Op het moment dat jij (of iemand anders) op de hyperlink klikt, krijg je een ander deel van dezelfde Webpagina te zien of zelfs een totaal andere Webpagina.

Met Word 2003 kun je twee soorten hyperlinks maken: interne een externe.















      1. Een interne link aanmaken.


Een interne link biedt de lezer de mogelijkheid om de browser een ander deel van diezelfde Webpagina te tonen, bijvoorbeeld beneden. Om een interne link te maken, moet je eerst een bladwijzer aanmaken. Als je dan later de hyperlink aanmaakt verwijs je naar de bladwijzer.
Eerst een bladwijzer aanmaken

  • Selecteer de doeltekst of het plaatje waarbij je de lezers wilt laten uitkomen als ze op de hyperlink klikken.

Als je bijvoorbeeld een link wilt maken waarmee de lezer in één keer naar de onderkant van de pagina kan springen, selecteer dan een stuk tekst (het hoeft niet meer te zijn dan een enkele letter of een woord) onder aan je Webpagina.

  • Selecteer Invoegen, Bladwijzer.

Het dialoogvenster Bladwijzer verschijnt nu.

  • Typ een naam voor de bladwijzer en klik vervolgens op Toevoegen


Maak nu de Hyperlink

  • Markeer de tekst of het grafische object waarvan je een interne hyperlink wilt maken.

Als je bijvoorbeeld wilt dat lezers naar een ander gedeelte van je Webpagina kunnen springen door op een paragraafkop te klikken, markeer dan die kop.

  • Selecteer Invoegen, Hyperlink

Het dialoogvenster Hyperlink invoegen verschijnt nu.

  • Klik op de knop Bladwijzer naast het vak Benoemde locatie in bestand (optioneel).

Het dialoogvenster Bladwijzer komt nu weer te voorschijn.

  • Klik op de naam van de bladwijzer waarnaar je de link wilt maken (de bladwijzer waaraan je in een vorige stap een naam hebt gegeven); klik vervolgens op OK.

Het dialoogvenster Bladwijzer verdwijnt nu weer.

  • Klik tot slot op OK om ook het dialoogvenster Hyperlink invoegen weer te laten verdwijnen.



      1. Een externe link aanmaken


Een externe link verwijst naar een andere Webpagina; deze kan op elke willekeurige computer in de wereld staan – inclusief je eigen computer (als je een Website onderhoudt).

Je hebt helemaal geen controle over externe hyperlinks. De computer met de Website waarnaar je externe link verwijst, kan vastlopen of helemaal verdwijnen, zodat je externe hyperlink ineens verwijst naar een niet-bestaande Webpagina. Als je externe links gebruikt, controleer ze dat regelmatig om te zien of je de link nog naar een bestaande Website verwijst.


Aanmaken van een externe link

  • Markeer de tekst of figuur, die je in een externe hyperlink wilt veranderen.

Zorg ervoor dat het voor de lezer duidelijk is waar die tekst aan gekoppeld is. Een alternatief is de hyperlink met voldoende beschrijvende tekst is omringen zodat de lezers kunnen zien waar de hyperlink hen naartoe kan voeren.

  • Selecteer Invoegen, Hyperlink.

Het dialoogvenster Hyperlink invoegen verschijnt weer.

  • Typ de URL (het adres) van Website waarnaar je een link wilt maken, in het vak Koppelen aan het bestand of URL. Je kunt hier ook kiezen voor een bestand uit je eigen map.

  • Klik op OK.



      1. Links verwijderen


Het is natuurlijk mogelijk dat je, een hele tijd nadat je een interne of externe link aangemaakt hebt, besluit om die link te verwijderen – als je bijvoorbeeld je Webpagina opnieuw in wilt richten of als je je realiseert dat je de link aan de verkeerde Webpagina gekoppeld hebt.

Op deze manier verwijder je een link

  • Selecteer de tekst die als hyperlink gemarkeerd is.

  • Selecteer Invoegen -:> Hyperlink

Het dialoogvenster Hyperlink invoegen verschijnt weer.

  • Klik op de knop Koppeling verwijderen.



4.5 Een webpagina bekijken met een teksteditor


  • Zoals hierboven al uitgelegd staan in een html-pagina codes voor de opmaak. Als je een webpagina samenstelt met behulp van Word dan hoef je eigenlijk nauwelijks na te denken over de codes. Je moet de pagina echter wel bewaren als een html-pagina (overigens is dat voor Word een naam met achtervoegsel .HTM).

  • Bekijk in de verkenner de HTML codes van het bestand met het programma “Notepad”. (Rechterklik op het bestand + openen met Notepad)

het scherm wordt nu gevuld met onderstaande inhoud. Zoek een aantal codes, die bij elkaar horen.



Bijvoorbeeld en

en

en









Voorbeeld












Als je zelf later een stukje code wilt voegen dan kun je dat het beste plaatsen tussen en

1   2   3   4   5   6   7


De database wordt beschermd door het auteursrecht ©opleid.info 2017
stuur bericht

    Hoofdpagina