QUESTION

1.Insert Table
Inserting a Table with the Toolbar
The Standard toolbar sports a fast and convenient feature that lets you insert a
table and set its basic layout all in one step. Place your cursor wherever you want
the table to appear and click the Insert Table button. A small table menu appears, as
illustrated in Figure 5-2.

Figure 5-2. When you click the Insert Table button on the Standard toolbar, this grid
appears. Use it to select the basic table layout you want.
Once you're looking at the table menu, you can do one of the following things:
Pass your cursor over the grid to select the number of columns and rows you want.
Keeping your mouse button depressed, drag across the grid to select the desired
number of columns and rows. This option gives you the power to expand the grid, if
you need to create a larger table than the one that you first see.
Inserting a Table Using the Table Menu
Often, when you insert a table, you'll want to specify more than just the number of
columns and rows your table contains. For example, you might want to set cell
padding or border thickness. In either case, you should use the Table menu.
Place your cursor in the document window and select Table Insert Table. The
Insert Table dialog box appears, offering an abundance of settings that you can use
to make the table of your dreams.
If you just accept the Table dialog box's standard settings and click OK, FrontPage
creates a 2 x 2 table. You can modify it at any time with a right click, which gives
you access to Table Properties. In fact, the Table Properties dialog box offers the
same options as the Insert Table dialog box.

To set up your table, fill out the fields in the Insert Table dialog box as follows.

1.Select a layout tools option.

