Markup Language Is Modern System 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.

document in a method that is syntactically distinguishable from the text. The believed and terminology evolved from the marking up of manuscripts, i.e., the revision orders by editors, conventionally composed alongside a blue pencil on authors' manuscripts. Markup instructs the software displaying the text to hold out appropriate duties, but is excluded from the edition of the text that is displayed to users. Some markup languages, such as HTML, have pre-defined presentation semantics, meaning that their specification prescribes how the structured data are to be presented; others, such as XML, do not.


HTML is short for HyperText Markup language and is a language utilized to craft electronic documents, exceptionally pages on the World Wide Web that encompasses connections called hyperlinks to other various pages. Every single web page you view on the Internet, including this one contains HTML program that helps format and display text and pictures in an easy to read format. Without HTML a browser should not understand how to format a page and should merely display plain text alongside no formatting that contains no links. Below is an example of a frank web page in HTML code.

The syntax for html is shown below

<html lang="en"><head>

<title>Example page</title>



<h1>This is a heading</h1>

<p>This is an example of a basic HTML page.</p>



Short for extensible Markup Language, XML is a specification developed by W3C starting with the recommendation on February 10, 1998. (

XML is similar to HTML in that XML uses Tags to markup a document, allowing a browser to interpret the tags and display them on a page. However, unlike HTML, XML language is unlimited and allows self-defining tags.

Difference between HTML and XML

HTML is an abbreviation for HyperText Markup language 

while XML stands for eXtensible Markup Language.

The differences are as follows:-

HTML was designed to display data which focus on how data looks while XML was designed to be a software and hardware independent tool used to transport and store data, with focus on what data is.

HTML is a markup language itself while XML provides a framework for defining markup languages.

HTML is a presentation language while XML is neither a programming language nor a presentation language.

HTML is case insensitive while XML is case sensitive.

HTML is used for designing a web-page to be rendered on the client side while XML is used basically to transport data between the application and the database.

HTML has it own predefined tags while what makes XML flexible is that custom tags can be defined and the tags are invented by the author of the XML document.

HTML is not strict if the user does not use the closing tags but XML makes it mandatory for the user the close each tag that has been used.

HTML does not preserve white space while XML does.

HTML is about displaying data, hence static but XML is about carrying information, hence dynamic.

Task 2

What is your understanding about web authoring tools? Explore features of any two web authoring tools

Web authoring tools are used to create web content, and cover a wide range of software programs. The programs include word processors desktop publishing programs, webpage builders, website management systems and HTML editors. Any software program that can be used to create content that can be uploaded and viewed on the Internet or intranet network systems is considered a web authoring tool.

Features of two web authoring tools

The two web authoring tools I will describe are

Adobe Dreamweaver

Adobe creative suite

Adobe Dreamweaver

Adobe Dreamweaver is a proprietary web development application developed by Adobe Systems.  Dreamweaver is a very commonly used web authoring tool. It can be used for almost everything such as JSP, XHTML, HTML, PHP and XML development. Adobe Dreamweaver is a very popular choice among professional web developers


Dreamweaver, like other HTML editors, edits files locally then uploads them to the remote web server using FTP, SFTP, orWebDAV. Dreamweaver CS4 now supports the Subversion (SVN) version control system.

Graphical Interface for designing websites

Like other porpular Web design software, Dreamweaver provides an easy to use Graphical user interface to aid craft different pages of a website. With Dreamweaver, a web designer can design a website by dragging and dropping objects as challenged to possessing to program it from scratch. Dreamweaver proposals a WISYWIG method for web design. WYSIWIG mentions to 'What you see is what you get'. It is a public terminology in software design utilized usually to delineate software in that content displayed across editing appears nearly identical to the final output. This creates the web design procedure easier and extra effectual as you are able to think the conclude consequence as editing the web-page.

Can be used by Web Designers as well as non-technical users

Dreamweaver has countless of built in features that create it moderately easy to design a professional corporate or personal website. It is accepted alongside both, expert web designers as well as non technical users alongside manipulated web design and progress experience. It makes it probable to design a website without having to code each portion of it. This has made Dreamweaver popular among non technical users. Even though the use of elevated features will need a little web design skills and experience, basic features can be utilised plainly alongside the aid of self-thought tutorials easily obtainable alongside the software and obtainable on the internet.

Database Capabilities

Innovative web design software's such as Dreamweaver is equally competent for arranging static HTML websites as well for arranging dynamic database driven websites. Dreamweaver works equally well for arranging database driven websites

Support for CSS, JavaScript and XML

Advance support for grasping JavaScript, Ajax and Xml is one more reason behind the accomplishment of present editions of Dreamweaver. Ajax is accepted new knowledge that is utilized extensively in progress of present websites. It merges JavaScript, CSS and XML to notify website content lacking needing a new page or reloading of the page. The new Dreamweaver CS sequence includes crafted in support for grasping new web design ways including Ajax. This has proved for experienced web developers and designers who are able to use the latest technologies in arranging websites.

Dreamweaver includes expert professional support for grasping CSS Styles. The built-in CSS Panel makes it very easy for a web designer to craft and correct style sheets.

Group Working

Dreamweaver additionally proposals group working capabilities. This can be particularly useful for a Web Design Firm or a Team of web designers. It permits a designer to 'Lock' a page to stop supplementary team associates from overwriting or editing the alike portion of the web page. The notes feature of Dreamweaver on the other hand permits web designers to retain a note of their changes.

Built in FTP

Dreamweaver has built-in FTP software that permits web designers to grasp the finished files on server with great ease. Conventionally a Web Design Firm or a web builder should use different software instruments for arranging a website and for notifying files on the server. Dreamweaver makes this easier by joining FTP skills into its design software.

b) Adobe Creative suite

