Friday, February 10, 2012

YOUR WEBSITE DESERVES A STRONG FOUNDATION

STICKS, STRAWS OR BRICKSCHOOSE BRICKS

Thinking about developing your first website? Or maybe you are just upgrading your existing site. Whether starting from scratch or looking for an upgrade, the first order of business is to make sure your site has a strong foundation. You need a structurally sound, built-with-bricks website that has three rock-solid components: 1.) industry-acceptable web standards, 2.) cross-browser compatibility, 3.) and de-facto development software.

The following descriptions for web standards, browser compatibility and developer software let you take comfort knowing there is a right and wrong way to develop websites. Sticks, straws or bricks—choose bricks.

Web Standards ― Building Blocks for Sound Site Architecture

The basic website building block is Hypertext Markup Language (HTML)―the language websites are written in. You can actually see this language in any given web browser by finding and clicking on view source or inspect element. There you will see a lot of (head), (body), (div), etc. tags―elements surrounded by angle brackets. Tags show text and organize images in a browser and create interactivity for the site user.  Back in the old days (about ten years ago) sites could only be "hand-written" in HTML. Today, website development programs create HTML on-the-fly using text and images in a WYSIWYG (what you see is what you get) editor much like popular desktop publishing applications do in the print world.

The second basic website building block is Cascading Style Sheets (CSS) which define the appearance and layout of HTML elements like colors and fonts. CSS prioritizes rules and assigns weights so that the results are predictable. Among many other features CSS enables multiple pages to share formatting and allow the same markup page to be presented in different styles for different rendering methods. If you have worked with style sheets in Quark Express or Adobe InDesign, CSS is a similar indispensable tool.

HTML5 and CSS3 are the two web-standards building blocks that best assure your site is as strong as the proverbial brick house.

Web Standards ― Cross Browser Compatibility, Ease of Maintenance, Media Conversion

HTML and CSS insure your site’s life beyond initial development. The latest versions of HTML5 (Hypertext Markup Language, version 5) and CSS3 (Cascading Style Sheets, version 3) insure cross-browser compatibility, ease of maintenance and ease of conversion to other media, e.g. smart phones and tablets.

Cross-browser compatibility. Using HTML5 and CSS3 web standards makes sure your site has the best chance of displaying correctly on the latest popular browsers like Chrome v13, Firefox v6, Safari v5, and Internet Explorer v9. And W3C (World Wide Web Consortium) has got your back.

The UDM (Ultimate Decision Maker) of HTML is the W3C. They oversee and police html standards to assure your site behaves correctly in all modern browsers.

Ease of maintenance. Sites can be developed two ways, one using off-the-shelf software like Adobe Dreamweaver, Expression Engine, WordPress, Joomla, etc. or you can have someone hard code your site using a proprietary schema. Maintaining your site becomes a lot easier when it has been developed using a program thousands of people know how to usenot just the guy who wrote a proprietary development program. The popularity, acceptance and universality of HTML and CSS incorporated within de-facto development software assures more than one developer can maintain your site

Ease of conversion. Sites need to be optimized to reach smart phone and tablet devices in a format comfortable to read on smaller screens. Optimizing your site for smart phones such as the Apple iPhone, Samsung Galaxy or tablet computers like the Amazon Kindle Fire, Apple iPad 2 or Samsung Galaxy Tab is relatively inexpensive and significantly increases your target audience. Interestingly enough, people who own web-capable handsets do not necessarily own a computer which means your site needs to be optimized for them.

Developer Software ― Choose the Standards–Compliant Visual Editor

A strong case can be argued for developing websites in Adobe Dreamweaver (formerly Macromedia Dreamweaver). Considering the resources Adobe can bring to the table it is no wonder Dreamweaver is by far the most popular and feature laden WYSIWYG (what you see is what you get) code editor available today. Dreamweaver enables the designer to create a page visually while simultaneously writing HTML and CSS for eventual export to the internet. The popularity and acceptance of Dreamweaver means more than one developer can maintain your site, not just the person who may have written a proprietary code schema.

Beyond Dreamweaver

Dreamweaver gets a lot of creds for being what it is but, unfortunately, falls short when it comes to developing dynamic sites. DW alone cannot make a PHP form send an email so I look to the developer-extension WebAssist for that function as well as adding additional functionality to PHP* pages.

*While PHP originally stood for "Personal Home Page", it is now said to stand for "PHP: Hypertext Preprocessor", a recursive acronym.




No comments: