QUESTION1.Insert TableInserting a Table with the ToolbarThe 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 MenuOften, 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 ColourApplying Color to Text: Menu Option1.Select the text you want to color2.From theFormatmenu, selectFont...TheFontdialog box appears.3.From theColorpull-down list, select the desired colorHINTS:To see a wider variety of colors or create your owncustom color, selectMore Colors....To return your text to black, repeat steps 1-3 and selectBlack4.ClickOKApplying Color to Text: Toolbar Option1.Select the text you want to color2.On theFormattingtoolbar, from theFont Colorpull-down list, select the desired colorHINTS:To see a wider variety of colors or create your owncustom color, selectMore Colors....To return your text to black, repeat step 2 and selectBlackUsing Additional Color OptionsUsing a custom color allows you to either choose one of 48 web-safe colors or create your own color.1.Choosing a Basic Color2.Select the text you want to color3.From theFormatmenu, selectFont...TheFontdialog box appears.4.From theColorpull-down list, selectMore Colors...TheMore Colorsdialog box appears.ClickCUSTOM...TheColordialog box appears.

5.From the hexagonal palette, select a desired colorThe new color appears in theNewbox.NOTE:For more information, refer toEntering Hex Colors.6.ClickOKThe new color you selected appears in theColorpull-down list.7.ClickOKThe color is now applied to the selected text.

3.What is a Decleration and give exampleIntroductionDOCTYPE 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 theWorld 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:

4.What is Navigation Menu and give exampleFirst, create a new empty web by opening FrontPage and going to theFilemenu and selectingNew, thenPage or Weband yourTask Panewill appear on the right side of your screen. ChooseEmpty Webfrom theNewsection, as shown in the image below:

When theWeb Site Templatesdialog box comes up, choose theEmpty Weband click on theBrowsebutton to choose a location and name:

When you click on theBrowsebutton, the box in the image below comes up. Select yourDesktopas the location, click theNew Folderbutton to create a new folder, name the folderNavigationLesson, clickOK, then clickOpen:

This will bring you back to theWeb Site Templatesbox and you will see your location has been filled in, in the box that saysSpecify the location for your new web. Make sureEmpty Webis highlighted and clickOK.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 Liston 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 theFolder Listbutton. Then click on theNew Pagebutton to add a page to your web so it is no longer empty, as shown in the illustration below:

Once you click on theNew Pagebutton, FrontPage adds a blank white page based on the Normal Page template. Click on theSavebutton and you will see that FrontPage wants to name thisindex.htmbecause this will be the home page of your web. Leave this name as it is and click on theSavebutton in the bottom right corner of theSave Asdialog box:

Repeat this process to create six more pages. However, obviously you won't be naming them allindex.htm.Instead, name them the following (remember, it's best not to use capital letters or spaces in your web page names):productsservicescontactnewprodsoldprodsnewsreleasesOnce you have all of your pages created, they will all show in yourFolderlist (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 yourindex.htmpage has a different icon from the other pages, because FrontPage recognizes it as yourhome 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 theViewmenu in FrontPage and click onNavigationand you will see yourNavigation Viewwhere there is one page calledNew Page 1. This is yourhomepage, orindex.htm:

Rightclick on theNew Page 1page you see in theNavigationview and chooseRenameand name itHome. 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 theservices.htm,products.htm, andcontact.htmpages from yourFolder Listover to theNavigationscreen. You will see lines attaching them to yourHomepage. Just drop them there and rename them all to beServices,Products, andContact. Your navigation tree should now look like this:

So, our navigation now has two levels. Let's add a third. Click and drag youroldprods.htmandnewprods.htmpages from theFolder Listover to theNavigation, but drop them below theProductspage so the lines connect them to that page. Then drag thenewsreleases.htmpage over so it is below and attached to theServicespage.Rename them so they have names that will be moreuser friendlywhen they appear on your site. For example, I named themOld Products,New Products, andHot Newsand my navigation now looks like this:

5.Insert Background ColourSelecting a Background ColorTo choose and apply a background color for your document, use the following instructions:1.From theFormatmenu, selectBackground...ThePage Propertiesdialog box appears with theFormattingtab displayed.

2.In theColorssection, from theBackgroundpull-down list, select the desired background color3.OPTIONAL:To set text and link colors, from theText,Hyperlink,Visited hyperlink, andActive hyperlinkpull-down lists, select the desired colorsNOTE:For more information, refer toColors and Text.4.ClickOKNOTE: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 CenterCreating a SiteThese steps establish a site, an initial file structure, and the first page of your web site.From theFilemenu, selectNew...TheNewtask pane appears.UnderNew Web site, select the desired type of web siteHINT:It is recommended to selectOne Page Web Site...TheWeb Site Templatesdialog box appears.

On theGeneraltab, make your selectionNOTE:It is recommended that you selectOne Page Web site.UnderOptions,from theSpecify the location for your new Web sitepull-down, select the location for the web siteORTo select a location not listed,ClickBROWSE...TheNew Web Site Locationdialog box appears.Using theLook inpull-down menu, select a location for your web siteClickOPENNOTE:If this is a personal web site, it is recommended to selectH:\\My Websfor the location of your new web site.ClickOKAFolder Listappears showing folders needed in your web site.

Under theFolder List, double clickINDEX.HTMTheIndexpage appears for you to begin working on your web site.Opening a SiteOnce you havecreated 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 theFilemenu, selectOpen Site...Using theLook inpull-down list, locate the web site that you want to openClickOPENNOTES:If you open a web site or folder that was not created using Microsoft Office FrontPage2003, 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 UpdateFrontPage 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 documentPlace the insertion point where you want the date and time to appearFrom theInsertmenu, selectDate and Time...TheDate and Timedialog box appears.

To display the last time the page was edited, selectDate this page was last editedTo display the last time the page was automatically updated, selectDate this page was last automaticallyupdatedFrom theDate formatpull-down list, select the desired format for the date display

From theTime formatpull-down list, select the desired format for the time displayClickOKThe display is inserted and can be formatted like any other text in your web page.NOTE:For more information, refer toText & 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). ChooseInsert > Manual Breakfrom the menu bar.4.Select thePage break buttonin the dialog box.5.From the drop-down list, selectDefault.6.Select theChange page numberoption in the checkbox.7.Click the up or down arrows as necessary until 1 appears.8.ClickOK.

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.ChooseInsert > Footer > Defaultfrom the menu bar. (OrInsert > Header > Default, depending on where you want your page number to appear).2.To insert the page number, ChooseInsert > Fields > Page Numbers. A number '1' should appear on the second page of the file.

9.Create Marquee TextA 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 marqueeInPage View, place the insertion point on a blank line of text, or select and highlight the text that you want to display in the marqueeFrom theInsertmenu, selectWeb Component...

TheInsert Web Componentdialogue box is displayed.From theComponent typebox, selectDynamic EffectsFrom theChoose an effectbox, selectMarqueeClickFinish

TheMarquee Propertiesdialogue box is displayed.

In theTextbox, 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 OKTo format the background color, font etc, click on theStylebutton 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 WebFrontPage 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.