Class 03

Class 03 – Topics

Focus on Users
Web Design Critiques
Personas
Content Inventory
Web Analytics
Competitive Analysis (Competitive Review)
Wireframes
Dreamweaver
Quiz 1

Assignment: Create a communication brief (project brief) and redesign a  home page.

Assigned Reading
Chapter 9: Content Strategy
Chapter 10: HTML Intro
Chapter 11: CSS Intro

Class 03 – Assignments: Due Monday, September 26

1) Assignment 3: Create a communication (project) brief and redesign a home page. Create a communication brief (project brief) for one of the three websites below:

MacVaugh & Company Commercial Real Estate
http://www.macvaugh.com/

Food on Foot
http://www.foodonfoot.org/

Lycee International of Los Angeles
http://lilaschool.com/index2.htm

Base your communication brief on the outline from the Class 02 notes. Because you’re not going to have the opportunity to talk with the client, you will need to “get in the head” of the client and base the communication brief on your best guesses. Be sure to do research, do an informal competitive analysis and look at competitive websites. Your communication brief needs to include the following:

1. Project name:
2. Big picture:
3. Project summary
4. Business objectives/goals
5. Preferred date for launch by client
6. Target audience
7. Perception strategy
8. Message Strategy
9. Competitive Advantages

Redesign the home page for the website focusing on the target audience and reflecting the information from your communication (project) brief. The “deliverables” for this assignment are your Communication Brief and the Design comp (in Photoshop) for the home page of the website. Remember the principles of Balanced design that we discussed last week. You need to take in consideration both the client and the customer (user, audience) when redesigning the home page.

Here a Sample Creative Brief compliments of Goto Media. This sample does not include all the information so be sure that your Communication Brief includes the 1-9 listed above and detailed in our textbook on page 112.

Please post the communication brief and a jpg of the redesigned home page to your WordPress blog before our next class, Monday, September 26.

2) Read the following chapters from our textbook before our next class Monday, September 26.

Chapter 9: Content Strategy
Chapter 10: HTML Intro
Chapter 11: CSS Intro

---

Quiz 1

Click here to take Quiz 1

Content questions & information architecture tools

Question	Information Architecture Tool
Exactly who is the content for and what do they want/need?	1. User surveys and interviews 2. Personas and task-based scenarios
What content do we already have? What is the source of each piece of content?	Content analysis: content inventory
What content are people using?	Content analysis: web analytics
What do the “other guys” have?	Content analysis: competitive review
What content would we like to have at launch?	Proposed content outline
How would users organize and label our proposed content?	Card sort

Focus on Users
.

• Conduct user interviews and/or surveys. Find out exactly what users want by asking them in interviews or online surveys.
• Develop key audience persona(s). A persona is a fictitious character created to represent the primary audience. The persona is developed based on data discovered through user interviews and/or surveys. The persona helps keep the project focused on the needs of the user by bringing an imaginary audience member to life.
• Write task-based scenarios. Identify the top 10 to 20 most common situations that bring the target audience to your site to accomplish a specific task. These scenarios will guide the design of the site and are also used as the basis for usability testing.

Web Design Critiques (Target audience)

Food Sense http://foodsense.is/
Eight Hour Day http://eighthourday.com/
Washtenaw Community College http://www.wccnet.edu/

Personas

A persona is a fictitious character you will create to represent the primary target audience. A persona should include the following basic elements:

Basic demographics

1. Age
2. Occupation
3. Education
4. Income

Personal

1. Name
2. Picture
3. Description

Technical profile

1. Preferred operating system
2. Preferred browser
3. Internet skill level
4. Favorite sites

Audience goals: What does the user want to do? Top three to ten tasks this user wants to accomplish on the site.
Business goals: What does the client want the user to do? Top three business objectives for this audience.

The basic demographic information is usually gathered during the initial client interview. Ask the client if they already have personas for current branding or marketing initiatives. If they do, start from their established persona and add any additional details for this specific project (like technical profile, task-based scenarios, and specific business goals). Select a name and a photo to represent this persona based on the description the client gave you for this target audience. The name and photo should be appropriate for the stated age of this persona. You can use a tool like the Baby Name Voyager to help you find common names for that age range http://www.babynamewizard.com/voyager.

