educational

The Basics of Web Design, Part 3: Tips & Tricks

In the previous installments of this series, we looked at some of the problems, as well as the solutions, typically encountered during the web design process. In our final installment, we'll end this series with five of the top tips and tricks that you can use to ensure a visually consistent design that will render properly across as wide a range of platforms and browsers as possible.

We've already discussed the need to test your pages in at least the two most popular browsers, MSIE and Netscape, using both the current, as well as the previous versions. Browser testing will only reveal the weaknesses and limitations of your coding, however. What you really need to do is employ these following simple techniques; they will help ensure the cross-browser and cross-platform compatibility of your web site, preventing many problems that might otherwise occur:

Check Your Graphics
Check your graphics with your monitor set at 256 (8-bit), 65,000 (16-bit), and 16.7 million (24-bit) colors. You might be amazed at how poorly a beautiful photo on a 32-bit display shows up on an 8-bit display, although several programs can do a remarkable job of color depth reduction and file size optimization - topics beyond the scope of this article.

For now, we'll assume you understand photographs should generally be saved as 24-bit .jpeg's while graphics like navigational buttons should be saved as 216 (or lower) color .gif's. By sticking to the "browser safe" 216-color web palette when creating your web site's graphics (as well as when selecting text, hyperlink, and background colors), you will stand a much better chance of having an attractive web page under nearly all conditions.

A word of caution, however: for sites that feature many color photographs (adult photo galleries, for instance), trying to save these images as .gifs will not do you any favors; and will in fact harm your site's overall appearance. Use .gif's for graphics only.

Stabilize Page Widths
Prevent your site from appearing to "shrink and grow" due to differences in screen resolution by placing your content in a centered table. A 600-pixel wide table is the most commonly used size, although I often use a table that is 540-pixels wide for enhanced WebTV compatibility. This is by far the single most important technique that you can use for ensuring visual consistency.

Don't want to use a table for enhanced layout control? Then be sure to test all of your pages at 640x480, 800x600, and 1024x768. Using this handy JavaScript will make it easy for you to do.

Use Absolute Values
Don't use "Default" (or "Normal") settings or "percentages" such as <TABLE width="100%"> if at all possible (see above). Every bit of information that YOU specify is one less that the browser or user can specify – and that's one of the keys to visual consistency. Take control of your page's appearance and hold on to it!

Also be sure to make horizontal rules a specified pixel width, rather than a percentage, such as <HR width="480">. This can make a great technique to determine if your table width is "growing" unexpectedly. For instance, say I place a 600-pixel wide horizontal rule outside of my 600-pixel wide table at the bottom of my page (for testing purposes only). I can use the rule as a "ruler" – giving me a comparative visual measurement to see if changes made to the table due to nesting of additional tables, adjusting of cell spacing and cell padding values, or the addition of content will affect the actual width of the table. Try this trick yourself and see what I mean.

Tame Your Text
We already discussed how text plays a big role in determining your site's appearance. Let's now look at ways to mitigate some of the most common text problems. If you want to use "standard" sized text, specify font size="3" not "normal." If you like "Arial" text (a Windows standard), then use face="Arial, Helvetica, sans-serif" (Helvetica is the Mac equivalent of Arial, while sans-serif will be the default "fall back" font for this family of type faces).

