Overview of Website Coding Technologies
Webreview.com
All About Web Coding Part I
"... We'll go over the popular client-side and server-side coding languages that are out there, what they're commonly used for, and what they can and can't do ..."
Webreview.com
"... Today I'll brief you on what some developers consider the easy stuff and what mystifies others: server-side coding ..."
- 1 -
Create Web Pages
The method for making the web pages was chosen in Step 2. Basically, you have decided to either use a
WYSIWYG editor like FrontPage 2000, or an
HTML editor like 1stPage 2000.
- Learn how to use the web authoring software that you have selected.
- Produce the web pages on your home computer.
Here are some guidelines ...
StyleSheets
Webmonkey tutorial.
JavaScript
Webmonkey tutorial.
The Web Site Design Process
Hitbox resources.
"... From start to finish, I will try to outline the steps I recommend you follow when developing your site..."
Internet Development Guide 7.
Overview of web design directory structures.
What are optimal page sizes?
- 2 -
Upload The Website to your Host
Upload the web pages to your host. You will need to download and install an FTP program to accomplish this (unless your development software has one already built in). Some are free, all have a shareware option. Go to
CNET - FTP Utilities for FTP software advice. Once installed, contact your host for the connection details. Remember, everything gets uploaded into your WWW folder or one of it's subfolders - nothing above.
- 3 -
Validate the HTML code
Choosing a DOCTYPE
Start each page with the correct DOCTYPE statement
Validate Your HTML for All Platforms
Overview
Getting Your HTML Right
Overview
W3C Service
FREE test
WDG
FREE test
- 4 -
Verify Browser Compatability
Figuring Out Browser Compatibility
"... There are two basic problems when it comes to dealing with browser compatibility issues: they're boring and they're complicated. But for designers, developers, and managers alike, it's essential to grasp these fundamental problems that we face when putting web pages on the Internet ..."
NetMechanic
Browser Compatibility Test
BOBBY
Browser Compatibility and Disability Accessibility Test
- 5 -
Validate Style Sheets (if used)
CSS Check, a Cascading Style Sheets Lint
CSS W3C Validation Service
- 6 -
Testing Your Site´s Performance
HitBox Doctor
FREE test
NetMechanic
Keynote Performance Appraisal
Optimal Page Sizes
- 7 -
Compress Images to Improve Performance if Necessary
Hitbox Image Reducer
"... Is your page too heavy? Does it take too long to load? Make your images smaller instantly with our Image Reducer tool ..."
GIFBot
ZDNet Image Optimizer
Optimizing Animated GIF's
WebReference.com
