Design Attractive Web Pages

Return to the Main Page | Sign up for the Lerner Consulting Newsletter | Our Blog | News (RSS) | Buy Books, DVDs, Music from Amazon | Event Calendar.
Real Estate, Buying a Home, Selling a Home, Private Investing: Avoid Foreclosure | Private Investors Needed | George Buys Houses CA$H | I Can Buy Your House | Get a House No Qualifying | Real Estate Resources | Real Estate Tools | Tough Financial Issues | Mortgage Calculator |
Business Coaching | Business Consulting | My Resumé | Transforming Communications | Raiser's Edge Fund Raising and Donation Processing, Procedures and Training |
Knowledge Publishing and Marketing: We ALL have immensely valuable information. | Generating Free Website Traffic from YouTube and other video sites | Generating Ongoing Income | Secrets of the Millionaire Mind — Learn the Mindset of Wealth to Be a Money Magnet | Email Auto-Responder and Marketing eBooks | Top ways to Build Your List | Have a Million Visitors to your site! | Learn from Top Marketers | Sell Articles for Profit Now, even before you write your articles | Ebook Marketing Revealed | Earn $1,000 in 48 hours Starting from Scratch | Search for Articles You Can Sell | Checklist for Selling Information Products.
Web Site Design: Designing Attractive Web Pages | Web Design Software | Style Sheet Generator — Auto-Adjusts Contrast.
Investing and Asset Protection: Learn best Real Estate Investing techniques | Best Real Estate Workshops | Real Estate Investing Books | Stock Strategies | Stock Investing Tools | Asset Protection Be Protected Within the Laws from Frivolous Lawsuits, Probate, and High Taxes | Stock and Option Investing Books.
Styles: Pick the style you prefer, and pages will automatically use it (sets a cookie). If you use Firefox or another browser that supports alternate style sheets, you can also use the browser's commands to switch styles. Tan Linen | Deep Pink | Color Swirls | Purple | Spring Green | Plain | Black and White (best for printing).

Principles of Attractive Web Site Design

When I design web sites, I start with a few design principles in mind:

CSS Style Sheet Generator

I have written code that runs on my web server to generate all my CSS style sheets. I specify the colors in one place, and the generator applies those colors in all the dozens (or hundreds) of places the colors need to go. It even automatically adjusts the contrast, so text is always easy to read against the background color I pick. I can make an entire new color scheme in under a half hour, and most of that is picking from the many great-looking colors which ones best match my site's mood. This has designing my web site be much easier — I never have to think about text being legible!

To pick which great color combinations I want, I have a web page that displays them all, in the styles of paragraphs and menus I use. See the Lerner Consulting Style Generator and contact me if you are interested in using it. Saves hours of tedious work by applying good color combinations to your whole site!

The style sheet generator works with all the styles used in this web site (normal pages, ad pages, menus, tables), plus I have customized the free Amazon Products Feed script to use it.

Menu Styles for Good Web Design

The Style Sheet Generator has a great 2-level menu, that will work on any browser that uses CSS (while displaying as a normal list in browsers without CSS), looks good no matter what screen size or text size your visitor uses, and is easy for you to maintain (adding, moving, or deleting pages). It permits you to be extremely flexible in how you design the order of your pages, and how many pages you can have in your site. Unlike programs such as FrontPage which use a strict "organization chart" for the menu system, you can have pages in multiple places in your menu — wherever they make sense for your visitors.

It uses a tiny bit of Javascript, and so the code looks a little messy. To modify the items on the menu, just copy a menu item from the source of one of these web pages, and put in your own menu text.

There are also two one-level menus included, one for horizontal layout and one vertical, based on List-U-Like. These are simply HTML lists with a style class applied, and so are very easy to modify. Great for anywhere you want a submenu, to offer your users pages that are closely related to the one they are on.

If you really want to, you can customize your menu look with the List-U-Like CSS Generator, and then modify the results to use the style sheet generator. I have written instructions on using List-U-Like.

CSS Style Sheet Picker

Your visitors might prefer a style sheet you made other than your default one. With a menu item, let your visitors pick which of your style sheets they prefer, and have your website remember it for them (uses a cookie). You put a call to choose-css.pl instead of a link to a style sheet, in the head section of each page. Puts all your other style sheets in the page header as alternate style sheets' for browsers such as FireFox that can access them. (Included with the Style Sheet Generator).


Social Bookmarking

Add to: Slashdot Add to: Mr. Wong Add to: Webnews Add to: Icio Add to: Oneview Add to: Yigg Add to: Linkarena Add to: Digg Add to: Del.icoi.us Add to: Reddit Add to: Simpy Add to: StumbleUpon Add to: Slashdot Add to: Netscape Add to: Furl Add to: Yahoo Add to: Blogmarks Add to: Diigo Add to: Technorati Add to: Newsvine Add to: Blinkbits Add to: Ma.Gnolia Add to: Smarking Add to: Netvouz Add to: Folkd Add to: Spurl Add to: Google Add to: Blinklist