The original idea is to provide information for graphic designers moving from traditional print disciplines to those of the World Wide Web.

Q: Do I really have to learn HTML to design Web pages?

A: HTML is not a page description language, it is a markup language that's used to describe how text will appear in a Web browser. Okay, you can place elements other than text on a Web page but the HTML just provides links to the images or Flash files, they aren't actually part of the HTML. So, HTML provides the framework upon which you can 'style' a Web page using Cascading Style Sheets.
Although the behaviour of HTML and Cascading Style Sheets are fairly well documented and understood, the different browsers each speak their own dialects of HTML and CSS so the 'expected' behaviours can't be relied upon. Any program takes human intervention to produce Web pages that are solid and dependable and that requires a good working knowledge of HTML and CSS. Without that knowledge, you are at the mercy of the programs, their foibles and bugs.

Q: Why can't I use <any favourite font> on my Web pages?

A:You can use whatever font you like on your Web pages but, as we mentioned above, HTML can only provide the name of the font, it can't describe the character shapes. If the person viewing your page doesn't have that font installed on their computer, they can't possibly see it because there is no outline description to draw the shape of the font. That's why, in Web design, you have to specify a range of fonts. For instance, if my font spec was 'Futura, Geneva, Arial, sans-serif', very few people would see my first choice, Futura as it is not a commonly installed font so the browser jumps to the next one. Geneva is common on Macs, so Mac users will see the text in that font. Arial, is common on Macs and PCs but because I have put Geneva in front of Arial, it takes precedence on Macs. PC owners will see the Arial. San-serif is a 'catch-all' for computers that don't have any of the preceding fonts installed and displays whatever the default sans-serif font is for the system. As the Web is now accessible from PDAs, mobile phones and other non-computer devices, the incidence of 'oddball', less common, typefaces will only increase.
If you do want to use a specific font for items like logos, menu buttons or headlines, you can make a GIF file of the type set in a graphics editor but you should remember to echo the words in the image's 'alt' attribute so that the words are available for screen reading programs and search engine robots.

Q: Why do my colours look so different on my friend's machine?

A:The colour on a Web page are determined by mixing proportions of red, green and blue light inside the monitor. Unlike the standard ink colours, there are no standard red, green and blue light sources. The red, green and blue on one monitor is unlikely to be exactly the same as on another one, even if it's the same model – and the colours change over time. Any colour you mix from those non-standard ones is unlikely to match from one monitor to another although it is possible to get them closer by tweaking the proportions slightly. Out of the box, monitors will have a fairly arbitrary colour response. You can, and should, calibrate your monitor to behave more predictably using some kind of calibration software or hardware. All Macs and some PCs (depending on the video card) have basic colour calibration software built-in. The default colour profiles on Macs are intended for print work and are significantly different from those required for Web design. If you do both print and Web work, you need to create appropriate colour profiles and switch between them – gamma 1.8 for print and 2.2 for Web (and Video). If your computer is a PC with a cheap monitor, it is really only suitable for non-critical office work and you really should think about getting a monitor/video card that can be adjusted to a more accurate colour standard.

Q: What is the size limit for a Web page?

A: The short answer is, as small as possible. The size (bytecount) of your page, including any images, determines how long it takes to download. The question really is, how long will people wait for the page to download and render? Obviously it depends on the speed of their connection. A computer on a 500k broadband line is going to download about ten times faster that one on a 56k dial-up. You don't need to worry too much about the broadband users, it's those folk using the 56k modems that you have to consider, there still are a lot of them. Research has shown that once you go over 10 seconds, people start to get fidgety and start moving off elsewhere. So, try to stay within the 50k/10 seconds mark. It is possible to mask longer downloads by keeping large images down off the bottom of the visible browser area. If you specify the image's pixel dimensions, the text loads up around the images and can be read whilst the images are still downloading. If you don't specify an image's height and width in pixels, the images have to download completely before the text appears. If there is something interesting to read on a page after a few seconds, people don't notice that the images (out of sight) are still loading up and you can get off with a heavier page.

Q: Do I still have to use the 'Web Safe' palette?

A:A few years ago, when most monitors used 256 colours, it was important to use the Web Safe palette to avoid nasty dithering. Now that nearly everyone has monitors that can display thousands or millions of colours, the Web palette is not so relevant. In fact, on screens that only have 16-bit colour, the Web Safe colours are not 'safe' anyway, and dither – although you would have to look pretty close to notice.

Q: What's wrong with using tables for layout?

A: Most sites still use tables for Web page layouts. They are easy to understand and fairly predictable but their use for laying out a page is now frowned upon. Various reasons are cited for not using tables for layout – most often to do with the complexity of the markup and the accessibility of the content. Where these reasons are not unimportant, the best reason is that they are so limiting. The preferred alternative, of course, is CSS-P, which until recently has been reasonably well supported in browsers. The ability to put elements anywhere on the page, overlapping text over images, images over images and playing tricks with the div border properties, sure beats the 'one-arm-behind-the-back' restrictions of tables. That's the REAL reason!

Q: How can I stop people stealing images from my page?

A: If you have an image that somebody really wants on your Web page, there is absolutely nothing you can do to stop them doing a screen capture and cropping the image. Disabling the right mouse button (on PCs) is totally futile because pressing F13 (Print Screen) sends everything on the screen to the clipboard where it can be pasted into any graphics editing program. Most Macs don't have a right mouse button and there are many ways to capture what is on the screen with key combos, in a specific window or from a selected area. The best you can do is to put a prominent copyright notice on the image, or closely adjacent to it, which will discourage any reputable Web designer from repurposing it. If you can prove that the picture is your copyright, you can sue for infringement if it comes to that.

Q: What do I have to do to get my site listed in search engines?

A: Nothing!
Eventually, every site gets visited and indexed by search engine 'robots', but if you want it done quickly, you should submit your site URL to Google. Google is by far the most popular search facility and unless you want to target a specific, special interest search engine, getting listed there is your first priority. It's pretty well hidden on the Google site, but here are their instructions for getting listed. If you want a good ranking on Google too (and who doesn't!), check out this ranking information page too.