Consider selecting photos from a stock photo service or more casual shots from Flickr. Respect intellectual property and copyright law by obtaining permission to use photos when required. Don’t use names or photos of people your project team knows.

Question: Seriously? Why do I need to create a fake person and give them a name and a face (picture)? Can’t I just define the primary audience and be done?
Answer: During the design and development stage, without a detailed persona, you will have a tendency to assume that the audience needs are the same as yours. By creating a persona with a name and a picture as well as a detailed description, you bring the target audience into your design process.

Examples of Personas

Content Inventory

What do we have? Discovering what content your client already has is the goal of the content inventory. This task is best done by the client, because they know their content best. If the client suggests that a content inventory is not necessary, emphasize that content is the core of the site. Without a strong understanding of the current content and a strategy for creating new content, they risk dooming the site to be incomplete, outdated, and inaccurate.

Web Analytics

What are visitors doing?
What pages are viewed most?
Where do people enter and leave the site?
Which keywords are frequently used to search the site?
Web analytics tools can provide answers to these questions and help you better understand the effectiveness of a site.

Many web hosting companies offer statistics packages as part of their services. For example, MediaTemple offers free Urchin Analytics and Dreamhost offers free Analog statistics on their basic accounts. If your server does not already have analytics or you want more than they offer, you could consider using Google Analytics, which is free up to 5 million page views per month. If you outgrow the free options, for a fee you can have the most powerful analytic services, which include ClickTracks, WebSideStory, and WebTrends.

Once you have access to the statistics for a website, where do you start to look? Web analytics is a bit like archeology: You are not actually observing people and their behaviors. You are sifting through the tracks they left behind. Let’s look at six basic web statistics and what insights they can provide for content analysis:

1. Hits—number of requests for files from the server. This statistic is not very useful for content analysis because not only does it include hits for pages, it also includes hits for images, JavaScript, CSS, and any other files that are embedded in a web page.
2. Page views—number of requests for web pages from the server. This is a very useful statistic that shows you which pages are viewed most.
3. Entry pages—a listing of the page where each visitor entered the site. Are the key entry pages what you expected? Do not assume users are only entering the site via the home page. Are these entry pages designed in such a way that they help users accomplish their goal?
4. Exit pages—the last page viewed by each visitor. Are visitors leaving in unexpected places? Are visitors abandoning processes at a critical step? Statistics will not tell you why they left, but they encourage you to investigate what is causing problems.
5. Bounce rate—percentage of visitors who enter on one page and exit from that same page without visiting any other pages in the site. Avinash Kaushik shares his thoughts in “Bounce Rate: Sexiest Web Metric Ever?” at http://www.mpdailyfix.com/bounce-rate-sexiest-web-metric-ever/.
6. Keywords—terms and phrases people used in external search engines to fi nd your site. These keyword statistics help you understand your visitors’ vocabulary in relationship to your site.

Web analytics warning
Web analytics are only half of the picture. These web statistics show you what happened, but they do not tell you why it happened (or what steps to take based on this data). For example, a page may have very low page views for any of the following reasons:

• Users do not need this information (delete page).
• Users need this information, but cannot find it due to usability problems (keep page and improve findability).
• A few users need this information and find it very useful (keep page).

Competitive Analysis (Competitive Review)

What are the others doing? A high level analysis of major competitors is vital to a website’s success. It is better to know the competition’s strengths and weaknesses before you fi nalize your website strategy. Here are the basic steps for conducting a competitive review:

