Aart Jan Bergshoeff

1
Overzicht webdesign

• Aart Jan Bergshoeff

2
Internet

• Wereldwijd netwerk van computers
• Normaal netwerk gaat via ethernet
• Wereldwijd kan het via telefoon- of tvkabel
• Je hebt dan een modem nodigmodulator-demodulator
  
• De taal of protocol is http Hyper Text
  Transfer Protocol

3
Wat is een Homepage

• De eerste pagina van een website
• Heet altijd index.htm (of index.html)
• Met links naar andere paginas
• Met bestanden zoals plaatjes, geluid etc.
• Elk bestand en elke pagina heeft een webadres
  http//www.etc

4
Server, hostingprovider

• Computer die 24 uur per dag aanstaat
• Altijd verbonden met internet
• Hoge uploadsnelheid
• Server-software geïnstalleerd
• Vast ip-nummer
• Jouw website staat te gast op zon computer
• Voorbeeld van een hostingprovider
• www.protagonist.nl
• www.ladot.nl

5
Accessprovider

• Verzorgt de toegang tot internet, bij bedrijven
  en particulieren
• De bekende namen xs4all, planet, zonnet,
  wanadoo, demon etc
• Bieden meestal ook gratis een homepage aan
  (hosting)
• Adsl, kabel, satelliet, analoge telefoon, isdn
• www.internetten.nl

6
Domeinnaam, ip-nr.

• Elk op internet aangesloten apparaat heeft een
  publiek ip-nummer (computer, modem, printer)
• Domeinnaam (www.aartjan.nl) wordt door
  DNS-servers vertaald naar ip-nummer
• Check of je domeinnam vrij is
• Kost ong 20 euro per jaar
• Voor 40 tot 60 euro heb je ook webspace en email

7
File Transfer Protocol

• ftp upload jouw files naar een webserver
• Kan gewoon in Dreamweaver
• Kan ook met losse ftp-programmas zoals WS_FTP
• Je hebt nodig
• Servernaam bijv. www.home.zonnet.nl/aartjan
• Login en password
• Werkt het niet check de firewalls

8
Zoeken, downloaden

• Zoek via Google eens op afbeeldingen
• Rechtsklik (PC) of ctrl-klik (mac) om een
  afbeelding lokaal te bewaren.
• Download een hele pagina of hele site via je
  browser
• SEO, search engine optimization
• Hoog in de ranking komen Links naar jou toe van
  grote sites, keywords in de paginas opnemen,
  veel bezoekers trekken, geen frames en geen flash
• Zoek binnen een lange pag met Ctrl-F

9
Flash voordelen

• Cross browser, cross platform
• Met geluid (en nu ook video), goed en snel
• Snelle vloeiende animaties
• Werkt ook goed via trage modem
• Oneindig scalable (vector)
• Totale controle over typografie, mooi en flitsend
  
• Interactieve presentaties

10
Flash nadelen

• Je weet niet of de bezoeker de (juiste) plugin
  heeft
• Wachten voordat je kan beginnen
• Shockwave of Flash? Nog meer plugins
• Browser-backbutton en bookmark werkt niet
• Toegankelijkheid letters kun je niet vergroten,
  spraakondersteuning ontbreekt
• Google (e.a.) vindt je niet of doorzoekt je niet
• Tip gebruik stukjes Flash binnen HTML

11
Browsers

• Explorer 4 , 5 en 6 (Microsoft), voor PC en Mac
• Netscape 4, 5, 6.2 en 7, voor PC en Mac
• Opera (goede browser, mooie scale-functie)
• Lynx (text-only), Mozilla, Firefox, Safari
• Cijfers over internetgebruik
• Webstandaarden regels voor HTML/CSS w3.org
• Download van tucows of versiontracker
• Virtual PC PC-emulator op de Mac

12
Plug-ins

• Flash, altijd de nieuwste (Macromedia)
• Shockwave, nieuwste (Macromedia)
• Quicktime 6 (Apple)
• Windows Media Player 9 (Microsoft)
• RealOne player (real.com, zoek de gratis versie)
• Acrobat Reader
• Javascript /Java

13
WYSIWYG editors

• What You See Is What You Get
• Browser en editor tegelijk
• Dreamweaver (Macromedia)
• Frontpage (Microsoft)
• Golive (Adobe)
• Met CSS
• CSS Cascading Style Sheets
• Verbetert typografie en plaatsing objecten in
  HTML
• CSS werkt niet of slecht in oude browsers (IE4,
  NS5)

14
HTML export, en PDF

• O.a. MS Word of Filemaker
• Adobe Acrobat PDF
• Link naar een pdf