Transcript Quark Xpert lunch

ThinkQuest
18-7-2015
Overzicht
webdesign
Aart Jan Bergshoeff
IDEA Soest | Overzicht webdesign
18-7-2015
Internet

Wereldwijd netwerk van computers

Normaal netwerk gaat via ethernet

Wereldwijd kan het via telefoon- of tvkabel


Je hebt dan een modem nodig:
modulator-demodulator
De “taal” of protocol is http:
Hyper Text Transfer Protocol
2
IDEA Soest | Overzicht webdesign
18-7-2015
Wat is een Homepage

De eerste pagina van een website

Heet altijd index.htm (of index.html)

Met links naar andere pagina’s

Met bestanden zoals plaatjes, geluid etc.

Elk bestand en elke pagina heeft een webadres
http://www.etc
3
IDEA Soest | Overzicht webdesign
18-7-2015
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 zo’n computer

Voorbeeld van een hostingprovider:
• www.protagonist.nl
• www.ladot.nl
4
IDEA Soest | Overzicht webdesign
18-7-2015
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
5
IDEA Soest | Overzicht webdesign
18-7-2015
Domeinnaam, ip-nr.


Elk op internet aangesloten apparaat heeft een publiek
ip-nummer (computer, modem, printer)
Domeinnaam (www.aartjan.nl) wordt door DNSservers 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
6
IDEA Soest | Overzicht webdesign
18-7-2015
File Transfer Protocol

ftp: upload jouw files naar een webserver

Kan gewoon in Dreamweaver

Kan ook met losse ftp-programma’s zoals WS_FTP

Je hebt nodig:
• Servernaam: bijv. www.home.zonnet.nl/aartjan
• Login en password
• Werkt het niet: check de firewalls
7
IDEA Soest | Overzicht webdesign
18-7-2015
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 pagina’s opnemen, veel
bezoekers trekken, geen frames en geen flash

Zoek binnen een lange pag met Ctrl-F
8
IDEA Soest | Overzicht webdesign
18-7-2015
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 »
9
IDEA Soest | Overzicht webdesign
18-7-2015
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
10
IDEA Soest | Overzicht webdesign
18-7-2015
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
11
IDEA Soest | Overzicht webdesign
18-7-2015
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
12
IDEA Soest | Overzicht webdesign
18-7-2015
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
13
• Verbetert typografie en plaatsing objecten in HTML
• CSS werkt niet of slecht in oude browsers (IE4, NS5)
IDEA Soest | Overzicht webdesign
18-7-2015
HTML export, en PDF

O.a. MS Word of Filemaker

Adobe Acrobat PDF
• Link naar een pdf
14