[Back to About This Book] [Forward to Developing a Simple Web Page] [Contents]

1 - Tapestry Overview

This overview shows you:


This chapter introduces you to the features of Tapestry, shows you how to install the software, and how to develop a Tapestry Web page in a hurry.

What is Tapestry?

Tapestry is a Web authoring tool for the Macintosh computer that allows you to easily create Web pages using drag-and-drop interaction and without learning HTML (Hypertext Markup Language) tags. The Tapestry software creates the HTML tags for you, so that you do not have to worry about how to create tags.

Using Tapestry, you can drag and drop pictures, and video clips onto your Web page to create a local multimedia document on your hard disk drive. You can also create hypertext documents by dragging and dropping files, URLs, and bookmarks from Netscape Navigator directly onto your Web page. Then you can use Tapestry to build your Web site and upload these documents to your Internet Service Provider. Tapestry is the easiest, and most efficient, tool for creating multimedia and hypertext documents for the Web. You can even resize an image (picture) in a document by simply clicking on the corner of its frame.

What Can You Do with Tapestry?

Tapestry is a Web authoring tool that makes developing multimedia documents easier than word processing and much more fun! You can create your Web pages on your Macintosh using Tapestry and then your friends and colleagues can view your pages on their own Macintosh, Windows, or UNIX computers.

Tapestry has a completely intuitive interface and was designed so that you can focus on the content you want to communicate rather than on the process of creating HTML tags. Tapestry is a WYSIWYG authoring tool that lets you drag and drop graphics, text, audio, and video clips directly into a Web page.

Here are three example of using Tapestry by a:


A teacher can use Tapestry to create multimedia lecture notes. The lecture notes include QuickTime video clips and students can study the lecture notes and video clips in the computer lab or at home on their own computer. For example, the University of Toronto French Department used Tapestry to create their home page.

Business Consultant

A business consultant uses Tapestry to create a Web page to advertise the business. The Web page describes the business services, example projects, and links to satisfied customers. For example, the Humber College used Tapestry to advertize their online courses.


A family can use Tapestry to keep in touch with other family members around the world by using a Web page. The Web page describes the main events and achievements in the family -- who graduated, who got married, and who moved to a new job.

What You Should Know

To use the Tapestry software, you should be familiar with the Apple Macintosh computer, Netscape Navigator browser, and have an understanding of the type of information that you want to publish on the Web.

What is Hypertext Markup Language?

Hypertext Markup Language (HTML) is a markup language that assigns tags and links in a Web document. Hypertext is text that is organized by links that move the reader from one piece of online information to another in a nonlinear fashion. If many documents are connected to each other by links, then the resulting network of documents is called Hypertext. Thus, HTML is called the Hypertext Markup Language because it uses hyperlinking to create networks of documents connected by links.

How Does Tapestry Handle Hypertext Markup Language?

Tapestry handles the most important and frequently used HTML tags, including:

Tapestry also allows you to edit other HTML tags, thereby giving you access to a full range of HTML functions. For more information on editing HTML tags, see the section Working With Foreign Tags in Chapter 4, "Developing an Expert Web Page".

Why Link Your Page to other Web Pages?

When you are developing your own Web pages, it is a good idea to link them to other useful Web pages. Here are some reasons for adding links from other Web pages to your own Web page:

A useful link should not just point to an interesting page, it should have an appropriate description on your own page. Generally, links work best when they are part of a natural flow of ideas within the page. Two common ways of embedding links within the content of a page are to embed them in a:

Links to Useful Web Sites

When you develop your own Web pages you are publishing information that can be viewed by millions of people around the world. Obviously you want to do the best you can in terms of graphic design and presentation.

On the Tapestry CD-ROM and the Concept 1 Web site, Concept 1 Communications has put together a list of interesting Web sites that you can review as you develop your own Web pages. Note that due to the dynamic nature of the Web, some of the links may be broken when you try them.

Why is Drag-and-Drop Linking Important?

User interface design is a key factor in determining the usability of software and how readily applications will be accepted by users. With Drag-and-drop interaction, the user deals with familiar objects directly in a natural and intuitive way. Drag-and-drop interaction is also a central part of WYSIWYG (what you see is what you get) interfaces. Since drag-and-drop interaction is easy to learn and efficient to use, it is a central component in user-centered design, that is, the design of user interfaces that match the needs and capabilities of people as closely as possible.

Drag-and-drop linking is the easiest and best way to create HTML links. The advantages of drag-and-drop interaction are:

Examples of Drag and Drop with QuickTime Movies

On the Concept 1 Communications Web site, there are example images and QuickTime movies that show you how to:

To view the example images and QuickTime movies:

  1. Ensure that your Netscape Navigator browser has the QuickTime plug-in installed.
  2. Click on the following link to the functionality page of the Concept 1 Web site. The functionality page is displayed.
  3. Click on any of the QuickTime links (for example, the first movie is 62K and shows how to drag and drop to create a link). The movie is displayed.

Note that in October 1996, the name of the Tapestry product was changed to Personal Page and some of these features are for Software Release 2.0.

For information on how to install the QuickTime plug-in and use your Netscape Navigator browser to view QuickTime movies, see the Netscape Handbook.

Getting Started

This section specifies the Macintosh system requirements, software installation steps, software registration, and other software that you need to develop advanced Web pages.

Macintosh System Requirements

Macintosh Requirement
Computer Macintosh LCII or higher, 68030 CPU, 16 MHz or faster or a Macintosh Power PC.
Operating System Macintosh Operating System (MacOS) 7.0 or higher.
Memory (RAM) For Tapestry, at least 2 MBytes of available RAM (Random Access Memory) in addition to the RAM used by the Macintosh operating system. Therefore, your computer should have a minimum of 8 MBytes of RAM.
Hard Disk 2 MBytes available hard disk space.
Video Color monitor 12-inch or larger and a computer capable of displaying at least 16 colors (256 colors or higher is recommended).
CD-ROM Drive CD-ROM drive with 150 Kb/sec or higher transfer rate.
Supporting Software QuickTime 2.0 and Netscape Navigator 2.0. For a list of other software for developing Web pages, see What Other Software Do You Need? in this chapter.
Printing Any Macintosh compatible printer.

Installing Your Tapestry Software

The Tapestry Software Release 1.1 is available on:

If you have any problems installing the Tapestry software, send a message to support@concept1.com by e-mail.

Installing from the CD-ROM

To install the Tapestry software from the CD-ROM:

  1. Place the CD-ROM disk with the label side facing up in your CD-ROM disk drive. The Tapestry icon is displayed on your Macintosh desktop.
  2. Open the Tapestry CD-ROM icon by double clicking on the icon.
  3. Read the helpful hints in the Tapestry ReadMe file on the Tapestry CD-ROM.
  4. Copy the Tapestry folder from the Tapestry CD-ROM to your Applications folder on your hard drive.
  5. Copy the files from the System Files folder on the CD-ROM to the System Folder on your hard drive.
  6. Copy the QuickTime software from the Tapestry CD-ROM to your Applications folder on your hard drive.
  7. Remove the CD-ROM disk from your CD-ROM disk drive.

You can run Tapestry directly from the CD-ROM; however, it runs faster if you copy the main Tapestry application program (not the data files, just the program) to your hard disk and run Tapestry from your hard disk. You must have 1.0 MBytes of free hard disk space to install the Tapestry application on your hard disk. For best performance quit all open applications before you start Tapestry.

Installing from a Floppy Disk

To install the Tapestry software from a floppy disk:

  1. Insert the floppy disk (with the label side facing up) in your floppy disk drive. The Tapestry icon is displayed on your Macintosh desktop.
  2. Open the Tapestry floppy disk icon by double clicking on the icon.
  3. Copy the Tapestry application from the floppy disk to your Applications folder on your hard drive.
  4. Remove the floppy disk from your floppy disk drive.

Installing from the Concept 1 Web Site

To install the Tapestry software from the Concept 1 Web site:

  1. Create a directory in the Applications folder on your hard disk.
  2. Start Netscape Navigator.
  3. Go to the Home page for Concept 1 Communications and follow the Tapestry software downloading instructions.

