Van template naar website
Website Simone vervolg
In les 3 heb ik het ontwerp van Simone als voorbeeld
genomen voor de uitwerking in Dreamweaver. Met mouse-over was te zien hoe de basis verder uitgewerkt kon worden. Als vervolg hierop kan je zien hoe de nieuwe div-jes eruit zien.
De webpagina gebaseerd op de template en gelinkt aan de CSS
Dreamweaver Menubar
Spry Menu Bar
Uitvoerige informatie over de Spry Menu Bar en andere menu mogelijkheden zijn te vinden in hoofdstuk 2 van de Spry 1.4 Developer Guide.
Online handleiding voor het toevoegen van een Spry Menu Bar.
Menu Bar Sample Page
Navigation Bar
De Adobe site geeft een heldere handleiding voor het maken en toevoegen van een navigatie menu.
Dreamweaver Library item
Library items zijn elementen die je wilt hergebruiken of veelvuldig wilt aanpassen in je gehele website. Je kan ze direct opnemen in een template maar ook naar keuze plaatsen op een pagina.
Handleiding voor het maken van library items help.adobe.com
Dreamweaver Foto album
Create Web Photo Album
Voor het maken van een fotoalbum kan je in Dreamweaver de Create Web Photo Album mogelijkheid gebruiken. Hiervoor heb je wel de beschikking nodig van FireWorks (eventueel Photoshop). Bekijk het fotoalbum die is gemaakt volgens deze handleiding.
Browser
Firefox Web Developer
Om je (eigen) webpagina's nog beter te beoordelen
heeft Firefox handige Add-ons ontwikkeld die je gemakkelijk kan installeren. Na installatie zie je een nieuwe werkbalk in de browser met verschillende tabs om diverse elementen van de webpagina te bekijken, controleren.
addons.mozilla.org
Formulieren
Email formulieren
Formulieren op een webpagina zijn met Dreamweaver eenvoudig aan te maken. Voor het verwerken van de formulieren is het noodzakelijk dat je bepaalde gegevens van de provider hebt. Zie de info voor websites bij XS4ALL.
Uitvoerige informatie is ook te vinden bij handleidinghtml.nl
Ook kan je formulieren via een externe link versturen. Bijvoorbeeld via Bravenet
Mailinglist
Via
Bravenet
