Site Design

Share this article

Q. I’m building a site for my realtor nephew. It looks great, but he can’t see it (or any of my other web designs) while using AOL. He types in the URL but the AOL browser apparently re-directs him to a totally different URL that is not connected in any way. I hear that there are problems with web surfing on AOL. As a builder, is there anything different or extra I should put in my HTML to make it AOL accessible? — Dave Koss

A. AOL has setup a special site with specific information about designing for AOL. It can be found at http://webmaster.info.aol.com.

Q. I am redesigning my website using MS Front Page and have a very basic question. The program gives me a choice of over 200 different fonts and I plan to use the Benguait Frisky ATT font on some of the pages. My questions are: Can all of the fonts be viewed by all browsers? Does the font need to be present on the web page viewer’s computer in order for them to see the page as I do? I know that most computers have Arial, Times New Roman, Courier, etc. Am I limited to only those fonts? — Dick Chapman

A. No, you aren’t limited to these fonts only. Browsers will try to display your page with the selected font, and if it’s not available on their system, the page will be displayed using the default font (Times New Roman). As a designer you can select more than one font for each item. The Browser will simply go down the list, searching for the font on the visitors system. If it can’t find it, it will try to use the next font on the list etc. In Frontpage press ALT+Enter and instead of selecting the font from the list, enter it’s name and then add a comma plus the name(s) of the font(s) next in line. For example: “Benguait Frisky ATT, Verdana, Arial” will cause the browser to first look for Benguait Frisky ATT, if it’s not found, then it will try Verdana, then Arial or else it will chose Times New Roman.

Q. Is there a workable javascript only shopping cart available and can it be encrypted for security? The cost for secure servers and perl scripted carts is beyond the reach of most small businesses. I have found two semi capable javascript carts but have been unable to debug them as of yet. Please help. — Teddy Hartman

A. No, JavaScript is srictly client-side. If the program requires server side functionality (ie. shopping cart) you’ll have to look to PERL or another language for maximum security and functionality. Also keep in mind that 10%+ of Internet surfers have JavaScript disabled. There are dozens of FREE Perl carts out there, and even the best ones like QUIKSTORE cost a mere $175. Look into the following FREE PERL shopping carts: Webstore, Minivend, S-Mart

Q. Where can you get good quality photos (mostly) and clipart for free? Or atleast somewhere, where the prices are not to expensive. — Ben

A. Try MEGOPhotos for free photos. One of my favourite resources for Clip Art is FreeGraphics.com.

Q. I’m an aspiring webmaster and I’m having a difficult time finding information on the best layout to use so my pages appear consistently on the many different platforms, browsers, monitors, resolutions, etc. –Romy Blystone

A. Here are some tips to keep your site as consistent as possible across as many different platforms/browsers as possible:

1.) If you are using fixed width tables, meaning you’re specifying specific pixel widths for your tables instead of percentages keep the total width of all the pages on your site to 600 pixels, this ensures that visitors cruising the next using a monitor set to 640 x 480 pixels can view your website without horizontal scrolling.

2.) Stick the the 216 color ‘web safe’ palette for graphics. Read the What is the Browser Safe Color Palette? article for more information.

3.) Test and retest your site in NS 3, NS 4, IE3 and IE4 or 5. View your site on several different monitors if possible, and use Browsersizer to test your site at different resolutions.

Q. Dear Dr.,

I am currently developing a web site for my client. I have met a challenge that was raised by the client. They want the homepage of their web site able to automatically set the Default URL of the web users’s browsers to the URL to the web site. Is there a way to accomplish that? or it can only set manually? –Rene Lo

A. It’s possible to have the Default page set automatically for visitors using IE5 by having them click on a link. The code is provided in the article Innovative Marketing Ideas. You’ll have to provide instructions for visitors using Netscape on your site, there’s no automatic way to do it.

Q. I would like to integrate a searchable database into my site. How do I do this? I understand this not to be simple but any push in the right direction would help. –Richard McCombe

