www.HowToCreate.co.uk

Navigation

Skip navigation.

Site search

Tutorials

• JavaScript tutorial
• CSS tutorial
• HTML tutorial
• Site Design tutorial

Downloads

• JavaScript libraries
• PHP libraries

Browser problems

• How IE causes problems
• Making IE use background-attachment: fixed;
• Making IE 5.5+ / Win use position: fixed;
• Making IE 5.5+ / Win use PNG Alpha transparency
• Internet Explorer 9
• Internet Explorer 8
• Internet Explorer 7
• Why Firefox's strict JavaScript warnings are wrong
• Safari and page load timing
• Documentation of IE 6+ mode changes
• Old Gecko bugs

General JavaScript info and utilities

• The history of JavaScript
• JavaScript links
• Communicating with the server using JavaScript
• Passing variables to referenced functions
• Logical XOR in JavaScript

Other info

• List of computers, operating systems, modems and browsers
• Cross site scripting
• CSS text-shadow
• Acid 2 in major browsers
• HTML and SGML comments
• Browser speed comparisons
• Avoiding click-to-activate
• Accessibility pages and Opera 7.6+ speech stylesheets
• Menus created using only CSS
• Info on how to get your site hosted
• Opera (browser) resources

About this site

• About this site
• Configuring this site to suit you
• Saving pages
• Warning to spiders and people who like to make pages available offline
• Collecting browser statistics for this site

Keep up to date

• What's new?
• RSS feed

Author links

• About the author
• Contact me
• See previous emails

Latest Updates

1. Added dice statistics script (JS)
2. Added GPS/GNSS log file parser (JS)
3. Added and updated line chart script (JS)
4. Updated geoid .grd file parser
5. Added and updated OSTN15 data file parser
6. Added High Accuracy WGS84 GPS To British OSGB36 Grid Reference Conversion tool
7. Updated Grid Reference Utilities (JS)
8. Updated Grid Reference Utilities (PHP)
9. Added geoid .grd file parser
10. [more]

Teaching you how to create web pages

With four sections covering HTML, CSS, JavaScript and web site design. If you don't know what those are, read the paragraph below.

Teaching you how to produce web pages that everyone can use

This seems to be an unusual idea. Creating pages that work on everyones' browser? Surely not! The idea of this site is to show you that it is not that difficult to do. If you work through the whole site, and in particular the section on web site design, you will be able to do it too. See my list of computers, operating systems, modems and browsers to see why it is important.

What do HTML, CSS and JavaScript do?

HTML formats web pages. It tells the browser when to start and end paragraphs and titles, and when to insert images and forms. It can also say what colours to make everything, and a few other basic styles like table borders, but in general, this should be done with CSS instead.

CSS replaces many parts of HTML and is more customizable. It says what fonts, colours, sizes and effects to use including borders and backgrounds. It also allows you to position parts of the document exactly where you want them.

JavaScript is a programming language that can be used to make parts of your document dynamic. You can use it to move parts of your document, change pictures, check forms and write dynamic content.

JavaScript tutorial is based on '4^th generation' and '5^th generation' browsers with backwards compatibility.

Currently known '4^th+ generation' browsers

• Opera 4+
• Gecko engine (Mozilla, FireFox, Netscape 6+ etc.)
• Internet Explorer 4+
• KHTML and WebKit (Safari, Chrome, Konqueror, OmniWeb 4.5+)
• iCab
• ICEbrowser
• Escape 4+
• NetFront 3+
• Tkhtml Hv3+
• Open TV
• Netgem 4 browser (NetBox)
• iPanel MicroBrowser
• Netscape 4+
• OmniWeb (4.2-)
• Clue browser
• WebTV

More information.

What are 4^th and 5^th generation browsers?

5^th generation browsers (also known as DOM browsers) are the latest and greatest browsers, that offer the most abilities and functionality, and are the most popular browsers in use today. 4^th generation browsers are less capable, but are able to run things like menu scripts. Information is provided so you can still support the tiny proportion of Internet users who have not had the time, opportunity, money, desire or knowledge to upgrade yet, or who have not yet found a 5^th generation browser they are comfortable with. The information can also be used to help you maintain older scripts which are still in use on your sites, as these can continue to function in modern browsers if written properly.

Disclaimer

The content of this site is provided 'as-is'. While I may offer support if you are having problems, or general queries about web development, I cannot be held responsible for any problems encountered or losses incurred through use of any of the information on this site, or any information that I send you in any way.

Please see my terms of use page for terms and conditions for use of my scripts.

Any opinions expressed on these pages are my own opinions only, and are not necessarily representative of the opinions of my employer or any organisation that I am affiliated with. They should not necessarily be read as facts. Neither I, my hosting service, my employer, affiliated organisations, nor anyone else on any planet in any corner of any universe can be held responsible for the opinions expressed on any of these pages.