web design tips
 

web design tipsFinding a Good HTML Editor.

Once you've decided to write your own HTML, and you've got some idea of how it all works, there's one thing left to think about: which program are you going to use to do it? While you can use programs like Notepad or Wordpad that come with Windows, they don't have any specialised HTML editing features, and that can slow you down more than you'd think.

The choice of HTML editors out there, though, is bewildering: there are literally thousands. Here's a guide to things you should look for when you're searching for your perfect HTML partner.

Syntax Highlighting.

One of the most vital features for any editor is syntax highlighting. This means that it understands how HTML works, and will make tags a different colour from text, making it easier for you to see what you're doing.

You should try to find an
editor that has up-to-date syntax highlighting and checks whether your tags are valid or not. Instead of just colouring anything you put between angle brackets, it should check whether what you're entering is valid HTML, and warn you if it isn't (usually by turning it red).

Another thing to look out for when it comes to syntax highlighting is what the editor supports that you might want to use with HTML: it's good to have highlighting for CSS and Javascript, as well as PHP or Perl (or whatever you use server-side). Some editors mark them in the same colour to indicate 'not HTML', while some highlight them in a useful way - this is what you want.

Tag Suggestion.

It's good to get an editor that knows about valid HTML tags and how they're structured, as that means it can let you know what you should be including and let you browse through tags to find the one you're thinking of. If you type '
Tag-suggesting editors can often save you typing, if they come up with a drop-down when you start typing and allow you to accept their suggestions easily by pressing tab or space. This can speed up your HTML editing significantly.

FTP Upload.

It will save you quite a lot of time if the HTML editor you choose has a built-in FTP upload facility, allowing you to enter your server, username and password, and upload the files you've just edited to the server. If your program doesn't do this, you'll have to use a separate FTP program and mess around finding where you saved your files.

Easy Text to HTML Conversion.

If you're making a lot of text content into HTML, one important feature to look for is easy conversion - otherwise you'll spend a long time putting

tags at the start and end of each paragraph. Ideally, the software should be able to spot pieces of text that are headings, lists and so on, and add HTML tags for you automatically. It won't be helpful for everyone, but for text-heavy pages it's indispensable.

You might also be able to find editors that can accept input in text formats that aren't plain text - Microsoft Word documents, for example - and turn it into sensible HT

A Few Suggestions.

Metapad (www.liquidninja.com/metapad). A good drop-in replacement for Notepad, but lacks HTML-specific features.

SciTE Editor (www.scintilla.org) has excellent syntax highlighting, making it easier to be sure that you're writing correct HTML tags and you haven't made any layout mistakes.

Crimson Editor (www.crimsoneditor.com) is popular, although you might find it a little technical. Its biggest advantage is that it has built-in FTP uploads.

HomeSite (www.macromedia.com/software/homesite). Has good tag suggestion features, although it might be a little bulky for some tastes. Very good if you have trouble remembering tags.

As a final note, you might try editing HTML in the 'code view' of one of the visual editors - Dreamweaver is especially good at this, if you have it. This lets you switch back and forward easily to see what effect your changes are having.

AJAX Should You Believe the Hype

A Question of Scroll Bars

Opening a Web Shop with E Commerce Software

Building a Budget Website

LAMP The Most Popular Server System Ever

 

Web Design
5 Simple Steps to Accepting Payments.
5 Ways to Avoid the 1998 Look.
6 Reasons Why You Need a Website.
7 Ways to Make Your Web Forms Better.
A Question of Scroll Bars.
Ads Under the Radar: Linking to Affiliates.
AJAX: Should You Believe the Hype?
All About Design: Principles and Elements.
An Introduction to Paint Shop Pro.
An Issue of Width: the Resolution Problem.
Avoiding the Nuts and Bolts: Content Management Software.
Beware the Stock Photographer: Picking Your Pictures.
Building a Budget Website.
Building Online Communities.
Clean Page Structure: Headings and Lists.
ColdFusion: Quicker Scripting, at a Price.
Column Designs with CSS.
Content is King.
CSS and the End of Tables.
Cut to the Chase: How to Make Your Website Load Faster.
Designing for Sales.
Designing for Search Engines.
Dreamweaver: The Professional Touch.
Encryption and Security with SSL.
Finding a Good HTML Editor.
Focus on the User: Task-Oriented Websites.
Fonts are More Important Than You Think.
Free Graphics Alternatives.
FrontPage: Easy Pages.
Hints All the Way.
Hiring Professionals: 5 Things to Look For.
How Databases Work.
How the Web Works.
How to Get Your Website Talked About on Blogs.
How to Install and Configure a Forum.
How to Make Visitors Add You to Their Favorites.
How to Run Ads Without Driving Visitors Crazy.
How to Set Up Your Hosting in 5 Minutes Flat.
IIS and ASP: Microsoft's Server.
Image Formats: GIF, JPEG, PNG and More.
It's a World Wide Web: Going International.
JSP: Java on Your Server.
LAMP: The Most Popular Server System Ever.
Making Friends and Influencing People: the Importance of Links.
Making Searches Simple.
Offering Free Downloads on Your Website.
Opening a Web Shop with E-Commerce Software.
tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
Perl: Cryptic Power.
Photoshop: a Graphic Designer's Dream.
Picking a Colour Scheme.
Printing and Sending: the Two Things Users Want to Do.
Putting Multimedia to Good Use.
Python and Ruby: the Newer Alternatives.
Registering a Domain Name.
Registering Your Users by Stealth.
RSS: Really Simple Syndication.
Setting Up a Mailing List.
Setting up a Test Server on Your Own Computer.
Some Places to Go For More Information.
Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
Taking Your Website Mobile.
Text Ads: Unobtrusive Advertising.
The 5 Principles of Effective Navigation.
The Art of the Logo.
The Basics of Web Forms.
The Basics of Web Servers.
The Case Against Flash.
The Confusing World of Web Hosting: Making Your Decision.
The Evils of PDFs.
The Importance of Validation.
The Many Flavours of HTML.
The Smaller, the Better: Avoiding Graphical Overload.
The Top 10 Biggest Web Design Mistakes.
The Web Designer's Toolbox.
The Web is Not Paper.
There's More than One Web Browser.
Time for User Testing.
Titles and Headlines: It's Not a Newspaper.
Tracking Your Visitors.
Understanding Web Jargon.
Uploading Your Website with FTP.
Using Flash Sensibly.
Using Quizzes and Games to Get Traffic.
VBScript: Javascript Made Easy.
Websites and Weblogs: What's the Difference?
What Do You Want Your Website to Do?
What You See Isn't Always What You Get.
Which Database is Right for You?
Why Doing It Yourself is Best.
Why Java Will Drive Your Visitors Away.
Why Word is Bad for the Web.
Why You Should Put Your Content in a Weblog Format.
Why You Should Stick to Design Conventions.
Working With Templates.
Writing for the Web.
GoogleSense
Making Money with Articles
Webhosting
RSS
Reading RSS Feeds with an RSS Aggregator