HLRnet.com: Technologie / Internet: Tips voor het maken van websites

Tips voor het maken van websites

• Plaats alle bestanden in één enkele map. Eventueel kan je grafische bestanden in een andere submap plaatsen.
• Thematische submappen maken is niet noodzakelijk een goed idee, omwille van de complexiteit van het intern linken en van het publiceren van updates van je site. Het zou niet de eerste keer zijn dat iemand vergeet om (gewijzigingen van) bestanden in submappen te publiceren.
• Houd de naamgeving van je bestanden eenvormig.
• Gebruik best géén hoofdletters, accenten of spaties in bestandsnamen.
• Vooraleer je een link legt naar gelijk welke pagina of bestand, sla je al je werk op.
• Het eerste bestand in elke map heeft als bestandsnaam index.html of index.htm.
• Let op: de naam van een bestand is niet hetzelfde als de titel die je meegeeft aan een webpagina.
• Vergeet geen titel te geven aan je document. Untitled document is niet echt veelzeggend...
• Het is normaal dat links niet werken in je HTML editor. Anders kan je niet meer op een tekst klikken om daar iets toe te voegen of een eventuele spelfout te verbeteren.
• Heb je de mogelijkheid om je site / wepbpagina's rechtstreeks on line te editeren? Prima, maar een locaal origineel van de site dat je na het editeren publiceert, is een stuk handiger en veiliger.
• Publiceer alleen de bestanden die pas gewijzigd zijn. In je FTP sorteer je de bestanden op datum, dat is het zeer eenvoudig.
• Check regelmatig de links (zowel intern als extern) op validiteit. Daarvoor kan je bijvoorbeeld Xenu gebruiken.
• Zet geen beklemtoonde letters in de broncode. &aacutes; in de HTML code is OK, á is niet OK.
• Heeft Dreamweaver de neiging om te crashen wegens gebrek aan geheugen? Sla je bestanden op als Dreamweaver lui wordt.
• Zijn de Shared Borders van Frontpage niet wat je wil? Gebruik dan DWT (Dynamic Web Templates). Daarme kan je editable regions maken zoals in Dreamweaver. Je hebt dan meer uniformiteit dan alleen maar dezelfde navigatieknoppen.
• Vermijd een automatisch gastenboek. Je moet dat manueel onderhouden (spam verwijderen), en dat geeft je pakken meer werk dan
• Tips voor een goede didactische website
  • Wat is een didactische website? een site met didactische oefeningen / een site met didactische informatie / een site voor een bepaald doelpubliek
  • KIS not S: Keep it simple, but not Stupid
  • Weet welk doelpubliek je voor ogen hebt. Overschat je doelpubliek niet, maar onderschat (of idiotiseer) het ook niet.
  • Houd je site eenvormig.
  • Houd je site systematisch.
  • Houd rekening met compatibiliteit.
    • Test je website ook in andere browsers, in andere versies en op andere besturingssystemen.
    • Moeten je HotPotatoes oefeningen ook werken op Macintosh? Maak er dan v. 5 oefeningen van. Er bestaat (nog) geen IE6 voor Macintosh.
  • Blijf je doelstellingen voor ogen houden.
• Tips voor het werken met CSS
  • Maak van je standaardstijl (BODY) ook een P stijl en een aparte klasse.
  • 'Pakt' de stijl ergens niet? Is de <P> tag ook gesloten? Is de laatst geopende tag ook het eerst gesloten?
  • Voeg <p> … </p> toe rond het stuk waarop je stijl geen vat heeft.
  • Wijs die klasse toe aan bv. tabellen en <UL>
  • Kopieer je CSS bestand naar subdirectories, maar vergeet achteraf niet te updaten!
• Tips voor templates in Dreamweaver
  • Subfolders zúllen voor problemen zorgen. Plaats template, CSS, bijhorende beelden enz. in de rootdirectory. Beelden in een submap is geen probleem, HTML bestanden in een submap zeer zeker wel.
  • Toch submappen en templates? Kopieer dan je template naar een tweede exemplaar met submappen in de naam, en voeg daarin alle aan interne links ../ toe vooraan, zodat ze blijven werken. Maar je moet die kopijen dan apart updaten, uiteraard.
  • Verplaats je template nooit!
  • Heb je navigatielementen (knoppen) in een tabel? Zorg dat die tabel losstaat, bijvoorbeeld in de cel een tabel.
  • Als je Document head en Document body voorziet als namen voor de editable regions, wordt alles automatisch toegepast
  • Is je document niet up to date na wijziging template? Pas de template opnieuw toe.
• Tips voor Expression Web
  Expression web ondersteunt niet meer de Frontpage Extensies (en ik vind dat écht niet erg!). Maar als je op zoek bent naar...
  

  	client-side	serverside service	serverside programma
  foto-album	JAlbum	zie hlrnet.com	Coppermine
  teller	NVT	zie cgi-resources.com zie hlrnet.com	(inbegrepen bij hosting)
  forum	NVT	ForumUp zie hlrnet.com	phpBB
  gastenboek	NVT	(afgeraden)	(afgeraden)
  formulieren verzenden	NVT	zie cgi-resources.com zie hlrnet.com	PHP
  meer...		zie cgi-resources.com zie hlrnet.com	zie hlrnet.com

• Zie ook: Frontpage / Dreamweaver / de beste keuze van programma's .