1 / 14

Overzicht webdesign

Overzicht webdesign. Aart Jan Bergshoeff. 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.

elmo-edwards
Download Presentation

Overzicht webdesign

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Overzicht webdesign Aart Jan Bergshoeff

  2. IDEA Soest | Overzicht webdesign 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

  3. IDEA Soest | Overzicht webdesign 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

  4. IDEA Soest | Overzicht webdesign 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

  5. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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

  8. IDEA Soest | Overzicht webdesign 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

  9. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign 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. IDEA Soest | Overzicht webdesign HTML export, en PDF • O.a. MS Word of Filemaker • Adobe Acrobat PDF • Link naar een pdf

More Related