1. Identify the competition—Ask the client who their major competitors are. Use services like Alexa to discover competitors you client may not be aware of (http://www.alexa.com/siteinfo). When possible, identify seven to 10 main competitors to review. At the very least, review three competitors.
2. Decide what to analyze—Reviewing the competition has many benefi ts, including increased understanding of this business sector, common vocabulary, best practices, as well as the obvious strengths and weakness of the competition. Types of information you might gather include:

High level inventory of features/functionality
Visual design characteristics
Labels and organization schemes
Usability heuristics

1. Develop a competition survey—Develop a list of objective questions. The more consistent you are when you review each competitor, the more you will gain from this analysis. For a practical example of data to collect, see Jason Withrow’s article “Competitive Analysis: Understanding the Market Context” at http://www.boxesandarrows.com/view/competitive_ analysis_understanding_the_market_context and Thomas Myer’s article “How to conduct a Web site competitive analysis” at http://www. ibm.com/developerworks/webservices/library/us-analysis.html.
2. Answer survey for each competitor
3. Analyze survey data
4. Write a report of the findings and recommendations.

The experience of surveying the competition is a priceless reality check that, when done well, increases the probability of designing a successful website.

Wireframes

A wireframe is a bare-bones layout of a web page. It is a simple drawing of the chunks of information and functionality for key pages in the site. You will want to create a wireframe for the home page, each unique second level page, and any other signifi cantly different pages on the site. Wireframes include the containers for all the major elements of the page. Elements include navigation, placeholders for images, content and functional elements (like search), and footer. Wireframes do not include any reference to color, typography, or visual imagery.

Wireframe warnings
The moment you begin to draw a wireframe you have entered the zone of the visual designer. One could argue that you should not be drawing wireframes unless you are formally trained in the visual design principles of balance, rhythm, proportion, and dominance. Three possible solutions to the natural tension that occurs between information architects and visual designers over wireframes is to:

1. Put a large disclaimer at the bottom of every wireframe stating: “Disclaimer: Wireframes are NOT visual design (typography, colors, images, fi nal layout, etc.). Wireframes are a rough draft of required content only.”
2. Have the visual designer develop the wireframes based on the page description diagrams.
3. Skip the wireframe deliverable all together.

Warning: Skipping both wireframes and page description diagrams is severely dangerous to the health of a website. Wireframes and page description diagrams focus on required elements and their relative importance without the added complexity of visual design. Wireframes are an inexpensive way to test structural design ideas. Making major changes to a wireframe is simple compared to making major changes to a visual design.

Example of  a Wireframe

Dreamweaver introduction

Getting Started: 01 What is Dreamweaver

http://tv.adobe.com/watch/learn-dreamweaver-cs5/getting-started-gs-what-is-dreamweaver-cs5-/

Dreamweaver is an HTML editor and an application for creating web pages. All web pages are simple text files that use HTML (and sometimes JavaScript) to describe the page. HTML (Hypertext Markup Language) is a standardized language that can be viewed with any web browser or other web page application.

Because web pages are made up of HTML, Dreamweaver does not create special Dreamweaver files. On the PC, you may find that if you double click on .html files, they will open in Explorer or Safari rather than Dreamweaver. As a result, it’s best to open your .html files from within Dreamweaver.

Dreamweaver is just a page formatting application, and is not capable of creating any media elements other than text. You must use Photoshop, Flash, or other applications to create images, animations, sounds, etc. Dreamweaver does not create the page for you — you need to understand the basics of page structure and layout in order to understand how to best use Dreamweaver. When it comes to building a web page, Dreamweaver is not smarter than you. Similar to the application InDesign which does not design a brochure for you, Dreamweaver does not automatically build a website for you. Both of these applications are only tools. You have to understand how to build a website in order to best use Dreamweaver.

Getting Started: 02 Defining a New Site

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs01-defining-a-new-site/

Getting Started: Creating New Documents

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs02-creating-new-documents/

Creating a new web page in Dreamweaver

• Select FILE>NEW
• Immediately save the file in a good location on your disk before you do anything else. Select FILE>SAVE, and browse to the location on your disk. It’s necessary to save first because many web page features (such as showing images) rely on links to other files. These links only make sense in terms of where the web page is in relation to the linked file.
• Give the file a name. This name should be all lower case, and have no spaces between words.
• SAVE the file
• There are two windows to use when creating web pages:
  Document. This window shows you what the web page will look like – more or less. It is also the place where you can place text, images, and other elements. Any changes you make here will be automatically reflected in the HTML Window.
  Code Inspector. This window shows the raw HTML (and other code such as JavaScript). You can write HTML directly in this window, and any changes you make will be reflected in the Document window when you switch to the document window, press F5, or perform a Save (control-s for PC or command-s for Mac).

Previewing in the browser

Dreamweaver is a WYSIWYG (What You See Is What You Get) authoring tool, and you can see how your web page is going to look in the Document window. But it is not perfect or complete in the way it displays web pages. As a result, you must preview your web pages in a real web browser such as Safari or Firefox. When you have built a page to the point where you want to check how it looks, save your file, then select FILE>PREVIEW IN BROWSER>SAFARI (or Explorer or Firefox).

Dreamweaver Windows

Document. This window shows you what the web page will look like – more or less. It is also the place where you can place text, images, and other elements. Any changes you make here will be automatically reflected in the HTML Window.

Properties. This window is one of the most important and is used to show and set any properties of the currently selected element (image, table, text, etc.). For example, when you have some an image selected, you use this window to set the vspace and hspace.

Insert. This small palette is a shortcut menu used to place items into the current web page. For example, in the COMMON section, click on the icon with the tree to place an image in the document (at the current insert location). Each tab in the Insert menu brings up a different set of features for working with your document.

Site. This window servers two main purposes. First, it shows the way files are organized in your web site, and it allows you to open files without using the File>Open dialog. Second, it’s an FTP (File Transfer Protocol) client, which enables you to transfer your HTML files from the computer where you create them, to the web server where the files will be visible from the Web.

Behaviors. This window shows where interactive actions are added to text or graphic elements in the page. The most common behavior to add in Dreamweaver is for swap image, where an image changes when the user moves the cursor over the image. Two things are defined for each behavior, an event and an action. The event is the situation that causes something to happen. The action is what is activated when the event occurs.

Page properties

Every web page has global properties that can be set in the menu MODIFY>PAGE PROPERTIES… Important properties to be set are:

• Title. This text does not appear in the body of the document. It sets the text to be displayed in the top bar of the browser window. You can also set the page title in toolbar of the document window.
• Background Color. If this property is not set, the background color of the web page is undefined (although most web browsers will display it as white). Set this property to control the color of the background.
• Background Image. This optional property allows you to use an image as a repeating, tiled background for the entire page.
• Page margins. There are settings which control the margin at the top and left of the page. Most designerslike to eliminate these margins so they have complete control over the page layout. To do this, set LEFT MARGIN, TOP MARGIN, MARGIN HEIGHT, MARGIN WIDTH all to zero (there are four settings to accomodate Explorer).

The document toolbar

The Dreamweaver toolbar contains some common commands related to your view selection and your document’s status, plus a field for setting the page title. The Options menu items (button located on the right) change depending on the view you select.

Of particular note are the three buttons on the left. They allow you to quickly change the window view:

• Design View – where you see how the page will appear in a browser
• Code and Design View – a split page view where you see the code at the top, and the design at the bottom
• Code View – where you see only the code that describes the page

Getting Started: Adding Structure to Text

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs03-adding-structure-to-text/

Getting Started: Managing Assets in Dreamweaver

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs04-managing-assets-in-dreamweaver/

Getting Started: Placing images On The Page

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs05-placing-images-on-the-page/

Inserting images

Web pages are usually a combination of text and images, and Dreamweaver allows you to place, adjust and to a limited extent, set the layout of images on the page. Keep in mind that HTML is a page MARKUP language, not a page LAYOUT language, so you may find yourself being frustrated at your lack of ability to position images exactly on the page.

A quick way to get images for use in making test web pages is to “borrow” the images from other web pages. This approach is only for learning purposes, and you must not use this method for commercial purposes since this would violate the rights of the copyright owner of the image.

To copy an image from a web page, place the cursor over the image, and right-click (pc) or control-click (Mac). A menu will pop-up, and you can select “Save Image As…”. Browse to the location on your disk where the web page is, and save the file in the same location as the web page. Here are some images to use for this exercise, one is a JPEG, and one is a GIF file.

flower.jpg

flower.gif

Image: FreeDigitalPhotos.net

Once you have an image to work with, these are the steps for putting an image in a web page.

• Placing an image. To place an image on a page, first, place your cursor and CLICK in the location on the page where you want the image to show up. Then, click on the image icon in the Insert palette. It will request the name of the image, whichyou can use the open dialog to set. Once the image is displayed on the page, you can set it’s characteristics in the Property Inspector.
• Adjusting the size of the image. Click on the image to select it. Then you can change the displayed size by clicking and dragging the small black squares that appear on the edges of the image when you select it.
• Making an image a link. Click on the image to select it. In the Property Inspector put the link in the Link section. You may also want to put a zero in the Border section to prevent the blue line that will appear around an image to indicate it is a link.
• Flowing text around an image. By default, text does not flow nicely around images. To enable text flowing, select the image, and then set the Align setting to Left or Right. This will place the image on the left or right of the browser screen, and text will flow around it. You may need to reposition the image to get text to flow around the image at the point you want.
• Adjusting the margins around an image. When text flows around the image, it “hugs” the image very closely by default. You can increase the margin around the image by adjusting the horizontal and vertical spacing. Select the image, and then put the number of pixels of space you want in the Vspace and Hspace sections of the Property Inspector.

Note that the inspector is taller than in the text example above. You make this happen by clicking on the small triangle in the

lower right hand corner of the palette. Experiment with the following:

• Change the height and width of the image
• Reset the size of the image to its natural size by clicking on the “W” and “H“. When the width or height number is bold, the dimension is different from the natural size.
• Change the alignment so text wraps around the image
• Set the alt attribute of an image
• Make the image a link
• Change the VSpace and Hspace to change the margin around an image when text if flowing around it

Image maps

Image maps are links created inside of images.

Image maps allow you specify multiple links inside of a single image. The links are tied to shapes overlaid on the image, which can be rectangles, circles, or polygons.

This is especially useful when mocking up a website. Rather than taking time to create many separate images (by slicing or other means), you can quickly create your complete web pages in Illustrator or Photoshop and export them as complete pages. Then use image maps for any links on the page.

In Dreamweaver, create an image map by clicking on the image, then naming the imagemap in the lower left corner of the property inspector. Once the map is named, you can create multiple links by drawing a shape, and then associating the URL with the link, using the tools in the property inspector.

The following image has four links, one over the logo and over each navigational “button”.

Making an image map:

1. Click on the image
2. Set the name of the map in the lower left of the property inspector (lowercase, no spaces, no special characters!)
3. Select a shape (rectangle, circle, or polygon) from the lower left
4. Draw a shape with the drawing tool
5. Dreamweaver will create a translucent shape for your hotspot
6. Enter a URL or local web page file name in the Link section
7. If you want a link to open in a new browser window, set the “Target” selection to “_blank”
8. Set the “ALT” section to the desired alternate text
9. Create additional hotspots by repeating steps 3-8
10. When you’ve finished, click on the arrow in the lower left of the property inspector to turn off the map drawing.

Getting Started: Creating Links in Dreamweaver

http://tv.adobe.com/watch/learn-dreamweaver-cs5/gs06-creating-links-in-dreamweaver/

Web page weight

Recommended page weight: total size (html/images/flash) for a web page should be around 60-100K although we often visit web site like Amazon and Ebay where page size is often much larger. And for Flash sites, the web page weight is often larger (300k +). That is why it is necessary to have a loading animation while a .swf (Flash) file is loading.

Some typical download times under ideal conditions, which rarely happen:

Size of File	56Kbps Modem	256Kbps DSL	1500 Kbps Cable
50Kbyte	8.0 secs	1.6 secs	< 1 sec
100Kbyte	16.0 secs	3.1 secs	1 sec
300Kbyte	48.0 secs	9.3 secs	3 sec
1meg	160.0 secs	31.3 secs	6 sec

Note: Pew Internet Project 2010: 66% of American adults have a home broadband connection in 2010, little changed from the 63% who did so in 2009.

Checking page weight

You can check the size of your pages by looking at the display in the bottom-right corner of the document window, next to the page dimensions.

Monitor Resolution
.

http://www.everythingaboutweb.com/beginner/monitor-resolution/

Previewing page sizes in Dreamweaver

You can preview how your page will look by selecting your page size dimensions in the pull-down at the bottom-right of the document window in Dreamweaver. This will size the document window to the dimensions so you can judge your design in regard to its dimensions.

If the dimensions you want to view aren’t available by default, you can edit the defaults by selecting EDIT SIZES in the pull-down. Or, you can also simply resize the page to the right size.

Review: Tables

A cell	an image with some text in the cell
cell	cel

Tables allow you to control the relative positioning of elements on a page by creating a series of connected cells. These cells can contain text and graphics, and have a specific or relative size specified.

You create tables by clicking on the table icon in the object palette.

You’ll be asked to set the following attributes:

• Number of rows
• Number of columns
• Width in Percent or Pixels
• The width of the border (the beveled edge on the outer part of the table)
• The cell padding (the text margin, left, right, top, bottom)
• The cell spacing (the width of the cell walls)

Table properties

Table properties are accessible by selecting the whole table.

Table Cell properties

Cell properties are accessible by placing the selection point inside a cell – the cell properties will show up in the lower half of the property inspector.

Table Features

The difference between percent and pixelsIf the table is set to percent, the table will change size depending on how wide the user sets the browser. If the table cells are set to percent, their size varies as a percentage of the whole table. In general, it is best to use pixels for all tables.

Flowing text around tables
For flowing text around tables, tables are just like images, and have the same alignment attributes. The most commonly used settings are “left” and “right”.

Table format
The table format is controlled by the Border, Cellspacing, and Cellpadding (explained below). The settings for these table attributes are accessible in the middle right of the table property inspector. If you want the table borders to be invisible to the viewer and/or are using the table to knit together a set of images together, set all of these attributes to zero.
Border size
The setting of the table border in pixels affects the width of the border around the edge of the table.
Cellspacing size
The setting of the table cellspacing affects the width of the border around each cell
Cellpadding size
The setting of the table cellpadding affects the width of the margin. This margin is on the left, right, top and bottom

Selecting a table
There are three ways to select the whole table.

• click on the upper left hand corner of the table when you see the cursor turn into a hand (this is sometimes hard to do).
• click anywhere inside the table, then select MODIFY>TABLE>SELECT TABLE or type control-A twice
• click anywhere inside the table, the click on the <table> tag at the bottom of the document window

Adjust the rightmost cell first

If you are setting specific widths of the table, set the width of the rightmost cell first, and work your way left. This avoids the problem of the cells squeezing up against each other as happens when you adjust from left to right.

Row and Column Span

Row and Column span enable a cell to span adjacent cells. For example, if you set the row span for a cell to 2, the cell will become two rows tall. Likewise, if you set the column span for a cell to 2, it will become two columns wide. The controls for changing these cell attributes are in the lower left hand corner of the table cell properties inspector. To create a span, select the cells you want to consolidate into one cell, and click on the merge button in the inspector. To remove a span, put the cursor inside the cell to be broken apart, and click on the split button in the inspector.

This cell has a rowspan of two.	This cell has a column span oftwo.

Changing the style of text in multiple cells

You can select multiple cells and change the text style by clicking and dragging across multiple cells, or shift selecting. Alternatively, you can control-click to select individual cells, even if they are not next to each other. Note that the only way to set the text style across multiple cells is to place a <font> tag in each cell. Dreamweaver does this for you, but if you are hand-coding HTML, be aware that you can’t simply put a <font> tag around the whole table–this will not change the style of the text inside the table.

Cell alignment — horizontal and vertical

The location of any text or graphic inside of a table cell is affected by the alignment setting for the cell. By default, the cell contents will be aligned to the left horizontally, and in the middle vertically. To change this, click inside the cell, and then set the Horz or Vert setting in the lower half of the property inspector.

The contents of a cell affects its size

Even when a cell has a specific width and height set, if the contents of the cell are bigger, the cell will always grow to accommodate the size of the content. This is true for both text and graphics. For example,. if the text in a cell doesn’t wrap (either because there are no spaces, or because you set the cell to not allow wrapping), the cell will expand its width to accommodate the text, regardless of the width setting for that cell or the whole table.

Clear row heights or column widths

When you are using a table to control the display of a series of image to be composited together, you should have no widths or heights set. This enables the image in the cell to determine the width and height of the cell. If you select the entire table, in the lower left hand of the properties inspector, there are two buttons (the first and second ones) that enable to you clear the row heights or column widths.

Convert table widths to pixels or percent

If you are having problems with a table, you may have a mix of pixels and percents, not a good thing generally. Dreamweaver has a method for setting all the table widths to the same method. Select the entire table, and in the lower left hand of the properties inspector, there are two buttons (the third and fourth ones) that enable to you set the table and all its cells to pixels or percent.

Nesting tables

You will find that it is often difficult to design a table that places elements exactly where you want them. One way around this is to put a table inside of a table cell. In other words, you use the outside table to set the general location, and the place a table inside the appropriate cell to do your exact positioning. To do this, just place the cursor inside the appropriate cell, and click on the Insert Table icon in the object palette.

	This table is inside another table

 

Comments

About Author