Les 3

Even een lekker makertje en de trends van afgelopen jaar bekijken:
http://www.webdesignerwall.com/trends/best-of-css-design-2009/


Vanavond gaan we vooral werken met fireworks.



Het wordt een echte "doe" les, met veel tutorials......die we na gaan doen:


Eerst nog wat basiszaken:
Verleden week hebben we vooral naar het vector gedeelte van Fireworks gekeken, vanavond bekijken we ook de bitmap tools.















Foto's bewerken met de Stempel (Stamp) Tool:
http://www.youtube.com/watch?v=vc_BLOilUqg&feature=SeriesPlayList&p=1ED3BAEAD04490F5





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.


Effecten:
Fireworks heeft een aantal effecten, probeer ze eens uit.
Let wel.........wees niet te scheutig me effecten, dan wordt alles snel te druk en men ziet dat je de toverdoos hebt opengetrokken.

Nieuwe functies in Fireworks CS4
http://www.entheosweb.com/fireworks/CS4/cool_new_features.asp

Transparante text:
http://www.entheosweb.com/fireworks/transparent_text.asp

Patronen in text:
http://www.entheosweb.com/fireworks/patterned_text.asp

Paste inside, oftewel plaatje plakken in een figuur:
http://www.entheosweb.com/website_design/paste_inside.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

Letters weven:
http://www.youtube.com/watch?v=yT1s50IMpNg

Nog meer geweldige tutorials:
http://www.pxleyes.com/blog/2009/09/20-fireworks-tutorials-for-absolute-beginners/

http://www.smashingmagazine.com/2008/03/18/adobe-fireworks-tutorials-and-downloads-best-of/

http://www.smartwebby.com/free_tutorials/adobe_fireworks_CS4_tutorials/


Nog een filmpje:
http://www.adobe.com/devnet/fireworks/articles/rapid_prototyping.html


Link v.d. week:
www.webdesignerwall.com

Les 2

Verleden week hebben we kennis gemaakt met HTML

Basis opbouw van een pagina
http://www2.hum.uu.nl/solis/ict-centrum/Onderwijs/dreamweaver/tekst.shtml

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


Ook hebben we alvast wat geoefend met het maken van links:
http://www2.hum.uu.nl/solis/ict-centrum/Onderwijs/dreamweaver/link.shtml




Vanavond leren we:

Het verschil tussen een absolute link en een relatieve link

Hoe je plaatjes toevoegd.

Plaatjes klikbaar maken.

Hoe maken we een clickable map


Hoe maak je een lijst

Hoe we een tabel maken.


Na de pauze gaan we een kijkje nemen in Fireworks, het grafische pakket wat we zullen gaan gebruiken.

Fireworks is vector gebaseerd:
http://nl.wikipedia.org/wiki/Vectorafbeelding

Fireworks is te downloaden (voor 30 dagen trial)
http://www.adobe.com/products/fireworks/

Hier wat leuke tutorials voor Fireworks.

Tutorials

En wij gaan fireworks gebruiken om de site vorm te geven.

Hier een voorbeeld van het gebruik van Fireworks voor de vormgeving.
http://www.layersmagazine.com/fireworks-cs4-beta-for-web-design.html

Les1

Voorstelronde:

Wie ben ik?
Jean Schouten
38 jaar, vader van 2 lieve kinderen.
Grote voorliefde voor alles wat met multimedia te maken heeft.
Gek op synthesizers liefst analoog en modulair, hardcore gamer (PS3).

Wie zijn jullie?
Heb je al enige ervaring met webdesign?(zo ja met welk pakket)
Wat verwacht je van deze cursus?
Weet je al wat je op de site wilt plaatsen? Heb je al een onderwerp?
Hobby, passie, werk?

Wat kun je verwachten ?

De eerste 2 a 3 lessen zal ik trachten het niveau van de groep te bepalen, om daar het les programma enigszins op aan te passen.

We gaan kijken naar verschillende aspecten van webdesign:
-HTML
-CSS
-Vormgeving (Typografie, kleurgebruik)
-Bewerken van Foto's (hoe maak je foto's kleiner, lichter. Minicursus photoshop)
-JavaScript, php (2 scripting talen, waar we maar heel even stil bij zullen staan)
-Usability (hoe maak je de site gebruikersvriendelijk)
-SEO (Search Engine Optimization)
-CMS(Content Management Systemen)
-Uploaden van de site (FTP, Cpanel)

Etc

Het is de bedoeling dat aan het eind van de 12 lessen er een leuke attractieve site is gemaakt.
Dit kan alleen wanneer de cursist zelf voldoende inspanning levert:
-Oefen de behandelde stof thuis
-Lees de informatie achter de links op het blog
-Werk thuis aan de site.
-De uren van de cursus zijn NIET voldoende om zowel de stof uit te leggen, te oefenen en de site te maken.

Dus aan het eind v.d. cursus is er dus een mooie site en tevens is er een goede basis gelegd voor webdesign en het onderhoud aan je eigen site.

Ook wil ik als daar behoefte aan is van alles uitleggen wat met het internet/nieuwe media te maken heeft.....................zolang ik dat zelf weet dan he?

Huishoudelijke mededelingen:
-USB key?
-Geen koffie/drinken in het lokaal.
-Pauze
-Vraag een domein en hosting aan.
http://www.neostrada.nl/

Wat is het internet?http://nl.wikipedia.org/wiki/Internet
Wat is webdesign?http://nl.wikipedia.org/wiki/Webdesign
Wat zijn webpagina’s?http://nl.wikipedia.org/wiki/Webpagina
Wat is HTML? http://nl.wikipedia.org/wiki/Html

OK genoeg gepraat...............we gaan wat doen:
(Hello world test)
Kennismaking Dreamweaver.
Nieuwe pagina maken en de object inspector.

https://www.adobe.com/cfusion/tdrc/index.cfm?loc=en&promoid=EBYEW&product=dreamweaver