Web Design Tools - Layout

Browsers lets anyone access files and displays them in a formatted output called HTML (Hypertext Markup Language) – a language which browsers read to arrange the contents. If a web designer would implement the format of the files, he should need not to arrange them one by one unless he wants to encode them from his personal convention. A perceptive web page is carefully designed to lay out the content in a good way, not compromising the sight of the audience.

Another tool for web designer is the layout editor. The layout editor or preferably called the HTML editor helps the designer create webpages. Layout editors range from simple text editors to hybrid WYSWIG (What You See is What You Get)/Code Editors. When a web designer chooses to work on a text editor then he is sure and imagine what is the output of the design or just let the browser read for them and outputs what exactly the layout, not all WYSWIG editors shows accurate display of a webpage but tries its best to come up the layout. The best thing about some commercial HTML editors has functionalities that ease the web designer to design the webpage without consuming much time in writing lines of code in a simple text editor. Some of them have drag-and-drop capabilities that quickly generate the output. Some HTML editors also aids a web programmer create scripts to be included in a web page and dynamically displays content.

Comparisons of Some HTML Editors

Adobe Dreamweaver CS4

Adobe Dreamweaver is a hybrid HTML editor. It is also used for CSS editing, an IDE (Integrated Development Environment) for Web Scripting, either client or server-side, or the combination of both. It had flexible interface since once the edit is made in the text mode it automatically updates in the WYSWIG Editor and vice-versa. Dreamweaver also lets you define a site locally or remotely and is like working on the files directly on a web server, no need to edit-and-upload them since it automatically updates the file on a server. The CSS editing is more or less accurately display as a webpage on the editor and the inserting and editing of each html element is accessible. The dynamic data output like information from databases can also be integrated into the page with the use of Recordsets. Live View of the webpage is now possible.

Microsoft Expression Web 2

Microsoft Expression Web is the continuation of the phased out software Microsoft FrontPage which is the competitor of Dreamweaver of that time. Expression Web has an intuitive interface for designing webpages which most Microsoft Products integrates most of their software. The said editor can also map out links of pages in the site and provides a graphical sitemap.

Bluefish Editor

Bluefish Editor is a text based HTML editor but acts like an IDE since it has tools to insert HTML elements and capability of editing attributes easily. Like most HTML editor, Bluefish editor uses color-coding of texts to separate one element with another. Bluefish is an open-source HTML editor distributed among UNIX systems. Bluefish editor also recognizes PHP keywords and identifiers and any other scripting languages.

Integrated Development Environments

IDEs purpose is primarily on web scripting. Examples of these are the Eclipse IDE: for server side scripting, VBNet IDE: also for server-side scripting for VBNet language. IDEs has built-in compiler for compiling and running the scripts created and tests it on a server.

Simple Text Editors

Due to its simplicity, Web Developers commonly uses simple text editors like notepad for little update changes into the webpages since it doesn’t need to load much of the software and is very accessible like most of the computers now features a text editor.

Above all mentioned is part of the software for layout the files for a website. One should utilize the tools to aid him for the design. Anyone can use the tools as long as it takes a reasonable time for a designer to layout files, he doesn’t need to create them from spotless.