Common website issues and fixes
Posted 02 Jun 2006 at 1:41pm to the Reasonate News project by David Harrison
The websites in general look okay, if anything many people have spent too much time on getting them looking pretty rather than throwing one together in a night and then going off to do work on your design papers. You are after all training to become architects and building scientists, not website designers (even if there is a lot more money in the later).
As you upload your files to the R-Drive and they get copied across to Reasonate you will in no doubt notice a few issues. Here are the main ones and how to fix them:
Hyperlinks that don’t work
If you find a hyperlink that does not work check that it is not pointing to a resource on one of your network drives (e.g. I://web/about.html).
Missing normal images
Likewise with missing images check that the image source is not pointing to a resource on a network drive. All images should use relative urls (i.e. images/example.jpg).
Missing rollover images
The Dreamweaver rollover technique seems to have been used a lot by people which is unfortunate. It is 10 years out of date and really unsightly with all that Javascript code. Because of all the Javascript the copy process from the VUW server to the Reasonate server does not ‘see’ the roll-over images and as a consequence it does not copy them across.
The easiest fix for this is on one of your pages at the bottom insert all your rollover images. The copy process will see all these images and copy them off the server so that when the Javascript runs the image it is looking for is on Reasonate.
Now you will be thinking, this is going to look silly, I don’t want a page with all these random images on it. To get around this problem go into the html code view enclose all those image tags with the following:
<div style=”display: none;">
….All your rollover image tags i.e. <img xsrc=”images/myrollover1.jpg”/> ….
</div>
This <div style=”display: none”>..</div> set of tags will hide all these images from view. The copy process will still see all the images and download them for you but to the normal user they will not notice anything at all.
Alternatively for a solution that is far prettier but more time intensive checkout image rollovers using CSS. This is definitely in the extra's for experts category but also a technique that if you are planning on doing more websites you should get to know.