Adobe creative suite is another important web authoring tool. Its products include WYSIWYG (what you see is what you get), text web page editor, graphics software, video software and more. Adobe Creative Suite has various different versions which all suit to web developers. There are many features which increase the reliability of an authoring tool but some of the most important features of Adobe creative suit are listed below.

HTML validator

Without a built in validator the designer cannot write a valid code which means the designer can't be sure what he/she s writing is going to work. HTML validator is a very important feature in creative Suite, however many text editors don't include a HTML validator e.g. boxer text editor and crimson editor

CSS and Accessibility validators

If a web editor does not have CSS and Accessibility validators its possible the wrong code code could be written or be inaccessible. This feature in Creative Suite is new and lots of web editors don't have this feature.

New filter panel for fast file selection

Bridges let you clear the clutter and focus on what is critical by providing direct access to the important information about the project files

Enhanced preview panel for convenient viewing

Quickly display an image in a full-screen preview panel and use the new loupe tool in zoom in and inspect details. It displays images side by side in the preview panel for easy comparison

Combines files into stacks

Simplifies and focus view of assets by combining files into stacks. Stacks compress multiple images into a single thumbnail with a single click and expand them again just as easy.

Advanced compositing

Creating an outstanding image often means joining the best features of numerous versions of that image. New tools in Photoshop CS3 make this common task faster and easier. Auto assign layers command quickly analyzes details and moves rotates or wrap layers to align them perfectly

Enhanced control panel

Keep tools at fingertips and free up screen real estate by accessing anchor-point controls, clipping masks, envelop distortions and more from the context sensitive control panel.

Colour coding and tag completion

Colour coding is very important when working on the text editor. Colour coding is used to see what you are writing. live colour dialogue box provides tools for dynamically applying colours to artwork

Task 3

What features are important to consider when selecting any web authoring tool

All web editors have either a text editor to edit the HTML tags or wysiwyg editor to edit the pages visually. The main important features are

HTML Validator

It's not possible to write a valid code if the editor doesn't have a built in validator and it's not certain that everything will go well. Several text editors do not include an html validator such as boxer and crimson editor

CSS and Accessibility validators

CSS and Accessibility validators are used so that the codes are not written wrongly. If a web editor does not have CSS and accessibility validators it is possible that mistakes could be made in the code writing or inaccessible pages, this is a new feature

Colour coding and tag completion

Colour coding is important when working on the text editor. Colour coding is used to see what s being written. Tag completion is used to get the right attributes and mae sure the designer is writing the right spelling of a tag.

FTP, FTPs, and site manager

Once the web page is created it needs to be sent to web hosting provider. Ftp built into the editor makes it easier. Good web editors include some type of site manager that can upload multiple of files, compare live files to the files on desktop, and keep the site up-to date automatically. FTP's should be used because of security concerns.

Version control

Version controls allows check in and checkout files. This makes it simple to correct the errors quickly and work as a team on project

Search and replace

There are only some editors that do not have some form of search and replace, but numerous do not allow for search and replace across multiple files. The best editors enable the search and replace across all open files, all files in a directory, or even all files in a project/site.