Here, FrontPage is just asking: "What kind of table are you making?" If you're
creating the table to structure a page, leave the standard setting called
"Automatically enable layout tools based on table content" in place. If you'll enter
data in the table, select "Disable layout tools." Selecting "Enable layout tools"
creates a layout table (which is FrontPage's own variation on the table-as-layout-tool
theme; you'll learn more about that later in this tutorial).
2.Type in the number of rows and columns you want in the respective fields.
You can estimate here. Columns and rows are easy to add and delete later on.
3.Select alignment.
You can center, left align, or right align your table within your page. Choose Default,
and FrontPage leaves it up to a viewer's browser, which usually picks left align.
4.Set float.
This setting generally applies to smaller tables. If you want text outside your table
to wrap around the table, use the Float box to select which side. For instance, select
Right to have text wrap to the left of the table. If you're creating a table to help with
page layout, leave this set at Default.
5.Specify table width.
If you don't know whether to set the width in pixels or percent, read the box "Fixed
vs. Fluid Design" and see Figure 5-3. The standard setting for basic HTML tables is in
percent. A table width of 100 percent stretches all the way across browser screen,
50 percent covers half the browser screen, and so on.

2.Text Colour
Applying Color to Text: Menu Option
1.Select the text you want to color
2.From the Format menu, select Font...
The Font dialog box appears.
3.From the Color pull-down list, select the desired color
HINTS:
To see a wider variety of colors or create your own custom color, select More
Colors....
To return your text to black, repeat steps 1-3 and select Black
4.Click OK
Applying Color to Text: Toolbar Option
1.Select the text you want to color
2.On the Formatting toolbar, from the Font Color pull-down list
, select the
desired color
HINTS:
To see a wider variety of colors or create your own custom color, select More
Colors....
To return your text to black, repeat step 2 and select Black
Using Additional Color Options
Using a custom color allows you to either choose one of 48 web-safe colors or
create your own color.
1.Choosing a Basic Color
2.Select the text you want to color
3.From the Format menu, select Font...
The Font dialog box appears.
4.From the Color pull-down list, select More Colors...
The More Colors dialog box appears.

Click CUSTOM...
The Color dialog box appears.

5.From the hexagonal palette, select a desired color

The new color appears in the New box.
NOTE: For more information, refer to Entering Hex Colors.
6.Click OK
The new color you selected appears in the Color pull-down list.
7.Click OK
The color is now applied to the selected text.

3.What is a Decleration and give example

Introduction
DOCTYPE is short for Document Type. When you declare the HTML DOCTYPE, you
tell the browser which version of HTML that a Web page uses. This is called a
DOCTYPE declaration. Because there are multiple versions of HTML, browsers use
the DOCTYPE declaration to determine how to render the page.
DOCTYPE declarations are technically optional, and not using one does not cause an
error; for example, you can create a Web page without a DOCTYPE declaration, and
Microsoft Internet Explorer, Netscape Navigator, Mozilla, and Opera may all render
the page as you intended. However, as your Web pages become more complex, lack
of a DOCTYPE declaration can cause pages to render differently than expected or
desired. (This is sometimes referred to as "quirks mode.")
In addition, if you design a Web page using one DOCTYPE definition, changing to
another DOCTYPE definition might cause the page to display differently. Therefore,
determining whether to use a DOCTYPE declaration and which DOCTYPE declaration
to use is important if you want all browsers to accurately render your pages.
A DOCTYPE declaration is also necessary if you want to use a validation tool to
ensure that your HTML is valid. Web developers can use tools, such as the World
Wide Web Consortium (W3C) Markup Validation Service, to validate the HTML in
their pages. Valid HTML pages can ensure a minimum level of accessibility. Although
a DOCTYPE declaration does not guarantee compliance with accessibility guidelines,
validating your Web pages may help to find errors that may cause your Web pages
to be inaccessible in various browsers.
A DOCTYPE declaration appears at the top of a Web page before all other elements.
A valid DOCTYPE declaration consists of two parts: a definition of the HTML version
that a page uses, and a path, also called a Uniform Resource Identifier (URI), to the
document type definition (DTD) that defines the HTML version.
The following example shows a valid DOCTYPE declaration for the HTML 4.01
Transitional specification, with the version appearing on the first line, and the DTD
URI appearing on the second:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

4.What is Navigation Menu and give example

First, create a new empty web by opening FrontPage and going to the File menu and
selecting New, then Page or Web and your Task Pane will appear on the right side
of your screen. Choose Empty Web from the Newsection, as shown in the image
below:

When the Web Site Templates dialog box comes up, choose the Empty Web and
click on the Browse button to choose a location and name:

When you click on the Browse button, the box in the image below comes up. Select
your Desktop as the location, click the New Folder button to create a new folder,
name the folder NavigationLesson, click OK, then click Open:

This will bring you back to the Web Site Templates box and you will see your
location has been filled in, in the box that says Specify the location for your new
web. Make sure Empty Web is highlighted and click OK.
You will see a box for a few seconds that shows that FrontPage is creating a web for
you. Then you will see your FrontPage interface again. The large gray area is blank
because your web is still empty. You should see yourFolder List on the left which
shows the folders FrontPage creates for you when you make a new web. If you don't
see the Folder List, click on the Folder List button. Then click on the New
Page button to add a page to your web so it is no longer empty, as shown in the
illustration below:

Once you click on the New Page button, FrontPage adds a blank white page based
on the Normal Page template. Click on the Save button and you will see that
FrontPage wants to name this index.htm because this will be the home page of your
web. Leave this name as it is and click on the Save button in the bottom right corner
of the Save As dialog box:

Repeat this process to create six more pages. However, obviously you won't be
naming them all index.htm.Instead, name them the following (remember, it's best
not to use capital letters or spaces in your web page names):

products
services
contact
newprods
oldprods
newsreleases
Once you have all of your pages created, they will all show in your Folder list (and if
you use FrontPage 2002, they will also show as tabs at the top of your page view
screen so you can easily flip between them):

Notice that your index.htm page has a different icon from the other pages, because
FrontPage recognizes it as your home page:

Okay, now that we have a simple web set up, let's look at how to organize in a
hierarchy, so we can add some navigation buttons.

Go to the View menu in FrontPage and click on Navigation and you will see
your Navigation View where there is one page called New Page 1. This is
your home page, or index.htm:

Right click on the New Page 1 page you see in the Navigation view and
choose Rename and name it Home. With a real web, you probably would want to
name this with your web site's name, but remember that this name is what will
appear on your navigation buttons or text links, so keep the name short so it
doesn't get chopped off.

Now, click and drag the services.htm, products.htm, and contact.htm pages from
your Folder List over to the Navigation screen. You will see lines attaching them to
your Home page. Just drop them there and rename them all to
be Services, Products, and Contact. Your navigation tree should now look like this:

So, our navigation now has two levels. Let's add a third. Click and drag
your oldprods.htm and newprods.htmpages from the Folder List over to
the Navigation, but drop them below the Products page so the lines connect them to

that page. Then drag the newsreleases.htm page over so it is below and attached to
theServices page.
Rename them so they have names that will be more user friendly when they appear
on your site. For example, I named them Old Products, New Products, and Hot
News and my navigation now looks like this:

5.Insert Background Colour

Selecting a Background Color
To choose and apply a background color for your document, use the following
instructions:

1.From the Format menu, select Background...

The Page Properties dialog box appears with the Formatting tab displayed.

2.In the Colors section, from the Background pull-down list, select the desired
background color
3.OPTIONAL: To set text and link colors, from the Text, Hyperlink, Visited hyperlink,
and Active hyperlinkpull-down lists, select the desired colors
NOTE: For more information, refer to Colors and Text.
4.Click OK
NOTE: Remember to test the compatibility of the color of your background with the
color of your text and hyperlinks. The colors may appear fine individually, but when
you place them all together on one page, you may find their combination difficult to
read.

5.Set page to Center

Creating a Site
These steps establish a site, an initial file structure, and the first page of your web
site.
From the File menu, select New...
The New task pane appears.
Under New Web site, select the desired type of web site
HINT: It is recommended to select One Page Web Site...
The Web Site Templates dialog box appears.

On the General tab, make your selection

NOTE: It is recommended that you select One Page Web site.
Under Options, from the Specify the location for your new Web site pull-down, select
the location for the web site
OR
To select a location not listed,
Click BROWSE...
The New Web Site Location dialog box appears.
Using the Look in pull-down menu, select a location for your web site

Click OPEN
NOTE: If this is a personal web site, it is recommended to select H:\\My Webs for the
location of your new web site.
Click OK
A Folder List appears showing folders needed in your web site.

Under the Folder List, double click INDEX.HTM

The Index page appears for you to begin working on your web site.
Opening a Site
Once you have created a web site, it is recommended that you open the web site
before working with the files or before adding new pages. When you open a site in
Microsoft FrontPage, you do not open a single folder, rather you open a web site
folder that contains all the files for your site.
From the File menu, select Open Site...
Using the Look in pull-down list, locate the web site that you want to open
Click OPEN
NOTES:
If you open a web site or folder that was not created using Microsoft Office
FrontPage 2003, you will be prompted to make the site a FrontPage site.
If you already have a web site open, each subsequent Web site will open in a new
FrontPage window.

7.Insert Last Update

FrontPage allows you the option of displaying the date your web page was last
edited or automatically updated. FrontPage offers several format options for the
date and time displays.
This date and time information is updated automatically either each time you edit
the page or an automatic update occurs. This saves time and keeps your page
current.
Open an existing FrontPage document
Place the insertion point where you want the date and time to appear
From the Insert menu, select Date and Time...
The Date and Time dialog box appears.

To display the last time the page was edited, select Date this page was last edited
To display the last time the page was automatically updated, select Date this page
was last automatically updated
From the Date format pull-down list, select the desired format for the date display

From the Time format pull-down list, select the desired format for the time display
Click OK
The display is inserted and can be formatted like any other text in your web page.
NOTE: For more information, refer to Text & Paragraph Formatting

8.Page Break
1.Open a new or existing Writer document.
2.Press F11 to open the styles list. Select the fourth tab from the left (Page styles).
Double click the First page style.
3.Move the cursor to the bottom of the first page (ignore that in a blank document).
Choose Insert > Manual Break from the menu bar.
4.Select the Page break button in the dialog box.
5.From the drop-down list, select Default.
6.Select the Change page number option in the checkbox.
7.Click the up or down arrows as necessary until 1 appears.
8.Click OK.
The document now has at least 2 pages, and the cursor is in the second page. If the
cursor is not in the second page, click in the second page so that it is.

1.Choose Insert > Footer > Default from the menu bar. (Or Insert > Header >
Default, depending on where you want your page number to appear).
2.To insert the page number, Choose Insert > Fields > Page Numbers. A number '1'
should appear on the second page of the file.

9.Create Marquee Text

A marquee is a section on a page that displays horizontal scrolling text message only in IE though, other browsers will show the text but it will not scroll. So make
sure you check the page in other browsers to make sure it views okay.
To insert a marquee
In Page View, place the insertion point on a blank line of text, or select and highlight
the text that you want to display in the marquee
From the Insert menu, select Web Component...

The Insert Web Component dialogue box is displayed.

From the Component type box, select Dynamic Effects
From the Choose an effect box, select Marquee
Click Finish

The Marquee Properties dialogue box is displayed.

In the Text box, enter the line of text that the marquee should display (If you
highlighted text on the page that will already appear in the box).
Adjust the values for direction, movement speed, behaviour, size, repetitions, and
background colour.
Click OK

To format the background color, font etc, click on the Style button at the bottom,
then play around with the settings.

Note: The best way to setup a marquee is to create one and preview it in Internet
Explorer, trying various effects and colour schemes until it matches your needs.
10.How to Save and Run Web
FrontPage 2003 provides the following views:
-Design. The WYSIWYG (what you see is what you get) interface to the development
process similar to the look and feel of most Microsoft Office System products. Most
users will find that a considerable amount of their work is done in Design view.
-Code. The means for direct coding of HTML or other scripting languages. FrontPage
provides a number of tools that assist in entering code through this view.
-Split. A new option that splits the screen between Design and Code view. This
allows the developer a means to instantly see how her HTML will be rendered.
-Preview. Lets you see a quick preview of your site as you are designing it. Because
it is integrated in to the FrontPage interface, there is often no need to open an
additional browser window.
-Folders. A look at your entire site through an interface similar to Windows Explorer.
Folder view supports drag and drop and most other Windows Explorer related
features. Folders view should not be confused with the Folder list described later in
this chapter.
-Remote Web Site. Similar to Folder view but shows your site as compared to the
remote Web site. Enables you to examine the two sites side by side.
-Navigation. If you want to have FrontPage maintain the site navigation structure,
this view both presents the structure as well as provides simple manipulation
options.
-Reports. FrontPage provides a number of reports about site status and traffic that
can be accessed directly through FrontPage. These reports give the developer both

a high-level view of the site and the means to quickly fix whatever problems the
reports identify.
-Hyperlinks. This unique tool gives you a bird's eye view of how your Web site links
to files that are internal and external. How every file relates to every other one can
be examined, and broken links are clearly identified.
-Tasks. If you use the task management system built in to FrontPage, you can access
it directly through the FrontPage interface using the Tasks view.