"It is a widespread myth that websites can only build by professionals. I don't agree with this, like everybody can learn to use Word, everybody can build a simple but usefull website. Read this!"
 

Another interesting, easy-to-use technology is Mambo: free, no coding, lots of templates, ...  The only thing you need is a webserver with Apache, PhP and Mysql. Example sites: www.vub.ac.be, 11.11.11 (see also MamboTutorials).

Introductie (in dutch)

1. Wat is het Internet?
2. Hoe werkt een website?
3. Website onderdelen.

Create your own webpages with 

Examples:

• Completely created with Composer: our parallel website (all but the menu), symposium page .
• 
  

• All major webpage elements are in the toolbar, the rest you'll find in the Insert or Format menu.
• The invisible elements are under Format => Page Colors and Properties
• Add images to your page
• but the image is kept as a seperate file, so don't forget to upload it to the webserver.
• the file will be copied to the page folder, otherwise check leave image at original location, for instance, if you want to put all images in a seperate images folder.
• with  of the image properties you can put text at the right of your image.
• Note that you wil not see this in Composer, but when you view the page with your browser.
• To stop text of wrapping around your image: menu Insert => Break below Image
• For a more complex layout, you can use tables without Border Line.
• To add a link, select the text and click Link.
• Start a link to a different website with http://...
• For another page of your website, just fill in the relative path
• "page2.html" refers to this file in the same folder
• "projects/page3.html" refers to a file in the projects folder
• "../welcome.html refers to a file in the parent folder (one up)
• You can jump within a page (for instance, from a menu), by inserting a target at the location you want to jump to and giving it a name. Then you have to save your file first, before you can add a link and choose your target among the list with all targets of your page. A target is indicated with a # in the link.
• For more advanced layouting, you can use tables with no border (like on this page)
• set Border Line Width of the Table Properties (right mouse click on table) to 0.
• you can set different background colours (or images) for Rows or Cells, in the Table Properties window.
• Hint: you can upload your website with Publish, fill in the ftp-address of the webserver, name & password
• Extra html tags can be added with Insert => Tags

• A good website presents relevant information in a clear way, not too much clicking is involved, everything can be found easily (eg with a menu) to find and the user should always know where he is (eg show the path $$). Create a style for your website, how you show your titles, special bullets, some specific colours, a background, ...
• Only add links that you have checked first for correct and usefull information and indicate what the user can expect!
• Try to be compatible with at least Netscape 4 & Explorer 4 ( for html: compatibility is indicated in the html Reference)

Information

• General: Dan's webtips, Anouk's webtips
  
• Links: code, icons, templates, ...
• Webcom, Iconbazaar, Graphics, ...
• Completely free Fonts
  
• Make your own images or icons, convert or make them transparant: zie tips.
• Professional icon software (tryout available).
• Photoshop your images freely (online).
  
• Not very nice, but Plain and Simple (only disadvantage: banners, therefore install WebWasher to ban banners from your browser)
• Free Message Board (forum): http://amazingforums.com
• Free Guestbook: http://www.write2me.nl/  (integreer inline in je website) (or http://globalguest.com: it is quite slow and you get advertisements).
• Free Voting Poll Service: http://globalguestpoll.com
• Website languages: html, java, javascript, database-connection, ...
• Website editors: Netscape Composer, 1stPage (approved by a lot of experts!! Free), Microsoft Frontpage, EasyHTML (gratis, maar geen WYSIWIG) ...
• Mozilla - Explorer browser differences
• iframes?
  
• html (remember, by using a good editor, you don't need to learn html! That is only for specialists.)
• HTML tutorial + reference + examples
• another tutorial,
• css
• CSS tutorial + reference + examples, (RichInStyle tutorial, less good)
• javascript:
• tutorial, Netscape Guide & Javascript reference , (a simple tutorial, less usefull)
• ready-to-use scripts,
• asp
• ASP tutorial,

  Website Cookbook

Necessary Techniques:

1. To add javascript in a webpage: open the page (right mouse click on file => Open With or Open Other) in a text editor like Notepad (simplest), UltraEdit (more advanced) or  1stPage (the best for experts). Now you see the html-code and you can change it or add a scirpt. You only need to know that a page consists of a Head (between tags <HEAD> and </HEAD>) containing general info about your page and a Body (between tags <BODY> and </BODY>) containing all what is displayed.
2. Sometimes you'll have to put javascript code in a seperate .js file. Put this file at the same location of your webpages.

• Frames: see W3Schools examples, nederlandse handleiding
  
• open a link in a different frame (see this W3schools example):
1. give your frames a name in the frameset definition 
2. specify the frame as target with the link definition
• In Composer: Under Link Properties, choose Advanced Edit and add attribute target and value the name of your frame
  
• open a link in the full window (getting out of a frame): set the target attribute of the link to _blank  (see W3School)
• Hint: for aesthetic reasons, use no border between your frames: add the property frameborder=0 in the <frameset ... > tag
  
• (NOFRAMES section)
• Images
• Slideshow , in javascript, (deze hier schijnt niet te werken, album)
•  $$ image met meerdere klik-plaatsen
• Counters: add counters that automatically register all visitor of your website! See  add the bottom of this page (click on it to view statistics)
• free counters with Webstats4u (Warning: Webstat counters activate popup windows! We are looking for a more user-friendly alternative):
• Click Service -> Registration  and fill you name, email address (correct!), choose a user name and password, and add information on the webpage you want to register. Check Create another counter if you want more counters.
• Webstats4 will mail you the code that you should add in your page.
• Open your file with an editor (as explained here) and put the code at the end of the file, before the 2 last lines </body> and </html>
• By clicking on My Webstats, you get all your statistics, and you can add new counters!
• Have Statistix Fun!
•  Counters without popups, but with less information: statcounter, your-counter
  
• Favicons (a little icon representing your website, like for Google)
• How to differentiate Internet Explorer from other browsers: html-tricks, sometimes necessary if it doesn't look the same in different browsers.
  
• Menustructure (see our website)
• $$
• the menu of our website is constructed with joust (license)
• Style sheets (CSS)
• Simple, introductory tutorial
  
• simple: title, heading, background, ...
• download and modify this one (example with all elements, using stylesheet)
• CSS in action (demo)
• Various
• Automatic redirection to another website: change the url in this page. (download this page by right clicking on it and choosing Save Link/Target As..., open it then with Notepad to change it)
• $$ a search function, login+password (javascript, ), submit to search engines, automatic tree generation from directory structure (ASP)