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
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 …”
– 1 –
Create Web Pages
- Learn how to use the web authoring software that you have selected.
- Produce the web pages on your home computer.
Here are some guidelines …
The Web Site Design Process
“… 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.
– 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
Getting Your HTML Right
– 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 …”
Browser Compatibility Test
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
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 …”
ZDNet Image Optimizer
Optimizing Animated GIF’s
Web Development & HTML Code to Make Your Own Website