Registering Your Tapestry Software

Make sure that e-mail the registration form in the Tapestry Registration file on the CD-ROM to Concept 1 Communications. After registering your software you are eligible for free software updates.

What Other Software Do You Need?

To develop a simple Tapestry Web page, you need:

To develop an advanced and expert Tapestry Web page, you need:

Also, some early versions of MacOS 7 require the Macintosh Clipping Extension and the Drag-and-Drop Manager.

Software on the Tapestry CD-ROM

The software on the CD-ROM is provided on an "as-is" basis. Where possible and appropriate Concept 1 has provided licensing agreements for each of the programs on the CD-ROM. Concept 1 is the owner of the Tapestry software, all other software is the property of their respective owners. Consult the original distributors and developers of the other software for more information on how that software can be licensed and used.

Understanding the Terms

This section describes the most important terms you need to understand before developing a Web page.

For an explanation of additional terms, see the Glossary in this book. Note that the terms in this book are not linked to the glossary because all those links would make this book difficult to read.

What is the World Wide Web?

The World Wide Web (WWW) is an Internet service that allows users to browse linked documents. Also called the Web.

What is a Link?

A link is a tag in an Hypertext Markup Language (HTML) document that allows you to jump from one topic to another. For text in a document, a link is indicated by an anchor and is highlighted (for example, underlined and colored in blue) to indicate that it represents a link. Usually, an anchor is a visible indication that a link exists; however, people usually do not differentiate between the link that they see and the link that they follow. Thus we sometimes refer to links rather than anchors in this book.

When you click on a link while using a Web browser, you follow the connection to the document at the end of the link, which is then displayed. This is known as jumping to a document. Following links or jumping from one document to another is a standard way of browsing or looking for information on the Web.

What is a Uniform Resource Locator?

A Uniform Resource Locator (URL) is an address that a Web browser uses to locate, retrieve, and display a document. For example, the URL for the home page of Concept 1 Communications is http://www.concept1.com on the World Wide Web.

Using Tapestry - Just Do it!

Using Tapestry, you can quickly develop a simple Web page, save it on your local hard disk, and view it with Netscape Navigator. The following steps are for those users who want to develop a simple Web page in a hurry.

To develop a very simple Web page in a hurry:

  1. Open the Tapestry application by double-clicking on the Tapestry icon or application program. A blank Tapestry window is displayed similar to the one shown in the following figure but with no text in the text input area.

    [Tapestry Desktop]

    Tapestry Window

  2. Place and click your mouse cursor in the Document Title input box below the toolbar at the right side of the window, and type the title of your Web page (for example, Rick Burns and Associates).

  3. Place and click your mouse cursor in the text input area and type the following text "Welcome to the home page of Rick Burns and Associates".

  4. To start a new paragraph, press the return key.

  5. Type a sentence describing your business For example, "We are a small business specializing in microcomputer training for small businesses in the Buffalo, New York area. Some of our clients include xxxx, xxxxx, and xxxx."

  6. To start a new paragraph, press the return key.

  7. Type a sentence describing how to contact your business, for example, "To contact us telephone xxx.xxx.xxxx or facsimile xxx.xxx.xxx."

  8. To save your Web page in a file on your hard disk, choose File -> Save. A Directory dialog box is displayed.

  9. In the Directory dialog box, select the directory where you want to save the file, type the name of the file (for example, weburns.html), and click on Save. The name of the file (weburns.html) is displayed at the top of the Tapestry window.

  10. To quit the Tapestry application, choose File -> Quit.

  11. Start the Netscape Navigator browser application.

  12. In Netscape Navigator, choose File -> Open File... A Directory dialog box is displayed.

  13. In the Directory dialog box, select the file weburns.html and click on Open. Your Web page is displayed in the Netscape Navigator window with the document title, Rick Burns and Associates, at the top of the Netscape Navigator window.

[Back to About This Book] [Forward to Developing a Simple Web Page]

[Contents] [Glossary]

[Index A B C D E F G H I J K L M N O P Q R S T U V W X Y Z]