Inhaal les

Hallo mensen, daar zijn we weer, voor de laaste keer......gezellig samen.

Mij hoofd is al op vakantie, maar mijn lijf doet nog gewoon mee.

Als eerste:
Zijn er vragen?



Evaluatie:
Graag zou ik even rustig langs alle sites gaan, gewoon om samen te kijken hoever we gekomen zijn.



Klein beetje SEO:

Wat is SEO?
http://en.wikipedia.org/wiki/Search_engine_optimization

Handleiding SEO:
http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/nl//webmasters/docs/search-engine-optimization-starter-guide.pdf

Wat kleine tips:


Meldt de site aan bij Google:
https://www.google.com/webmasters/tools/home?hl=nl



optimaliseer title en meta description tags
Maak voor elke pagina van je site gebruik van unieke title tags en meta descriptions. Hierover is al veel geschreven geschreven; lees bijvoorbeeld een goed artikel over de meta description en een ander artikel over meta tags volgens het AIDA principe.

Les 11

Ik was verleden week ziek.....excuses voor het ongemak...MAAR, we kunnen inhalen.


Vanavond wil ik naar 1 van de belangrijkste dingen kijken:

-Het uploaden naar de server.

Dit gaat met behulp van het FTP protocol:
http://nl.wikipedia.org/wiki/File_Transfer_Protocol

Meestal gebruiken we daar een FTP client voor, zoals daar zijn:
Cuteftp
WSftp
Filezilla

Verder hebben we de accountgegevens nodig.
Dit zijn de gegevens die verstrekt zijn door de hoster en bevatten:
-gebruikersnaam
-wachtwoord
-inkomende map(optioneel)

De FTP client gedraagt zich eigenlijk hetzelfde als de windows verkenner.

In een venster staan de files van de client, in het andere venster staan de files van de server.
Nu is het gewoon een kwestie van files selecteren en uploaden of downloaden.

Belangrijk is dat je wel in de juiste directory zit, namelijk de root directroy van de site, oftewel in de hoofdirectory.
Daar komen dan de pagina's en de index.html pagina.

Les 10

Als het goed is, is iedereen al een heel eind op weg met z'n site.

Vanavond laat ik jullie zien hoe je een slideshow in Fireworkjs kan maken:
http://www.entheosweb.com/fireworks/CS4/create_slideshow.asp


We hebben hierna nog 2 bijeenkomsten.............kom op he mensen.

les 9

favicon maken:
http://tools.dynamicdrive.com/favicon/
http://www.favicon.cc/

Les 8

Vorige week hebben we samen een proefsite gemaakt.

Dat was een groot succes en dat wil ik eigenlijk vanavond herhalen.

Dus vanavond maken we nog een proefsite.......................vanaf volgende week werken we alleen nog aan onze eigen sites.

http://www.smartwebby.com/free_tutorials/CSS_website_design_guide/CSS_web_design_dreamweaver_fireworks.asp

Les 7

Vanavond kijken we iets verder naar CSS en onze implementatie.

Eerst even een filmpje:
http://www.wonderhowto.com/how-to-create-css-xhtml-layouts-fireworks-cs4-262820/view/


De voors en tegens van CSS vs Tables
http://www.vanseodesign.com/css/css-divs-vs-tables/


Verder wil ik even een moment van rust creeren en NIETS nieuws gaan uitleggen.

Wel wil ik even wijzen op stock libraries:
http://www.sxc.hu/
http://freestockphotos.com/
http://www.freedigitalphotos.net/


Vanavond gaan we gezamenlijk bouwen.
http://www.entheosweb.com/fireworks/CS4/design_layout.asp

Voor Heera:
Formulier maken:
http://www.php-solutions.nl/scripts/formulier-generator/

Nieuwsbrieven:
http://www.webgenerator.nl/html-nieuwsbrief.htm
http://www.webgenerator-promail.nl/digitale_nieuwsbrief_maken.htm

Les 6

Eerst wil ik even de plannen voor de sites doornemen:

We hebben het nu heel de tijd over de grafische vormgeving gehad, nu gaan we even stil staan bij de vormgeving van de inhoud(content)

Typografie, Typeface(Fonts) en CSS






Wat is Typografie:
Typografie, van het Griekse τύπος (tupos: slag, vorm, afdruk) en γράφειν (graphein: schrijven), behelst het zetten, drukken en vormgeven van teksten, zowel voor functionele als esthetische doeleinden.
http://nl.wikipedia.org/wiki/Typografie



Algemene regels omtrent typografie en leesbaarheid.
http://www.usabilityweb.nl/2005/05/typografie-en-leesbaarheid/

Niet alle fonts zijn beschikbaar op elke computer. Aangezien de browser gebruik maakt van de op de clientmachien aanwezige fonts, is het dus zaak om standaard (web safe) fonts te gebruiken
http://www.stoerebinken.net/kennisbank/typografie/web-safe-fonts

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Het is tegenwoordig wel mogelijk om de gebruiker een font te laten downloaden, maar gebruikersvriendelijk is dat niet. De meeste gebruikers willen immers helemaal niet iets downloaden voordat men een pagina mag/kan lezen. Tevens zit er op fonts ook copyright.

10 goede tips voor typografie op het scherm.
Check ook ff de links onderaan.
http://www.computerfaq.be/website-maken/10-typografie-regels-voor-webdesigners/

Meer over typografie
http://ilovetypography.com/

Em?
http://en.wikipedia.org/wiki/Em_(typography)

Hoe pas je dit nu toe op een internet site?

Vroeger ging dit binnen HTML, echter was dit allemaal zeer beperkt.



Tegenwoordig wordt dit vastgelegd in CSS.


Wat is CSS?
http://nl.wikipedia.org/wiki/Cascading_Style_Sheets

minicursus CSS
http://www.webmasterstart.nl/css/wat-is-css.html

Alles over CSS
http://www.w3schools.com/css/css_intro.asp
Bekijk ook even de demonstratie


Hoe passen wij dit toe?
ff een grapje:
http://www.youtube.com/watch?v=Z52tXrxQjv0

Maar inderdaad laten wij het meeste genereren door Fireworks........Hoe?

Dat ga ik je laten zien