Verleden week hebben we kennis gemaakt met HTML
Naslag werken met betrekking tot HTML
http://www.handleidinghtml.nl/
http://www.w3schools.com/html/
en gezien dat het heel prettig is om te werken in Dreamweaver.
Officiele Adobe Dreamweaver help site:
http://www.adobe.com/nl/support/dreamweaver/
We hebben gezien dat als we eigenschappen van een object willen wijzigen, we dat kunnen doen in de property inspector.
Zie het onderdeel:
HTML-opmaak instellen in de eigenschappencontrole
http://help.adobe.com/nl_NL/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7c75a.html#WSc78c5058ca073340dcda9110b1f693f21-7c73a
We gaan vandaag kijken naar de verschillende manieren om links te maken:
-link op een woord
woord selecteren en met de property inspector er een link aanhangen.
-link op een plaatje
Plaatje selecteren en met de property inspector er een link aanhangen.
-link binnnen 1 pagina
Ankers aan paragrafen hangen en met insert link het juiste anker selecteren.
Nu gaan wij eens kijken naar websites anno tegenwoordig :)
http://webdesign.tutsplus.com/articles/design-theory/the-state-of-web-design-trends-2011-annual-edition/
Waar komen toch al die mooie graphics vandaan?
Vanavond kijken we naar een ander pakket wat we gaan gebruiken:
Fireworks is te downloaden (voor 30 dagen trial)
http://www.adobe.com/products/fireworks/
Fireworks is vector gebaseerd:
http://nl.wikipedia.org/wiki/Vectorafbeelding
En wij gaan fireworks gebruiken om de site vorm te geven en om foto's te verkleinen.
Filmpje over website bouwen met Fireworks:
http://www.youtube.com/watch?v=9scA7TPGuPY
Hoe verkleinen we foto's:
Onder modify zitten een aantal opties voor het verkleinen van foto's.
Onder file vinden we de batch optie, dit is handig als je op een hele reeks foto's steeds dezelfde bewerking wil doen.
Een paar tutorials om bekend te raken met Fireworks.
Transparante text:
http://www.entheosweb.com/fireworks/transparent_text.asp
Patronen in text:
http://www.entheosweb.com/fireworks/patterned_text.asp
Leuke randjes om foto's
http://www.entheosweb.com/fireworks/borders.asp
Text op een path:
http://www.smartwebby.com/free_tutorials/adobe_fireworks_CS4_tutorials/text_effects/text_path_effect.asp
Foto's bewerken met de Stempel (Stamp) Tool: http://www.youtube.com/watch?v=vc_BLOilUqg&feature=SeriesPlayList&p=1ED3BAEAD04490F5
Effecten: Fireworks heeft een aantal effecten, probeer ze eens uit. Let wel.........wees niet te scheutig met effecten, dan wordt alles snel te druk en men ziet dat je de toverdoos hebt opengetrokken.
Geen opmerkingen:
Een reactie posten