You should also be extremely careful when using "fancy" fonts. The reason why so many pages use the same standard fonts is because they're standardized. Your computer (and everyone else's) is limited to displaying only the fonts that are currently installed on your individual system. What this means is that even though that hot looking "Old English" font on your "Goth" site looks cool on YOUR computer, on MY computer (that doesn't have "Old English" installed), you'll see either my default font (if you're lucky), or a big pile of gibberish if you're unlucky. If you absolutely can't live without that special font, then make graphics in your paint program using this font, and limit it to logos, headlines, and navigational buttons.

Manage Your Margins
Finally, although they're not a valid part of the HTML specification, I also recommend that you specify your page's margin sizes using both the MSIE and Netscape syntax. For example, the "body" tag below specifies the top and left margins (the only one's needed) for both MSIE and Netscape, as well as background color, text color, plus standard, active, and visited link colors:

<BODY topmargin="5" leftmargin="0" marginwidth="0" marginheight="5" bgcolor="#000000" text="#FFFFFF" link="#0000FF" alink="#FF0000" vlink="0000FF">

If you employ these five simple techniques, you will create a site that appears as you intended when viewed across a wide range of platforms and browsers. This visual consistency will help avoid those "unpleasant little surprises" that can cost you sales, and will help you to portray a much more professional image. In a future series, we'll take a look at some adult-specific design considerations. Stay tuned…

Copyright © 2025 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

What France's New Law Means for Age Verification Worldwide

When France implemented its Security and Regulation of the Digital Space (SREN) law on April 11, it marked a pivotal moment in the ongoing global debate surrounding online safety and access to adult content.

Corey D. Silverstein ·
opinion

From Tariffs to Trends: Staying Resilient in a Shaky Online Adult Market

Whenever I check in with clients these days, I encounter the same concerns. For many, business has not quite bounced back after the typical post-holiday-season slowdown. Instead, consumers have been holding back due to the economic uncertainty around the Trump administration’s new tariffs and their impact on prices.

Cathy Beardsley ·
opinion

Optimizing Payment Strategies for High Ticket Sales

Payment processing for more expensive items, such as those exceeding $1,000 per order, can create unique challenges. For adult businesses, those challenges are magnified. Increased fraud risk, elevated chargeback ratios and heavier scrutiny from banks and processors are only the beginning.

Jonathan Corona ·
profile

WIA Profile: Lexi Morin

Lexi Morin’s journey into the adult industry began with a Craigslist ad and a leap of faith. In 2011, fresh-faced and ambitious, she was scrolling through job ads on Craigslist when she stumbled upon a listing for an assistant makeup artist.

Women In Adult ·
profile

Still Rocking: The Hun Celebrates 30 Years in the Game

In the ever-changing landscape of adult entertainment, The Hun’s Yellow Pages stands out for its endurance. As one of the internet’s original fixtures, literally nearly as old as the web itself, The Hun has functioned as a living archive for online adult content, quietly maintaining its relevance with an interface that feels more nostalgic than flashy.

Jackie Backman ·
opinion

Digital Desires: AI's Emerging Role in Adult Entertainment

The adult industry has always been ahead of the curve when it comes to embracing new technology. From the early days of dial-up internet and grainy video clips to today’s polished social media platforms and streaming services, our industry has never been afraid to innovate. But now, artificial intelligence (AI) is shaking things up in ways that are exciting but also daunting.

Steve Lightspeed ·
opinion

More Than Money: Why Donating Time Matters for Nonprofits

The adult industry faces constant legal battles, societal stigma and workplace challenges. Fortunately, a number of nonprofit organizations work tirelessly to protect the rights and well-being of adult performers, producers and industry workers. When folks in the industry think about supporting these groups, donating money is naturally the first solution that comes to mind.

Corey D. Silverstein ·
opinion

Consent Guardrails: How to Protect Your Content Platform

The adult industry takes a strong and definite stance against the creation or publication of nonconsensual materials. Adult industry creators, producers, processors, banks and hosts all share a vested interest in ensuring that the recording and publication of sexually explicit content is supported by informed consent.

Lawrence G. Walters ·
opinion

Payment Systems: Facilitator vs. Gateway Explained

Understanding and selecting the right payment platform can be confusing for anyone. Recently, Segpay launched its payment gateway. Since then, we’ve received numerous questions about the difference between a payment facilitator and a payment gateway. Most merchants want to know which type of platform best meets their business needs.

Cathy Beardsley ·
opinion

Reinventing Intimacy: A Look at AI's Implications for Adult Platforms

The adult industry has long revolved around delivering pleasure and entertainment, but now it’s moving into new territory: intimacy, connection and emotional fulfillment. And AI companions are at the forefront of that shift.

Daniel Keating ·
Show More