Aart Jan Bergshoeff - PowerPoint PPT Presentation

About This Presentation
Title:

Aart Jan Bergshoeff

Description:

Overzicht webdesign Aart Jan Bergshoeff Internet Wereldwijd netwerk van computers Normaal netwerk gaat via ethernet Wereldwijd kan het via telefoon- of tvkabel Je ... – PowerPoint PPT presentation

Number of Views:88
Avg rating:3.0/5.0
Slides: 15
Provided by: aart152
Category:

less

Transcript and Presenter's Notes

Title: 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
Write a Comment
User Comments (0)
About PowerShow.com