Home arrow HTML arrow Page 3 - Improved Web Development using HTML-Kit

Improved Web Development using HTML-Kit

HTML-Kit is a free text editor that will allow you to have complete control over the code you create and will also help speed up web page development. Coding a web page can become quite complex especially when you are using a variety of technologies. Unlike the C programmer who may create an application using one language, the web developer is often required to integrate different technologies. HTML-Kit has a number of unique features and plug-ins that help simplify this process. To follow this discussion some knowledge of HTML and other web technologies is required.

Author Info:
By: Peter Lavin
Rating: 5 stars5 stars5 stars5 stars5 stars / 93
May 25, 2004
  1. · Improved Web Development using HTML-Kit
  2. · Change Settings
  3. · Getting Started with HTML-Kit
  4. · Previewing and Uploading Files
  5. · Other Tips and Tricks

print this article

Improved Web Development using HTML-Kit - Getting Started with HTML-Kit
(Page 3 of 5 )

Graphic development tools have their place but most web developers want a configurable text editor that allows them to manipulate web pages at the code level. While there are definite advantages to using a text editor to create your HTML code most of us need a little help along the way. Who remembers all the attributes of all the tags or what the hex code is for a specific color? And who writes perfect code each and every time? HTML-Kit can provide help for all these situations.

Can't remember the attribute you are looking for? Type the opening angle bracket, the tag and then a space. Wait a half second and a drop down box of attributes appears. Choose the one you want by selecting it. Press enter and it will be copied into your page at the cursor location.

Sometimes you'll find that your page is not displaying properly and you can't figure out why. In this case HTML-Kit's capability of finding matching tags can come in useful. Check out the "Tags" and "Navigate" menu options to utilize this feature.

At other times, your pages display perfectly but you know there are bugs. HTML-Kit can also be very helpful for debugging code. There are a couple of ways to do this.

First, you can invoke HTML Tidy through the options "Actions", "Tools", "HTML Tidy". This will split the screen and also open a message window at the bottom of the application. Read what appears in the message window and you'll see what HTML Tidy thinks is wrong with your code. If you agree you do not need to manually type in the changes. The split screen that opened up on the left has incorporated the suggested corrections. Overwrite your original file by right clicking the left screen and choosing "Copy Output to Editor". Un-spoilt the screen by clicking the "Editor" tab and all the changes will have been made. Don't forget to save your changed file.

You can also check the syntax of your code by using one of the online validation services. Choose the menu options "Action" and "Online" and you'll find that you can validate your HTML or CSS code.

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials