Site Development

You are currently browsing articles tagged Site Development.

WP logo
WordPressHelp (WPH) is very pleased to announce that we have implemented the newest release of TreeMagic-Banyan thereby aggregating the web’s most important WordPress information all in one location!!!

In our continuing efforts to make WordPress easier to use, WPH now affords WP developers & users the opportunity to double-click on any text word on this site and gain “instant” access to related WP resource information from:

  • WordPress
  • Lorelle
  • Automattic
  • WordPress Themes
  • WordPressHelp
  • AmbientWebs and
  • TreeMagic

Users may access the information from these sites either individually (via the drop-down menu which appears when you double-click on a term) or in a collective, intelligently, pre-processed and correlated fashion (via the WP Banyan Portal). This Web 3 functionality allows users access information ‘on-the spot’ and then return to the source for continued reading and information gathering.

If you have additional sites you wish for us to incorporate in our WP Banyan Portal and TM-Banyan Search function, please use our Contact page to let us know.

Tags: , , , , , , ,

Goals

Establish an overall goal for your web site. Who will your audience be? What information do you want to convey to this audience?

Targets

Which of the following will your audience be using?

Design your site so that it meets the specifications of the target (s) chosen. See www.thecounter.com/stats to see current statistics regarding the most frequently used browser versions, monitor resolutions and operating systems.

Tags: , ,

The most important part of your web site is the actual text content. Use the following tips regarding content:

  1. Site Navigation Scheme - Using index cards or smaller pieces of paper, write down all the items that you want included in your web site (Brainstorm here!). Now separate them into Categories, understanding that one index card may end up in more than one category. When you have something that makes sense, you have just created one navigational scheme!
    • If you need more than one level of hierarchy, create additional piles. Ensure that those items which you know your audience will want to get to are not too far down in the navigational scheme. Will your audience have to click more than two times to get to the item? If so, consider using a Quick List on higher levels of your site which will get your audience quickly to these popular items.
    • Repeat the above process until you come up with one or more navigational schemes for your site. Now decide how you want to ” label ” each of the Categories so that it is brief and yet descriptive for your audience.
  2. Static vs Dynamic - Determine which elements of your web site will be relatively static in nature, and which elements are dynamic, requiring frequent updates. You may decide in this step NOT to include something on the web site, if you will not be able to maintain it.
  3. Page Size - For large documents, decide whether you will break it into separate web pages, making each page printable on its own.
    • Your alternative is to make one large document with a table of contents or index at the top with target links to specific areas of the document.
  4. Page Identity - Make each page in a group of web pages understandable on its own. This means that you will need to title each page consistently. If your site has several layers of content, consider the usage of footprints on your pages. (Ex.Home & gt; & gt; ITS & gt; & gt; Documents).
  5. Print vs Web - Content that typically needs to be revised when converting printed media to the web include:
    • contact points (email addresses in addition to mail addresses, room numbers and telephone numbers)
    • if you include a phone number, use complete phone numbers with area codes
    • when referring to a date, spell out the month. While the US uses month / day / year, the rest of the world uses day / month / year
    • for forms to be placed online, you will need to rewrite the instructions. For example, remove / reword sentences such as ” Complete back side of this form. “
  6. Link descriptions - Part of your documents will contain links to other information. These links should alert the user to what they will see if they select the link; in other words they should be brief and yet descriptive. In some cases, it is also appropriate to describe the ” where ” in the link. For example, if a link will take the user to another web site, convey that information in the link text. Avoid terminology like ” click here ” or ” press the right arrow “; browser methods of choosing links vary.
    • provide ” return to ” statements on pages of your web site to help users get back on track.
  7. Stale content - Tell users, in words, how often a page is updated.
  8. Original content -
    • Make the content of your home page original. Do not duplicate documents that appear elsewhere on the Internet. Instead, link to them
    • Be aware of copyright regulations that apply to existing Web sites.
  9. In development - Avoid under Construction pages. If you intend to eventually include an additional page or section on your web site, you may say so on a completed page of your web site, but do not put up a page which only states Under Construction.
  10. Spelling errors - Spell check and proofread your pages as you would any other publication.

Tags: , ,

Special Tips

Be aware of the pitfalls of character sets . (Here comes a pound sign £ what did you get?) Currency signs are a real danger. It might be safer to write the currency in full. It is not just the signs that fail in some way; even those that do display may be misinterpreted. Let ‘ s say you are in the USA and write $25.00 without qualification. How much does that look like to a browser in Australia, Canada, or Hong Kong? If the local $ is worth more than the US$ then you risk someone dismissing a product as overpriced. If the local $ is less, your strangely eager customer may suddenly turn sour when she or he thinks you have been deliberately misleading.

  • ISO 8859-1 Character Set Overview
  • If you specify a background color or image, but don ‘ t specify text and link colors, the user ‘ s text and link colors will be used against your background. In some cases, there won ‘ t be contrast between the user ‘ s text and link colors and your background color or image, so your text and links will disappear. The rule of thumb is that if you set one color, then you need to set them all .

Tags: , ,

Suggested alpha Standards

  1. alpha Review is final internal review of a website for the purpose of internal quality inspection
  2. all local coding is completed and local developer reviews are completed
  3. the developer believes that the product will meet call client requirements and will pass management examination and sign-off
  4. alpha sites still run on development servers and have not been published to the internet

alpha Readiness Checklist

Please note that all the below criteria, in the checklist, must be met before considering the site as being ready for alpha Review.

Checklist for main page of web site

