This Web page aims to serve as an introduction for teachers wishing to write their own World Wide Web pages. It follows on from my other article, The Internet: an introduction for language teachers, and serves as an introduction to the comprehensive Module 3.3 (Creating a World Wide Web site), written by Fred Riley, at the ICT for Language Teachers website: http://www.ict4lt.org/en/en_mod3-3.htm. If you wish to make use of these materials feel free to do so, but please acknowledge the sources. See my Terms of Use.

Updated 22 June 2008

Back to Camsoft's Homepage

Why create a World Wide Web site?

• To advertise yourself or your institution.
• To provide information and resources for staff.
• To provide learning materials for students.
• Many other reasons: for suggestions see Atkinson (1998), Felix (1998), Felix (2001), Felix (2003).

Websites do not have to be on the Web!

Your website does not have to be online. It is possible to create a website for use on a local stand-alone PC, on a Local Area Network (LAN), on a CD-ROM or on an intranet. An intranet is a sort of internal Internet, confined within an institution.

What you need to know before you start

• You need to know how to use Windows 2000 , Windows XP or Windows Vista. I use Windows XP.
• You need to know how to use a word-processor.
• You need to know how to use a browser: e.g. Internet Explorer.
• You need to know how the basics of what the World Wide Web is all about and how it works. See my article: The Internet: an introduction for language teachers.
• Above all, you need to understand the concept of hypertext. A visionary thinker, Vannevar Bush, is credited with inventing the concept of hypertext in an article entitled "As we may think", which was written way back in 1945. In this article he describes an imaginary machine he calls "Memex", which is essentially a device that takes account of the way the human mind associates ideas and follows a variety of different paths rather than moving on sequentially. Bush wrote:

  "[ The human mind] operates by association. With one item in its grasp, it snaps instantly to the next that is suggested by the association of thoughts, in accordance with some intricate web of trails carried by the cells of the brain. It has other characteristics, of course; trails that are not frequently followed are prone to fade, items are not fully permanent, memory is transitory. Yet the speed of action, the intricacy of trails, the detail of mental pictures, is awe-inspiring beyond all else in nature."

• It took around 40 years before Bush's vision of hypertext was finally realised: on the Apple Mac in the 1980s with a program known as Hypercard. The main feature of hypertext is the links - also known as hyperlinks - to other parts of the text, to other texts, graphics, photographs, sound clips, video clips, etc - most of which are illustrated later in this article. By clicking on a link, which is usually indicated by an underscore and/or a different colour, you move automatically to the linked text, graphic, etc., thus enabling you to explore the text non-sequentially. The World Wide Web is an extended form of hypertext, written in a mark-up language known as HTML (HyperText Mark-up Language). HTML enables links to be made to almost any computer in the world.

Software for designing and creating Web pages

Websites can contain text, graphics, photographs, audio recordings and video recordings. These are often referred to as the assets of a website. You need a variety of software packages for creating Web pages:

• Software for designing Web pages. My personal favourite is Dreamweaver by Adobe: http://www.adobe.com/uk/. In the early days of the Web you had to create Web pages by coding them in HTML, but nowadays Web design packages create HTML pages automatically, so all you need is word-processing skills - plus a little extra knowledge about the way Web pages are put together and how they work. See Module 3.2 (Creating a World Wide Web site)at the ICT for Language Teachers website: http://www.ict4lt.org/en/en_mod3-2.htm
• Software for creating and editing graphics and photographs. This is essential if you wish to incorporate graphics and pictures into your Web pages. See Section 2.2.3.1 of Module 2.2 (Introduction to multimedia CALL) at the ICT for Language teachers website: http://www.ict4lt.org/en/en_mod2-2.htm
• Software for creating and editing sound files, e.g. Audacity. See Section 2.2.3.3 of Module 2.2 (Introduction to multimedia CALL) at the ICT for Language teachers website: http://www.ict4lt.org/en/en_mod2-2.htm
• Software for creating interactive exercises on the Web, e.g. Hot Potatoes. Such software is essential if your website is to contain interactive exercises. See below for examples of a Hot Potatoes interactive exercise. You could also consider Quia and Vokabel. Both the Quia and Vokabel sites contain exercise creation tools together with examples. See Module 2.5 (Introduction to CALL authoring programs) at the ICT for Language Teachers website: http://www.ict4lt.org/en/en_mod2-5.htm

Hyperlinks

Creating links - also known as hyperlinks - with a Web design package is easy. There are different kinds of links:

1. This is an internal link to a location on this page: a short Bibliography.
2. This is an internal link to another page at this website. Click here to link to my article, The Internet: an introduction for language teachers.
3. This is an external link to the ICT for Language Teachers website, where the full URL is displayed. Click here: http://www.ict4lt.org
4. This is also an external link to another website, where URL is hidden.Click here: CILT.

Graphics and photographs

Web pages can contain graphics and photographs. The former are normally stored in GIF format and the latter are normally stored in JPG format. Graphics and photographs can be scanned in and stored on disk with the aid of a flat-bed scanner and then edited with the aid of a software package, e.g. Adobe Photoshop. There are lots of collections of graphics and photographs on the Web itself and on commercially produced CD-ROMs.

This is a graphic stored in GIF format - the euro Symbol. I found this at one of the European Commission's websites.

This is a photograph stored in JPG format - taken by myself in Rüdesheim, Germany, and scanned in with the aid of a flat-bed scanner I reduced the size of the original slightly with the aid of Adobe Photoshop.

Word-processed documents

You can create a hyperlink to a word-processed document in DOC or RTF format. This is useful if you want people to be able to access a document and print it in its normal format.

Sound recordings

You can create a hyperlink to a sound file, e.g. in WAV or MP3 format.

Video recordings

You can create a hyperlink to a video file, e.g. in AVI or MPEG format.

Programs for downloading

This facility is useful if you wish people to be able to download programs from your website that can then be run offline. Click here to download a demo version of Fun with Texts.

Interactive exercises

Interactive exercises can be delivered via the Web. Click here to try a short gap-filling exercise created with the Hot Potatoes Web authoring package. Hot Potatoes is available free of charge from the University of Victoria, Canada.You could also consider Quia and Vokabel . Both the Quia and Vokabel sites contain exercise creation tools together with examples.

Keeping track of your links

It is most important to keep track of all your links and external URLs. Web design software usually has inbuilt functions that alert you to errors and help you check that all your links work. A useful piece of software that speeds up the process of checking external links is Xenu's Link Sleuth, a software package that checks websites for broken links. Link verification is done on "normal" links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and Java applets. It displays a continously updated list of URLs which you can sort by different criteria. A report can be produced in HTML at any time while link checking is in progress: http://home.snafu.de/tilman/xenulink.html.

Creating an attractive page

Keep the page layout simple. The same rules apply to designing Web pages as to any other form of software, but you have less control over what happens at the user's end. Don't use garish colours, too many graphics and weird fonts! See Davies G., Hickman P. & Hewer S. (1994). See Module 3.2 (CALL software design and implementation) at the ICT for Language teachers website: http://www.ict4lt.org/en/en_mod3-2.htm

How do you put your pages onto the Web?

You must have a subscription to an to Internet Service Provider (ISP). Most ISPs offer free website space. Software for uploading pages to your website is usually built into your ISP's communications software. Alternatively, the Web design package that you use will probably have inbuilt software for uploading to the Web, but this must be correctly configured to tie in with your ISP's software. For further information on this topic see Module 3.3 (Creating a World Wide Web site), written by Fred Riley, at the ICT for Language Teachers website: http://www.ict4lt.org/en/en_mod3-3.htm.

Copyright

Respect copyright! See my Terms of Use and, for more detailed information, see the ICT for Language Teachers General guidelines on copyright page: http://www.ict4lt.org/en/en_copyright.htm

Bibliography

Atkinson T. (1998) WWW: the Internet, CILT (Infotech Series No. 3), London, CILT.

Davies G., Hickman P. & Hewer S. (1994) Style guidelines for developers, TELL Consortium, University of Hull.

Davies G. (2000) The Internet: an introduction for language teachers, Camsoft Web publication.

Felix U. (1998) Virtual language learning: finding the gems amongst the pebbles, Melbourne: Language Australia.

Felix U. (2001) Beyond Babel: language learning online, Melbourne: Language Australia. Now distributed by CAE Press, Australia: http://www.caepress.edu.au. Reviewed at: http://www.camsoftpartners.co.uk/FelixReview.htm

Felix U. (2003) (ed.) Language learning online: towards best practice, Lisse: Swets & Zeitlinger.

Riley F. (2008) Creating a World Wide Web site. Module 3.3 in Davies G. (ed.) Information and Communications Technology for Language Teachers (ICT4LT), Slough, Thames Valley University [Online]. Available from: http://www.ict4lt.org/en/en_mod3-3.htm

© Graham Davies 2008 under a Creative Commons Attribution-Noncommercial-No Derivative Works, UK, England & Wales Licence.