Over the past few years the technology available to web designers has been increasing at a phenomenal rate and it is now impossible for one person to master them all.
My own experience covers:
- Web Servers - mainly Apache and IIS though I have experimented with others such as Xitami, Sambar and even the old MS Personal Web Server that came with Windows 98 and NT 4.0. My personal preference is Apache - I have seen Apache servers on Linux systems stay up and running for over a year - I have also known IIS servers running on Windows 2003 falling over or locking up more than once a day for inexplicable reasons! For new sites I always recommend running Apache on a Unix/Linux server as the most reliable combination.
- Use of different Web Hosting services - a good hosting company is a high priority for any web site. I have come to know several hosting companies over the last few years, both good, bad and downright terrible. A small but efficient one I have used for many of the sites I have built is PlugSocket (who run this site). At the other end of the scale I have seen large companies cause havoc for their customers due to inefficiency, stupidity and downright arrogance - are you listening, FastHosts?
- Web Programming Languages - PHP, CSS, (X)HTML, JavaScript, XML, Java, ASP. Note that I no longer deal with ASP - mainly because it is, in my opinion, far less reliable and prone to requiring expensive additions that are bundled free with PHP. Additionally, my use of Java is restricted to client-side applets. I use PHP for server-side programming and JavaScript for client-side programming. There can also be a cross-over where PHP is used to generate JavaScript on the fly at the server end for customised handling at the client end.
- Mash-Up Technologies - the most common of these is currently
AJAX which is used for such
things as Google Map
integration. Google Maps have been used extensively on Panoramic Earth,
to a large degree on Poppyland
and for local information on Norwich Bed & Breakfast,
the Summer Garden Buildings sites,
This is Cromer, Cromer Carnival
and some of the School sites. I have also used AJAX for other simple tasks such as the
colour selector field shown below. This is used on many of the administration sections of the sites
I build. Click the green coloured box and then select the colour from the popup - you can also enter
the HEX values of the colour directly into the input box.
- Cross Site Content Mash-up - the ability to embed specific content from one site into another site. An example of this is where other sites can make use of the embedded tours from Panoramic Earth. You can see some examples of these pages on this site as well as others such as See Majorca, the Budapest Holiday Service, Scotts Galilea complex and Visit Singapore
- Multi-site Hosting - this is where several related sites are physically hosted together
using either the same code and/or the same database. Here are some examples of ways in which this
can be implemented:
- Advisory Matters, Partnership Matters and Ketteringham Hall Courses are all run from the same server and hosting area. They share a common database though the code that runs each site is separate (apart from the code that defines the database layouts which are common to all three).
- Broeknrule and The Upraw use the same database and coding. Here, the PHP code looks at the domain name being requested by the user and serves up the appropriate content. The coding has to be changed if new sites need to be added.
- The Summer Garden Building group of sites takes the methods used in 2 above and makes them even more flexible. The details about how each site is set up is held in the database itself. When a request to display a page for any site is received by the web server, it checks the domain against the database record and pulls out the correct information. Because of this flexibility, the adding of extra sites does not require any extra coding and can be set up by the site owners themselves via the administration screens. Some of the other sites in the group are Summer Swimming Pools, Summer Garden Offices, Summer Hot Tubs and Spas and Summer Gazebos. More information on the Summer page.
- The Poppyland site has the ability to create themed sub-sections which are styled differently to the main site content. Check out the following pages: NNTV and Magic Lantern. In this case, the site owner can upload new CSS style sheets, logo images and menu button template images to create the style he requires.
- Simple Site Administration - One of the problems with maintaining a web site is keeping
it up to date. If the data is not updated regularly then visitors will not return. Coupled with this,
it is essential that non-technical users can feel that they are able to enter and update their sites
with ease, and are not put off by scary technologies such as HTML, CSS and JavaScript. To that end
I always endeavor to provide a back-end administration system which is as simple and consistent as
possible in use whilst allowing the site owner the freedom to customise their site as required.
In most cases the site owner will log into the administration system using a specific user name and password and see an initial main menu of administration options which give the ability to add or edit the various sections of their site. Each administration screen will be a form in which they can enter plain text (though, in most cases, I do not preclude the use of HTML tags if the user so wishes) and can optionally include Help information to guide them in using the more complex screens. Items under the control of the site owner will usually include:- Menus - some sites will have a top menu, a side menu or both. Where there are two sets of menus, they can either be separate or linked (i.e. clicking a top menu item displays a new left-hand menu in linked menus).
- General Pages - any number of pages can be created and attached to the menus as required. Images can be uploaded and resized, and placed anywhere on the pages. Simple built-in commands can help with specific layouts such as tables, lists and image positioning. Longer pages can be split into more manageable chunks with automatic page numbering appearing at the top and bottom of each page.
- Products - the e-commerce sites have the ability to add, edit or delete products and product types as required.
- Specialised data - examples of these can be FAQs, pages of links to external sites, news item pages (where news can be prepared prior to publication and only appear between specified start and end dates), events data (automatically removed once the event date has passed), special document handling, image galleries etc.
- Cross Browser Functionality - Do you hate sites that say Best Viewed with XYZ Browser? Unfortunately, there are still a good number of them about and the XYZ browser referred to is usually Internet Explorer (IE). This, of course, can be a problem if you are attempting to view the site from an Apple Mac or a Linux-based PC. One of the things I attempt to do is to test all my web sites using all of the commonly used web browsers, such as IE6, IE7, Firefox, Opera, Safari, and platforms, such as Windows, Apple Mac and Linux (usually Ubuntu) and make adjustments so that they run properly on all of them. In some cases a particular browser may not be able to run the more complex sites, though, when this happens, I attempt to register a bug with the browser manufacturer concerned, especially if the problem means that the browser is not compliant with Web Standards. The forthcoming IE8 should be far more standards compliant (but don't hold your breath) which should finally remove one of the biggest web development hurdles of the past few years. However, the first two betas released are still very buggy and, in many cases, fail to properly render complex site pages that work fine in IE7 and Firefox.
