Les 5

Vandaag gaan we 2 dingen bekijken:

-Hoe voeg je youtube fimpjes toe aan je site.
Als je op youtube een filmpje aan het bekijken bent, dan zie je aan de linkerkant het woordje "embed" staan.
Als je de text die daarachter staat helemaal copieert en in je site plakt...(dit doen we met dreamweaver)......krijg je een mooie youtube player op je pagina.



Zoals dat mooie filmpje hierboven.

Dit werkt niet onmiddelijk binnen fireworks, daarvoor moet je eerst je pagina's exporteren.

Hoe dat werkt laat ik je straks zien.


Voor mensen die graag een avatar willen:
http://www.faceyourmanga.com/faceyourmanga.php?lang=eng

Les4

Verleden week hebben we uitgebreid stilgestaan bij fotobewerking met Fireworks.

Als het goed is heeft iedereen nu wel een ontwerp voor zijn site gemaakt..........dus kunnen we nu extra pagina's gaan maken.
We hebben nu een basis ontwerp.
Al deze elementen zijn gemeenschappelijke elementen die zullen worden gebruikt in alle pagina's dat wil zeggen:
-achtergrond afbeelding
-de belangrijkste grafisch onderdelen
-site naam
-navigatie

Dus we stellen deze pagina in als de Master Page.
Klik met de rechtermuisknop op Pagina 1 en kies Setup as Master Page.

De Master pagina houdt automatisch alle elementen bij, op nieuwe pagina's die we toevoegen. Elke keer dat je een wijziging in de master page maakt, worden doorgevoerd in alle pagina's.

Je kan nu nieuwe pagina's toevoegen (zoveel als dat je knoppen hebt).....geef ze wel allemaal een eigen naam.

Les 3

Eerst eens wat mooie voorbeelden:
http://www.webdesignerwall.com/trends/best-of-css-design-2009/




We gaan verder werken met fireworks.






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

Foto's bewerken:
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.








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

Les 2:

Verleden week hebben we kennis gemaakt met Fireworks.

We weten nu hoe:
- we figuren kunnen maken
- we teksten kunnen plaatsen
- hoe we animaties maken

Vandaag gaan we kijken hoe we fireworks kunnen gebruiken om een site te maken.

Eerst kijken we naar een aantal sites, om te ontdekken wat een goede site.......een goede site maakt.

Voorbeelde van sites voor kinderen:
http://www.smashingmagazine.com/2009/11/27/designing-websites-for-kids-trends-and-best-practices/

Sites gemaakt door kinderen:
http://www.goudenapenstaart.nl/stemmen/kinderen

Een goede site heeft:
-Navigatie, dit zijn de knoppen/links om de site mee te bedienen.
Zo moet er b.v. altijd een HOME button zijn, met deze knop kun je altijd terug naar de eerste pagina.
-Een kop/banner.....een plaatje of tekst bovenaan de site, waar de titel staat.
-contentvenster......een venster waar de inhoud wordt getoont.



We beginnen met een nieuw leeg venster van 1024 bij 768 pixels. Dit is de afmeting van een gemiddeld beeldscherm.

Teken nu:
-Een menu balk.
Hierin komen de knoppen voor de besturing van je site.
-Een Kop balk
De header, hierin komt de titel of het logo van je site
-Een content vlak
Hierin komen de pagina's van je site te staan.

Les 1

Hoi welkom bij "Maak je eigen website, voor kinderen"

Als eerste gaan we elkaar vandaag even leren kennen:

Mijn naam is Jean Schouten, ik ben 38 jaar (oud he) en vader van 2 kindjes (3 en 6)

Jullie mogen mij Jean of meester noemen, andere namen of brutale grappen accepteer ik niet.
Klinkt heel streng, maar valt wel mee hoor.

Verder heb ik een aantal regels in de klas:

-er wordt niet gegegeten of gedronken achter de computers
-Er wordt niet geschreeuwd of door elkaar geroepen.
-Er wordt niet gevloekt.
-Pesten en vechten is absoluut verboden. Een grapje kan, maar structureel pesten of vechten is de cursus afgelopen.

Wat mag je dan wel?

-Vooral jezelf zijn
-Leuk en gezellig meedoen

Zo......genoeg over mij.............Wie zijn jullie?

Ik wil graag weten:
-Hoe je heet?
-Leeftijd?
-Hobby?
-Waarom je deze cursus wil volgen?
-Heb je wel eens een site gemaakt?

Ok......genoeg gepraat, laten we beginnen.

Het belangrijkste is, dat je zo snel mogelijke een onderwerp voor je site hebt verzonnen. Zonder onderwerp, geen site.....en dat zou jammer zijn.
Het mag over van alles en nog wat gaan, bv:
-Muziek of een band
-Hobby
-Sport
-Dieren
-enz

Weet iemand al een onderwerp?
Zo niet, dan is dit je eerste huiswerk opdracht:

Bedenk een onderwerp.

Ok we gaan wat doen....

Als eerste gaan we kijken naar het grafische pakket wat we gaan gebruiken:
Fireworks
We bekijken de verschillende gereedschappen in Fireworks en leren al vast wat over het tekenen met vectoren.

Fireworks kan je downloaden bij:
https://www.adobe.com/cfusion/tdrc/index.cfm?product=fireworks&loc=en&promoid=DJDUQ
Deze versie werkt maar 30 dagen, daarna mag je hem kopen, anders werkt het niet meer.
Een gratis pakket met ongeveer dezelfde functionaliteit is:
http://www.gratissoftwaresite.nl/downloads/Inkscape+tekenen