A. It really depends on how much you want to pay, how much power you need, and how user friendly you want it to be. You could do it with a couple of CGI Scripts written in PERL, but the best solution would be to use MySQL with persistant CGI on a dedicated server. You could also use Cold Fusion or ASP (Active Server Pages) both which require you to host on an NT server with the right server extensions installed. A host like Virtualscape is what you’ll need if you decide to go with Cold Fusion or ASP.

Q. I’ve seen many sites that have tabs at the top (like folders) that are links to other pages (ie mothernature.com). I would like to create this for my own website but cannot find anything to teach me how to do it. Are there any programs that can do it for me? — Tammy Gold

A. Those tabs are merely graphics that link to other pages. Take a look at the source code of the pages that have them (View -> Page Source in Netscape 4, View -> Source in IE 4).Any text editor will help let you do it, all you need is a basic knowledge of HTML which every webmaster should have before embarking on a website design project.

Q. I run a baseball website (www.astrosconnection.com and see these incredible clear, shiny, perfect looking graphics…I don’t see graphics of this quality often but would kill to learn how to make them…how can someone possibly make graphics that clear? — Chris Bowyer

A. The quality of the graphics depends greatly on your artistic ability, the compression on the images and the program used to create them. Go to the Downloads section of this site and take a look at the shareware graphics programs available, and read the reviews of Fireworks and Adobe ImageReady. If you’re artistically challenged like me then download a copy of Xara Websyle and you’ll be making eye-popping graphics in no time.

Q. I have been creating mconet.com with new Shockwave Flash technologies. I was wondering if you had an opinion or answer to this question. Should I spend time creating my site in a new multimedia language for my site and have some viewers not be able to see it but have a second old version for people that can’t see it? Or, should I just have the html/old version? — Jason VandeBoom

A. The answer to that question depends on how much time you are willing to spend on your site, and how frequently the site is updated. If you are going to be updating the site every day, maintaining two copies could become a very time consuming process. On the other hand, if you update the site once a week and just change one or two pages, then maintaining two copies is entirely feasible.

You also have to take your target audience into consideration. If you know for a fact that 90% of your audience has the plugin installed then it’s relatively safe to maintain a shockwave flash only site. However if you don’t, then you either have to maintain two copies of the site, or just a standard HTML version.

Q. Dear Dr.:

I’ve been designing for only a few months, and don’t know how to place Links to the left or right hand side of a web page perhaps with a colored bar running the length of the page. I’m sure this is a dumb question, but after all this time I can’t find a really good resource to teach me how this is done. HELP! — Wishes to remain anonymous

A. The navigation bars that you are referring to are created using Tables, which every webmaster should know inside out in order to create attractive, usable sites. You’ll find Table Tutorials on www.htmlgoodies.com and I also recommend that you buy yourself a copy of HTML for Dummies or another HTML for beginners book. You’ll be amazed at what’s possible with the with the right know-how.

Q. How do you ensure consistency between browsers? I’m not speaking just of older versions vs. new versions of browsers. My web site works perfectly in Netscape, Internet Explorer and AOL on the PC. It also works great in Netscape and Internet Explorer on the Mac. However, on the Mac, the AOL browser shifts all centered tables with info and/or graphics up against the left margin. Is there a workaround for this? — K. Schoonenberg

A. The only way to make sure your site can be viewed properly in all browsers is to test and re-test. My recommendation is that you look through the information available at http://www.browsercaps.com/ and http://www.anybrowser.org/campaign/ for specific information about different browsers.

Dr. DesignDr. Design
View Author

Dr Design answers design and development questions for SitePoint readers. Drop him a line today!

Share this article
Read Next
How Top HR Agencies Build Trust Through Logo Designs
How Top HR Agencies Build Trust Through Logo Designs
Evan Brown
Leveraging Progressive Web Apps (PWAs) for Enhanced Mobile User Engagement
Leveraging Progressive Web Apps (PWAs) for Enhanced Mobile User Engagement
SitePoint Sponsors
10 Artificial Intelligence APIs for Developers
10 Artificial Intelligence APIs for Developers
SitePoint Sponsors
The Ultimate Guide to Navigating SQL Server With SQLCMD
The Ultimate Guide to Navigating SQL Server With SQLCMD
Nisarg Upadhyay
Retrieval-augmented Generation: Revolution or Overpromise?
Retrieval-augmented Generation: Revolution or Overpromise?
Kateryna ReshetiloOlexandr Moklyak
How to Deploy Apache Airflow on Vultr Using Anaconda
How to Deploy Apache Airflow on Vultr Using Anaconda
Vultr
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Cloud Native: How Ampere Is Improving Nightly Arm64 Builds
Dave NearyAaron Williams
How to Create Content in WordPress with AI
How to Create Content in WordPress with AI
Çağdaş Dağ
A Beginner’s Guide to Setting Up a Project in Laravel
A Beginner’s Guide to Setting Up a Project in Laravel
Claudio Ribeiro
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Enhancing DevSecOps Workflows with Generative AI: A Comprehensive Guide
Gitlab
Creating Fluid Typography with the CSS clamp() Function
Creating Fluid Typography with the CSS clamp() Function
Daine Mawer
Comparing Full Stack and Headless CMS Platforms
Comparing Full Stack and Headless CMS Platforms
Vultr
7 Easy Ways to Make a Magento 2 Website Faster
7 Easy Ways to Make a Magento 2 Website Faster
Konstantin Gerasimov
Powerful React Form Builders to Consider in 2024
Powerful React Form Builders to Consider in 2024
Femi Akinyemi
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Quick Tip: How to Animate Text Gradients and Patterns in CSS
Ralph Mason
Sending Email Using Node.js
Sending Email Using Node.js
Craig Buckler
Creating a Navbar in React
Creating a Navbar in React
Vidura Senevirathne
A Complete Guide to CSS Logical Properties, with Cheat Sheet
A Complete Guide to CSS Logical Properties, with Cheat Sheet
Ralph Mason
Using JSON Web Tokens with Node.js
Using JSON Web Tokens with Node.js
Lakindu Hewawasam
How to Build a Simple Web Server with Node.js
How to Build a Simple Web Server with Node.js
Chameera Dulanga
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?
Beloslava Petrova
Crafting Interactive Scatter Plots with Plotly
Crafting Interactive Scatter Plots with Plotly
Binara Prabhanga
GenAI: How to Reduce Cost with Prompt Compression Techniques
GenAI: How to Reduce Cost with Prompt Compression Techniques
Suvoraj Biswas
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
Aurelio De RosaMaria Antonietta Perna
Quick Tip: How to Align Column Rows with CSS Subgrid
Quick Tip: How to Align Column Rows with CSS Subgrid
Ralph Mason
15 Top Web Design Tools & Resources To Try in 2024
15 Top Web Design Tools & Resources To Try in 2024
SitePoint Sponsors
7 Simple Rules for Better Data Visualization
7 Simple Rules for Better Data Visualization
Mariia Merkulova
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
Cloudways Autonomous: Fully-Managed Scalable WordPress Hosting
SitePoint Team
Best Programming Language for AI
Best Programming Language for AI
Lucero del Alba
Quick Tip: How to Add Gradient Effects and Patterns to Text
Quick Tip: How to Add Gradient Effects and Patterns to Text
Ralph Mason
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Logging Made Easy: A Beginner’s Guide to Winston in Node.js
Vultr
How to Optimize Website Content for Featured Snippets
How to Optimize Website Content for Featured Snippets
Dipen Visavadiya
Psychology and UX: Decoding the Science Behind User Clicks
Psychology and UX: Decoding the Science Behind User Clicks
Tanya Kumari
Build a Full-stack App with Node.js and htmx
Build a Full-stack App with Node.js and htmx
James Hibbard
Digital Transformation with AI: The Benefits and Challenges
Digital Transformation with AI: The Benefits and Challenges
Priyanka Prajapat
Quick Tip: Creating a Date Picker in React
Quick Tip: Creating a Date Picker in React
Dianne Pena
How to Create Interactive Animations Using React Spring
How to Create Interactive Animations Using React Spring
Yemi Ojedapo
10 Reasons to Love Google Docs
10 Reasons to Love Google Docs
Joshua KrausZain Zaidi
How to Use Magento 2 for International Ecommerce Success
How to Use Magento 2 for International Ecommerce Success
Mitul Patel
5 Exciting New JavaScript Features in 2024
5 Exciting New JavaScript Features in 2024
Olivia GibsonDarren Jones
Tools and Strategies for Efficient Web Project Management
Tools and Strategies for Efficient Web Project Management
Juliet Ofoegbu
Choosing the Best WordPress CRM Plugin for Your Business
Choosing the Best WordPress CRM Plugin for Your Business
Neve Wilkinson
ChatGPT Plugins for Marketing Success
ChatGPT Plugins for Marketing Success
Neil Jordan
Managing Static Files in Django: A Comprehensive Guide
Managing Static Files in Django: A Comprehensive Guide
Kabaki Antony
The Ultimate Guide to Choosing the Best React Website Builder
The Ultimate Guide to Choosing the Best React Website Builder
Dianne Pena
Exploring the Creative Power of CSS Filters and Blending
Exploring the Creative Power of CSS Filters and Blending
Joan Ayebola
How to Use WebSockets in Node.js to Create Real-time Apps
How to Use WebSockets in Node.js to Create Real-time Apps
Craig Buckler
Best Node.js Framework Choices for Modern App Development
Best Node.js Framework Choices for Modern App Development
Dianne Pena
SaaS Boilerplates: What They Are, And 10 of the Best
SaaS Boilerplates: What They Are, And 10 of the Best
Zain Zaidi
Understanding Cookies and Sessions in React
Understanding Cookies and Sessions in React
Blessing Ene Anyebe
Enhanced Internationalization (i18n) in Next.js 14
Enhanced Internationalization (i18n) in Next.js 14
Emmanuel Onyeyaforo
Essential React Native Performance Tips and Tricks
Essential React Native Performance Tips and Tricks
Shaik Mukthahar
How to Use Server-sent Events in Node.js
How to Use Server-sent Events in Node.js
Craig Buckler
Five Simple Ways to Boost a WooCommerce Site’s Performance
Five Simple Ways to Boost a WooCommerce Site’s Performance
Palash Ghosh
Elevate Your Online Store with Top WooCommerce Plugins
Elevate Your Online Store with Top WooCommerce Plugins
Dianne Pena
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Unleash Your Website’s Potential: Top 5 SEO Tools of 2024
Dianne Pena
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
How to Build a Chat Interface using Gradio & Vultr Cloud GPU
Vultr
Enhance Your React Apps with ShadCn Utilities and Components
Enhance Your React Apps with ShadCn Utilities and Components
David Jaja
10 Best Create React App Alternatives for Different Use Cases
10 Best Create React App Alternatives for Different Use Cases
Zain Zaidi
Control Lazy Load, Infinite Scroll and Animations in React
Control Lazy Load, Infinite Scroll and Animations in React
Blessing Ene Anyebe
Building a Research Assistant Tool with AI and JavaScript
Building a Research Assistant Tool with AI and JavaScript
Mahmud Adeleye
Understanding React useEffect
Understanding React useEffect
Dianne Pena
Web Design Trends to Watch in 2024
Web Design Trends to Watch in 2024
Juliet Ofoegbu
Building a 3D Card Flip Animation with CSS Houdini
Building a 3D Card Flip Animation with CSS Houdini
Fred Zugs
How to Use ChatGPT in an Unavailable Country
How to Use ChatGPT in an Unavailable Country
Dianne Pena
An Introduction to Node.js Multithreading
An Introduction to Node.js Multithreading
Craig Buckler
How to Boost WordPress Security and Protect Your SEO Ranking
How to Boost WordPress Security and Protect Your SEO Ranking
Jaya Iyer
Understanding How ChatGPT Maintains Context
Understanding How ChatGPT Maintains Context
Dianne Pena
Building Interactive Data Visualizations with D3.js and React
Building Interactive Data Visualizations with D3.js and React
Oluwabusayo Jacobs
JavaScript vs Python: Which One Should You Learn First?
JavaScript vs Python: Which One Should You Learn First?
Olivia GibsonDarren Jones
13 Best Books, Courses and Communities for Learning React
13 Best Books, Courses and Communities for Learning React
Zain Zaidi
5 jQuery.each() Function Examples
5 jQuery.each() Function Examples
Florian RapplJames Hibbard
Implementing User Authentication in React Apps with Appwrite
Implementing User Authentication in React Apps with Appwrite
Yemi Ojedapo
AI-Powered Search Engine With Milvus Vector Database on Vultr
AI-Powered Search Engine With Milvus Vector Database on Vultr
Vultr
Understanding Signals in Django
Understanding Signals in Django
Kabaki Antony
Why React Icons May Be the Only Icon Library You Need
Why React Icons May Be the Only Icon Library You Need
Zain Zaidi
View Transitions in Astro
View Transitions in Astro
Tamas Piros
Getting Started with Content Collections in Astro
Getting Started with Content Collections in Astro
Tamas Piros
What Does the Java Virtual Machine Do All Day?
What Does the Java Virtual Machine Do All Day?
Peter Kessler
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Become a Freelance Web Developer on Fiverr: Ultimate Guide
Mayank Singh
Layouts in Astro
Layouts in Astro
Tamas Piros
.NET 8: Blazor Render Modes Explained
.NET 8: Blazor Render Modes Explained
Peter De Tender
Mastering Node CSV
Mastering Node CSV
Dianne Pena
A Beginner’s Guide to SvelteKit
A Beginner’s Guide to SvelteKit
Erik KückelheimSimon Holthausen
Brighten Up Your Astro Site with KwesForms and Rive
Brighten Up Your Astro Site with KwesForms and Rive
Paul Scanlon
Which Programming Language Should I Learn First in 2024?
Which Programming Language Should I Learn First in 2024?
Joel Falconer
Managing PHP Versions with Laravel Herd
Managing PHP Versions with Laravel Herd
Dianne Pena
Accelerating the Cloud: The Final Steps
Accelerating the Cloud: The Final Steps
Dave Neary
An Alphebetized List of MIME Types
An Alphebetized List of MIME Types
Dianne Pena
The Best PHP Frameworks for 2024
The Best PHP Frameworks for 2024
Claudio Ribeiro
11 Best WordPress Themes for Developers & Designers in 2024
11 Best WordPress Themes for Developers & Designers in 2024
SitePoint Sponsors
Top 10 Best WordPress AI Plugins of 2024
Top 10 Best WordPress AI Plugins of 2024
Dianne Pena
20+ Tools for Node.js Development in 2024
20+ Tools for Node.js Development in 2024
Dianne Pena
The Best Figma Plugins to Enhance Your Design Workflow in 2024
The Best Figma Plugins to Enhance Your Design Workflow in 2024
Dianne Pena
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Harnessing the Power of Zenserp for Advanced Search Engine Parsing
Christopher Collins
Build Your Own AI Tools in Python Using the OpenAI API
Build Your Own AI Tools in Python Using the OpenAI API
Zain Zaidi
The Best React Chart Libraries for Data Visualization in 2024
The Best React Chart Libraries for Data Visualization in 2024
Dianne Pena
7 Free AI Logo Generators to Get Started
7 Free AI Logo Generators to Get Started
Zain Zaidi
Turn Your Vue App into an Offline-ready Progressive Web App
Turn Your Vue App into an Offline-ready Progressive Web App
Imran Alam
Clean Architecture: Theming with Tailwind and CSS Variables
Clean Architecture: Theming with Tailwind and CSS Variables
Emmanuel Onyeyaforo
Get the freshest news and resources for developers, designers and digital creators in your inbox each week
Loading form