Web Development & HTML Code

by YourOwnSite

Note: If you decided in Step 2 that you are going to create the web pages yourself, either from scratch or by using a free template as a starting point, then you must proceed with this step. Otherwise, you can skip this step entirely.  Creating your own sites has become much easier recently with the continued improvement in CMS systems like WordPress, which we recommend you use rather than hand coding a website in HTML or using an old program like FrontPage.

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.

  1. Learn how to use the web authoring software that you have selected.
  2. 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

 

Web Development & HTML Code to Make Your Own Website

{ 0 comments… add one now }

Leave a Comment

Previous post:

Next post: