Comparison Between Various Authorizing Tools Computer Science Essay

Published: Last Edited:

This essay has been submitted by a student. This is not an example of the work written by our professional essay writers.

It is easy to create a Web site with an HTML editor, It continues to add tools that let you develop advanced features with templates, style and more graphics . The new generation of Web authoring tools can provide enough features to build an interactive, animated, state-of-the-art, and many more features that makes things easier. Basically it is suitable for personal Web pages to a midsize business site, for a Web designers it is not necessary to know HTML to create discussion groups, pop-up windows, navigation bars, animated page transitions, Dynamic HTML, or many other more advanced features in order to add them into a site with an elegant look and consistent design.

In this paper, two popular Web Authoring Tools will be introduced and compared.

Two Web Authoring Tools are Microsoft Web Expression, and Macromedia Dreamweaver. However, we have to keep in mind regarding the comparison and features of the web authoring tools .The more new the version gets the more similarities u get to find while comparing web authoring tools. When the first versions of this software came out, there were a lot of difference in the features that they offer. But current versions of Microsoft Web Expression 3, Macromedia Dreamweaver , now shares many new and same features .

This tools are found in many computer stores and websites to buy or download, The new generation of people use this software often. Most of them use it for business web designing use and only a few of them use for personal web designing .This software is a leaning method to all beginners because it is user friendly , easy to use and easier to understand. Microsoft Web Expression and Adobe Dreamweaver has the latest web tools to provide their customers for full satisfaction and good services in order to keep their product reputation.

Types of Web Authoring Tools

Pure WYSIWYG (What You See Is hat You Get ) editor

Pure WYSIWYG editor is your work in an interface that resembles a

desktop publishing program. These programs are best suited for those wanting a great looking

site that's not very hard to build.

Pure Code-Based Editor

Pure code-based editor you work with raw HTML tags and set your own rules about how to lay out and organize your code so that you have total control over your codes

Pure code-based editor

Compound Editor (Pure WYSIWG editors + Pure code-based editors)

Expression Web and Adobe Dreamweaver is using compound editor for editing, with compound editor you can edit task in WYSIWG editing mode but switch from the word processor-style editing window to a source code view to modify the page's underlying HTML.

Description And Features Of Microsoft Expression Web

Expression Web , code-named Quartz, is a WYSIWYG HTML editor and general web design program by Microsoft . Expression Web edits web pages using XML, CSS, ASP.NET, XHTML, XSLT and JavaScript. It requires .NET Framework 2.0 to fully function and operate. It also supports ASP.NET application, for example Visual Studio and also has legacy to support classic ASP. This software has the ability to install add-ons from third party developer to extend its capabilities.

Top 10 Features of Expression Web 3

Professional Code Editor

IntelliSense and color-coding for HTML, CSS, JavaScript, and PHP make your editing and debugging more productive and interactive. you can make corrections as you code if there is any mistake u can undo your work or redo it . C:\Users\deepZ\Desktop\xWeb1.jpg

Visual Diagnostics

sort out your pages in multiple browsers on the same machine that you use for development with SuperPreview. And Snapshot Preview provides a high-fidelity browser preview that updates live as you edit your codes, saving time and effort of loading the page in a browser for each code changes. The CSS properties palette visually displays the CSS cascade, enabling you to quickly see all of the styles that the current selection in your web page uses, the order of precedence of those styles, and all of the properties and values of those styles.

Professional Design Surface

Generates a more smarter look, modern CSS layouts with state-of-the-art design surface.The ability to manipulate positioning, sizing, margins and padding. This software sophisticated CSS rendering engine, you can make design decisions on the spot and see a good representation of the final browser-rendered page.

Broad support for Industry-Standard Technologies

The support for a broad range of scripting and server-side technologies, Expression Web provides the best functionality and features you need. Expression Web supports PHP, HTML/XHTML, XML/XSLT, CSS, JavaScript, ASP.NET or ASP.NET AJAX, Silverlight, Flash, Windows Media, and Photoshop as well as integration with Microsoft Visual Studio and Expression Studio.

Broad Web Standards Support

Built-in support for today's modern Web standards makes it easier to optimize your sites for accessibility, flexibility and compatibility. Choose any schema you want - HTML, XHTML, Strict/Transitional/Frameset and CSS 1.0, 2.0, or 2.1 - Expression Web 3 will help build a good and interactive site.

Build Dynamic Interactive Sites

Whether you're building a site with video, audio, or animation, Expression Web makes it easier and more interactive. You can add Silverlight, Flash, Deep Zoom or Windows Media files by using the drag-and-drop controls function.

Create Professional Graphics for Your Site

