unformatted text: this is also known as plaintext and enables pages to be created which comprise strings of fixed-

Similar documents
Chapter 17 Creating Online Pages and Sites

Web Content. Overview. Web Content Mini WYSIWYG Editor

A network is a group of two or more computers that are connected to share resources and information.

HTML, XHTML, and CSS. Sixth Edition. Chapter 1. Introduction to HTML, XHTML, and

Multimedia Data. Multimedia Data. Text Vector Graphics 3-D Vector Graphics. Raster Graphics Digital Image Voxel. Audio Digital Video

HTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION

HTML. Based mostly on

HTML. Hypertext Markup Language. Code used to create web pages

The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:

Review Ch. 17 Creating Online Pages and Sites. 2010, 2006 South-Western, Cengage Learning

What You Will Learn Today

Creating a Web Presentation

Web Design and Development ACS-1809

Glossary. advance: to move forward

Your Own Web Page; Quick and Dirty Via Mashup Reminder: Next Quiz on 4/15

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

Web Systems & Technologies: An Introduction

I-5 Internet Applications

Introduction to web development and HTML MGMT 230 LAB

Contents. Topics. 01. WWW 02. WWW Documents 03. Web Service 04. Web Technologies. Management of Technology. C01-1. Documents

MRK260. Week Two. Graphic and Web Design

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

Scientific Communication CITS4008. Designing and Writing Web Pages Rachel Cardell-Oliver 2013 Based on notes by Robyn Owens

Hypertext Markup Language, or HTML, is a markup

Introduction to FrontPage 2002

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9

Microsoft Word Chapter 1. Creating, Formatting, and Editing a Word Document with Pictures

Joomla Website User Guide

Chapter 1 Introduction to HTML, XHTML, and CSS

3. WWW and HTTP. Fig.3.1 Architecture of WWW

Objective % Select and utilize tools to design and develop websites.

HTML CS 4640 Programming Languages for Web Applications

Understanding the Web Design Environment. Principles of Web Design, Third Edition

WEB APPLICATION DEVELOPMENT. How the Web Works

Developing a Basic Web Page

CONTENT MANAGEMENT SYSTEM (CMS) MANUAL

From administrivia to what really matters

Setting up the front-end of a Web service

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.

PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects 2013

It is possible to create webpages without knowing anything about the HTML source behind the page.

PDF and Accessibility

Microsoft FrontPage. An Introduction to. Lecture No.1. Date: April Instructor: Mr. Mustafa Babagil. Prepared By: Nima Hashemian

Schoolwires Editor Best Practices. Schoolwires Centricity2

Web Systems & Technologies: An Introduction

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

1.264 Lecture 12. HTML Introduction to FrontPage

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

APPENDIX THE TOOLBAR. File Functions

WYSIWYG Editor: Users Manual

Creating Pages with the CivicPlus System

Creating Web Pages with SeaMonkey Composer

A Brief Introduction to HTML

Zeppelin Website Content Manager User Manual

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.

Attributes & Images 1 Create a new webpage

Uniform Resource Locators (URL)

1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?

5/17/2009. Marking Up with HTML. An HTML Web Page File. Tags for Bold, Italic, and underline. Structuring Documents

Chapter 16 The World Wide Web

Dreamweaver Basics Workshop

The Internet and the Web

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.

Jing PDF Tutorial Template

FUNDAMENTALS OF WEB DESIGN (405)

PART COPYRIGHTED MATERIAL. Getting Started LEARN TO: Understand HTML, its uses, and related tools. Create HTML documents. Link HTML documents

Creating a Website with Dreamweaver 4

Start by launching Mozilla To start making a web page, go to File -> New -> Composer Page

CSE 3. Marking Up with HTML. Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware

Introduction to WEB PROGRAMMING

Web Engineering (Lecture 01)

FIT 100 LAB Activity 3: Constructing HTML Documents

Here are the topics covered in this tutorial:

AY SECOND TERM Technology Education Revision Sheet

Training Sister Hicks

COMPUTER APPLICATIONS TECHNOLOGY

Hotmail Documentation Style Guide

Part III: Survey of Internet technologies

Independence Community College Independence, Kansas

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION

HTML Images - The <img> Tag and the Src Attribute

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

Layout Manager - Toolbar Reference Guide

Cal Poly fosters teaching, scholarship, and service in a learn-by-doing environment in which students, staff, and faculty are partners in discovery.

Bridges To Computing

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

ALLAMA IQBAL OPEN UNIVERSITY ISLAMABAD (Department of Business Administration) COMPUTER APPLICATIONS FOR BUSINESS (184) CHECK LIST

Enhancing your Page. Text Effects. Paragraph Effects. Headings

Chapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer

Introduction to Elements of Web Design: WYSIWYG WYSIWYG. What You See Is What You Get

Dreamweaver Primer. Using Dreamweaver to Create and Publish Simple Web Pages. Mark Branom, Stanford University, Continuing Studies June 2011

request HTML Document send HTML Document

DETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER

Content Management System User Training

CSC 121 Computers and Scientific Thinking

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

Chapter 13. Applets and HTML. HTML Applets. Chapter 13 Java: an Introduction to Computer Science & Programming - Walter Savitch 1

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

Transcription:

TEXT REPRESNTATION

unformatted text: this is also known as plaintext and enables pages to be created which comprise strings of fixed- sized characters from a limited character set; formatted text: this is also known as richtext and enables pages and complete documents to be created which h comprise of strings of characters of different styles, size, and shape with tables, graphics, and images inserted at appropriate points; h t t thi bl i t t d t f d t ( h hypertext: this enables an integrated set of documents (each comprising formatted text) to be created which have defined linkages between them.

Unformatted text Figure 2.6 illustrates two examples of character sets that are widely used to create pages consisting of unformatted text strings. The table shown in part (a) tabulates the set of characters that are available in the ASCII character set, the term ASCII being an abbreviation for the American Standard Code for Information Interchange. This is one of the

Example character sets to produce unformatted text: the basic ASCII character set m=1101101 M=1001101

The character set tabulated in Figure 2.6(b) is a supplementary version of that shown in part (a). Here the characters in columns 010/011 and 110/111 are replaced with the set of mosaic characters shown. These are then used, together with the various uppercase characters illustrated, to create relatively simple graphical images.

Supplementary Set of Mosaic Characters

An example application of this particular character set is in Videotext and Teletext which are general broadcast information services available through a standard television set and used in a number of countries. Some examples of typical Teletext/Videotex symbols are shown in Figure 2.7. As we can see, although in practice the total page is made up of a matrix of symbols and characters which h all have the same size (in terms of their height h and width), some simple graphical symbols and text of larger sizes can be constructed by the use of groups of the basic symbols.

Example Videotex/ Teletext Characters

An example of formatted text is that produced by most word processing packages. It is also used extensively in the publishing sector for the preparation of papers, books, magazines, journals, and so on. It enables documents to be created that consist of characters of different styles and of variable size and shape, each of which can be plain, bold, or italicized. In addition, a variety of document formatting options are supported to enable an author to: Structure a document into chapters, sections and paragraphs Different headings Tables, graphics, and pictures inserted at appropriate points.

An example formatted text string is as shown in part (a) of Figure 2.8 and the printed version of this string is shown in part(b).

As we can deduce from the above, in order to print a document consisting of formatted text, the microprocessor within the printer must be programmed to detect and interpret the format-control character sequences in the defined way and to convert the following text, table, graphic, or picture into a line-by-line form ready for printing. to visualize the layout of each page prior to printing, commands such as print preview are often provided which cause the page to be displayed on the computer screen in a similar way to how it will appear when it is pi-inted. inted This is the origin of the term WYSIWYG. an acronym for what-you-see-is-what-you-get.

2.3.3 Hypertext is a type of formatted text that enables a related set of documents normally referred to as pages to be created which have defined linkage points (hyperlinks) between each other.

a unique network-wide name known as a uniform resource locator (URL). This comprises a number of logical parts including the unique name of the host computer where the page is stored the name of the file containing the page The page pg contents are stored in a specific formatted text and, on receipt of the contents, the browser displays these on the client computer screen using the included format control commands. In this way, after accessing the home page associated with a site, a user is able to access and browse through the contents of the linked set of pages in the order he or she chooses.

HTML which stands for HyperText Markup Language. HTML is an example of a more general set of what are known as mark-up languages. These are used to describe how the contents of a document are to be presented on a printer or a display, the term mark-up being that used by a copy editor when the printing of documents was carried out manually. Other mark-up languages include Postscript (known as a (printed) page description language), SGML (the acronym for Standard Generalized Mark-up Language on which HTML is based), Tex, and Latex. In general, the output of these languages is similar il to that produced by many word-processing systems but, unlike word processors, they are concerned only with the formatting of a document in preparation for its printing or display.

The page formatting commands known as directives in HTML and each sandwiched between a pair of tags (a) include commands to start a new paragraph (<P>), start t and dend boldface ace( (<B>text</B>), t present in the form of a bulleted list (<HL>list</HL>), include an image (<IMG SRC= an image >), and so on. Other media types such as sound and video clips can also be included, giving rise to the term hypermedia. Indeed, the terms hypermedia and hypertext are often used interchangeably when referring to pages created in HTML.