Does the page have the following?

  1. a name of index.html or equivalent (ie. home.php for WordPress) ? By naming your main home page index.html, users will be able to access your site without supplying a filename at the end of the address.
  2. a title which contains the name of your web site followed by “, CompanyName LLC “. For example: CompanyName LLC
  3. the CompanyName brands used correctly!
  4. the full name of the person to contact regarding your web site .
  5. an email link behind the name of the contact person with an ” @ mail.com ” email address. For example, in the link Sue Jones, the code ” mailto: sjones @ mail.com ” is stored behind the Sue Jones link. If you need an alias for your email contact, contact: webmaster @ CompanyName.com.
  6. META Tags to identify your web site to search engines. We recommend that you use the author, keyword and description META Tags

Checklist for each page of web site

  1. tables
  2. Use sparingly and with caution! Avoid table use in documents whenever possible.
    Table use in CSS or base html should be prohibited!

  3. animated images
  4. Design an animated image so that it stops animating after a few seconds and doesn ‘ t loop continuously. Images that flicker (with a repetitive strobe) should be designed so that the frame rate is not faster than two frames per second. This is especially important for larger flickering images or images which flicker between highly contrasting colors.

    To check a web page for accessibility issues, use a tool like the free tool named A-Prompt Toolkit.

Checklist for your entire web site

  1. Have you changed all link references to www.CompanyName.com?
  2. Remember any copied links must be reachable.

Tags: , ,

For the future, to add presentational effects and Web page style, validate documents at the HTML 4.0 level (for the cleanest possible markup), so pages contain little or no HTML 3.2 presentational markup or proprietary stylistic hacks, and use the World Wide Web Consortium ‘ s Cascading Style Sheet (CSS) language to add stylistic effects to your pages.

Tags: , , ,

Top Ten Resources

  • Designing For Multiple Browsers Without Being Bland
    A concise, sober, and BRIEF description of a good Web authoring strategy. Other fine articles by the author include What You See is Not What Others Get and Widen Your Web Site ‘ s Audience . Stephen Traub.
  • Getting Started with HTML
    A primer to Learning HTML 3.2 by Examples , this is a comprehensive and succinct Guide to writing standard HTML.
  • Web Site Design Tips
    Web site design tips for the beginner to the expert. A great collection of classic web site design tips that will build a strong foundation for any new web designer. /a>
  • The Web Design Group Reference Section
    Excellent background information and technical details on HTML authoring. Web Design Group.
  • Designing for The Web
    A series of informative articles on Web site design, including A Web Site is a Harsh Mistress & Rules of Thumb. The special focus is on complementing Web design skills with competence in interface design . Don ‘ t miss Web Site Design. Diane Wilson.
  • Useit.com: Usable Information Technology
    An expansive resource on usability and user interface issues - - featuring several extremely challenging and well-researched essays on Web design and style. Jakob Nielsen.
  • Understanding HTML
    An outstanding presentation of HTML basics by an Australian with a fine writing style. Dianne Gorman.
  • Hints for Web Authors
    A short yet insightful historical analysis of conventional vs.web publishing , Hints for Web Authors is replete with solid recommendations on how to succeed with the latter, including a few pragmatic suggestions mixed in there for good measure, “… in hopes that others may find ‘ em useful. ” Warren Steel.
  • Dan’s Web Tips
    This huge resource contains a balanced summary review of most of today ‘ s important Web authoring topics. Daniel Tobias.
  • HyperText Markup Language
    World Wide Web Consortium (W3C) home page for HTML. Here you will find pointers to specifications for HTML, guidelines for how to use HTML to the best effect and pointers to related work at W3C. W3C.

Tags: , ,

If your Web site URL or email address will change occasionally, consider using a service that provides email forwarding and URL redirection.

Submit your Web site address to an appropriate newsgroup for a critical peer review .

Promote your Web site by adding your Web address to search engine indices and subject directories. To ensure that people can easily find your Web site, it may be necessary to modify your pages to take best advantage of current search technologies.

Tags: , ,

Condense textual content to fit the time and attention constraints of today ‘ s busy Web users.

Use small (byte-wise) graphics so graphics load more quickly in graphics-capable browsers. (It is not advisable to use GIFs for everything. It ‘ s of the first importance to make the right choice between JPEG and a palette-based format. Avoid blindly choosing GIF and then trying to rescue yourself from the resulting problems.)

Tags: , ,

This web page provides links to resources which can be used to help web developers understand and implement web accessibility compliance requirements and guidelines.

The World Wide Web Consortium (www.w3.org) has, through it Web Accessibility Initiative (WAI), outlined several resources, which are referenced below.

On December 21, 2000, the federal Access Board issued final standards for electronic and information technology under Section 508 of the Rehabilitation Act. On January 22, 2001, the General Services Administration (GSA) issued a notice to adopt these standards into the Federal procurement regulations. For summaries and details related to these standards, see: Section 508 of the Rehabilitation Act: Electronic and Information Technology Accessibility Standards.

The standards adopted by this board regarding accessibility on the web are largely based upon the Web Accessibility Initiative (WAI) of the World Wide Web Consortium. However, there are 5 standards, (l) through (p), that are different than any comparable provision in the Web Content Accessibility quidelines of the WAI. A listing of the standards that apply to web accessibility can be found at: Section 508 Accessibility Requirements for Web Sites on the WebAble site. You may also find guidelines produced by the Access Board for web accessibility in Web-based Intranet and Internet Information and Applications.

ADA-Friendly Web Sites for Students: The Why and the How provides some good background on the portions of the Americans with Disabilities Act and Rehabilitation Act which apply to web accessibility.

Common Myths About Web Accessibility is a site recommended by Carol Yoho. This article dispels some misconceptions about accessible web authoring.

Section 508 Accessibility Requirements for Web Sites extracted directly from the final ruling of the Section 508 mandate as released by the Federal Access Board on December 20, 2000.
Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0 This list of checkpoints is divided up into THREE levels of priorities

Tags: , , ,

« Older entries