Powerful vector drawing and editing tools in the included copy of Expression Design let you explore new artistic possibilities and create compelling graphic designs and illustrations. Integrate vector artwork and bitmap images in the same document to create hybrid compositions that you can import in part or in whole into Expression Web. Use Expression Design's sophisticated slicing capabilities to create web-ready graphics.

Encode Silverlight video for Web streaming

Quickly encode and will insert high-quality WMV, VC-1 and H.264 Silverlight video into your Web site for encoding and transcoding with a wide range of features with the copy of Expression Encoder.

Publishing Flexibility

Use the FTP method for publishing your site, whether FTP, SFTP, or FTPS, depending on what your Web server requires. When you click Publish, Expression Web automatically will transfer the files faster and will store them in a location.You can easily manage multiple sites and remote locations and you can publish a site to multiple destinations. Expression Web can do "live" on-server edits via FTP, which saves time and cost, and will also reduce errors.

Import Photoshop files

Expression Web can transfer files from Photoshop with full control over transparency, the files transferred can be converted into image format (PNG, GIF, and JPEG). Expression Web will remembers your layer and format settings so that you can quickly recopy to reflect any changes to the Photoshop original.

Description and features of Adobe Dreamweaver

Adobe Dreamweaver which also know as Macromedia Dreamweaver, this is a web development application originally created by Macromedia, and is now developed by Adobe Systems. Dreamweaver is available for both Mac and Windows operating systems. Latest version have incorporated support for web technologies such as CSS, JavaScript and many other more server-side scripting languages and frameworks including ASP, ColdFusion, and PHP.

Top 10 Features of Adobe Dreamweaver

Live View

Create and Design your web pages like real world browser conditions with the new Live View in Adobe Dreamweaver CS4 - while still retaining access to the code. Changes to the code will be instantly reflected in the rendered display.

Code hinting for Ajax and JavaScript frameworks

Write JavaScript efficiently with improved support for JavaScript core objects and primitive data types. The extended coding functionality of Dreamweaver CS4 will work by incorporating popular JavaScript frameworks, including jQuery, Prototype, and Spry.

New user interface

Work more rapidly and smarter across Adobe Creative Suite 4 components with a shared user interface design. Toggle rapidly from one work environment to the next workspace switcher.

Adobe In Context Editing (Free preview)*

Create your pages in Dreamweaver so that users can edit their web pages without help from you or additional software using the Adobe In Context Editing online service. As a Dreamweaver designer, you can limit changes according to specific pages, distinct regions, and even custom formatting options.

HTML data sets

Use the power of dynamic data into your web pages without any learning curve of mastering databases or XML coding. Spry Data Sets will recognize the content in a simple HTML table as an interactive data source.

Adobe Photoshop Smart Objects

Insert any Adobe Photoshop PSD document in Dreamweaver to create an image Smart Object tightly linked to the source file. Make changes to the source image, and update your image in Dreamweaver without opening Photoshop.

Related Files and Code Navigator

Click any included file shown in the Related Files bar to see both its source in Code view and the parent page in Design view. The new Code Navigator feature shows you the CSS source code that affects your current selection and allows you to access it quickly.

Subversion integration

Update your site and check in modifications directly from within Dreamweaver. Dreamweaver CS4 integrates with Subversion® software, an open source versioning control system, for a more robust check-in/check-out experience.

Adobe AIR authoring support

Create HTML and JavaScript based Adobe AIRâ„¢ applications directly within Dreamweaver. Preview AIR applications without leaving Dreamweaver. Get your Adobe AIR application ready to deploy with AIR packaging and code-signing features.

CSS best practices new

Implement CSS best practices without writing code. Create new CSS rules in the Properties panel, and get clear, simple explanations of where each property fits in the cascade of styles.

Price and Platform Differences:

Note: This table contains the latest price of the product and the platform that it supports.





Expression Web 3

$ 149

Windows Vista, Windows XP, Windows 7 or later


Dreamweaver CS4

$ 399

Windows Vista, Windows XP, Windows 7, Mac or later

This table shows that the Microsoft Expression Web 3 is much cheaper than the Adobe Dreamweaver CS4

Requirement Differences:

Note: This table show the requirement of the product according to the requirement given only can be used for the system

Adobe Dreamweaver CS4

Microsoft Expression Web 3


1GHz or faster processor

Microsoft® Windows® XP with Service Pack 2 (Service Pack 3 recommended) or Windows Vista® Home Premium, Business, Ultimate, or Enterprise with Service Pack 1 (certified for 32-bit Windows XP and Windows Vista)

512MB of RAM

1GB of available hard-disk space for installation; additional free space required during installation (cannot install on flash-based storage devices)

1,280x800 display with 16-bit video card

DVD-ROM drive

Broadband Internet connection required for online services*

Mac OS

· PowerPC® G5 or Multi core Intel®


Mac OS X v10.4.11-10.5.4

512MB of RAM

1.8GB of available hard-disk space for installation; additional free space required during installation for temporary files.


Microsoft Windows® XP with Service Pack 3, Windows Vistaâ„¢ or Windows 7 operating system.

PC with 1 GHz or faster processor

1 GB of RAM or more

1.5 GB or more of available hard-disk space

.NET Framework 3.5 with Service Pack 1

Support for Microsoft DirectX® 9.0 graphics with Windows Vista Display Driver Model (WDDM) Driver, 128 MB of graphics RAM or more, Pixel Shader 2.0 in hardware, 32-bits per pixel

DVD compatible drive

1024 x 768 or higher-resolution monitor

Internet access (for Internet functionality; additional fees may apply)

Some product features require Silverlight 2.0, Firefox 3.0, Internet Explorer 7 and AJAX Suite

Advantages of using Microsoft Expression Web 3

It is cheap to purchase.

It is user friendly to novice or beginners.

It has many new function or features for example : Professional Code Editor, Visual Diagnostics, and Professional Design Surface.

Easy to understand and operate it ,it is best for beginners.

For webmaster it would be a easier to use this software with all the latest features and updates to create a good website .

With Super Preview it will split screen , and will have an option asking which browsers you'd like to use. This new feature can make a lot of difference in web designing work.

It support all coding languages .

Disadvantages of using Microsoft Expression Web 3

It does not support for Mac operating systems , if can install it might have problems with the function or features

Lack of Variables - CSS contains no variables. This makes it necessary to do a "replace-all" when one desires to change a fundamental constant, such as the colour scheme or various heights and widths.

It might not respond or lack after sometime, if you are using windows vista with too many application running.

Some third party advertising may include codes that interfere with the function of your web page, especially when you are using JavaScript.

Third party application may give you problems if you are using them wrongly in your website.

The function of FTP is not so easy to upload files into website.

The work in this product is not so professional compare to Adobe Dreamweaver.

Advantages of using Adobe Dreamweaver CS4

The reason why Dreamweaver is worth learning is because of its CSS functionality. .

Even those who are not experts in coding can handle the job with help from Dreamweaver, especially with its easy-to-use point-and-click tools.

a great program for both novice and expert web designers

The product is from a reliable company it was 1st from Macromedia and now it owned by Adobe Systems

It has a lot of new function or feature for example: HTML data sets, Adobe In Context Editing, Code hinting for Ajax and JavaScript frameworks and many more.

It supports almost all the coding languages.

Support on all operating systems such as Mac ,and Windows.

Dream Weaver software comes with built in FTP features so it is possible to upload files directly to your website.

Disadvantage of using Adobe Dreamweaver CS4

It is a little costly

It does not support some of the coding languages.

Does not support third party application on it.

The main challenge is support for Server Side scripting models, such as PHP, JSP, ASP.NET, and ColdFusion. With the exception of ColdFusion, the server support is very weak. For instance, the support for ASP.NET does not include ASP.NET 2.0, and PHP support has come under a lot of criticism over the years.

Problems with spry JavaScript Framework.

Installation problem leads to function errors.

JavaScript errors leads to website crash.

Table of Rating



By Winplanet .com


Microsoft Expression

Web 3

Ease-of-Use: 6

Flexibility: 8

Features: 5

Speed: 4

Value: 4

Usability: 4

Overall: 4


Simple page creation: Excellent

Complex creation: Good

Site management: Excellent

Server-site code: Excellent


Simple creation: Excellent

Complex creation: Excellent

Site management: Excellent

Server-site code: Excellent

Adobe Dreamweaver


Ease-of-Use: 8

Flexibility: 8

Features: 5

Speed: 4

Value: 5

Usability: 4

Overall: 5


Simple page creation: Excellent

Complex creation: Excellent

Site management: Fair

Server-site code: Fair


Simple page creation: Excellent

Complex creation: Excellent

Site management: Good

Server-site code: Fair

Note: This table shows how much this products have been rated according to their function and stability.

Guide for Choice

Different users have different needs, and each of the new products has features aimed at

specific group users.


Target of user

Microsoft Expression Web 3

Mostly used by beginners or novice user

Adobe Dreamweaver CS4

Mostly used by Web designer and webmasters


The conclusion to this research is that both software's contains the same function, both of this Web Authoring Tools are used for web designing or creating. The only differences are the features that makes things easier and more understanding. My best suggestion is that Expression Web 3 is for beginner or novice because it is easy to understand and easy to use.

The Adobe Dreamweaver CS4 is mostly used by experienced webmaster or who are really good with web designing because they will understand the features to design a good website. This research have taught me a lot about this products or software's which will help me in future while designing a website.