Download About creating and designing web pages

About creating and designing web pages
Some of the content in this topic may not be applicable to some languages.
Web pages are the basic documents of the World Wide Web and are written in HTML
(Hypertext Markup Language). Web pages can either be part of a web site, or they
can stand alone. However, many features in Microsoft FrontPage are only useful if
you are working with a web site. For example, a link bar, which lets a site visitor
navigate to other pages in a web, is meaningless in the context of a single page.
To help you create professional-looking and well-designed web pages, FrontPage
provides several page templates so you can quickly create pages with a variety of
layouts and functions. For example, you can use a FrontPage template to create a twocolumn page or a page with a search form. You can also use one of several themes to
create pages with a consistent design. A theme contains unified design elements with
a color scheme, including fonts, graphics, backgrounds, navigation bars, horizontal
lines, and other page elements.
If you prefer to design and lay out pages yourself, you can start with a blank page, and
then:







Use frames, tables, or absolute positioning to precisely position text and
graphics on a page.
Add page elements, such as text, graphics, page banners, tables, forms,
hyperlinks, banner ads, and so on.
Add content that can change, such as marquees, hit counters, and time stamps.
Format text by applying styles or using style sheets.
Animate page elements and set page transitions for lively pages.
Set the background color, picture, or sound.
Create your own page template: a pre-designed page that can contain page
settings, formatting, and page elements.
Organize your web site using subwebs
A subweb is a web site nested inside another web site. The site that contains a subweb
is called a root web.
Northwind is the root web site
Human Resources is a subweb of the Northwind root web site
Job Postings is a subweb of Human Resources
A subweb initially inherits certain site settings (such as theme information and
permissions) from its parent site (root web). Use subwebs to organize your intranet
logically based on your organizational model.
Files and folders that FrontPage creates
Microsoft FrontPage creates the following files and folders for a web site:
General files and folders
images
Created to store pictures, videos, and other images.
pasted images
If you paste graphics files into pages, when you save the web site, FrontPage
prompts you to save the pictures in GIF
the type of pictures they are.
or JPEG
format, depending on
animate.js
If you use Dynamic HTML (DHTML) effects to animate page elements,
FrontPage creates a file named animate.js in the root folder of your web site.
outline.js
If you enable collapsible outlines for bulleted or numbered lists, FrontPage
creates a file named outline.js in the root folder of your web site.
Database-related files and folders
Themes and class files
Hidden files and folders
_private
Created to store form results and any other files that you want to keep hidden
from site visitors browsing your web site.
filename.cnt
If you add a hit counter to your web site, filename.cnt is is created in the
_private folder, where filename is the name and extension of the page on
which the hit counter is located.
_sharedtemplates
If you create shared templates for a web site, FrontPage creates a hidden folder
named _sharedtemplates in your root web site.
Create a web site
Some of the content in this topic may not be applicable to some languages.
1. On the File menu, point to New, and then click Page or Web.
2. In the New Page or Web task pane, under New from template, click Web
Site Templates.
3. Click the web site template you want to use.
4. In the Specify the location of the new web box, type the URL for the new
web site, or click Browse to create a new site on your hard disk, network, or
on the Internet.
Note To create a subweb, append the name of the subweb to the name of the
root web. For example: http://adventure-works.com/subweb.
Create or modify a web page template
Some of the content in this topic may not be applicable to some languages.
In Page view, do one of the following:
Create a page template from a blank page
1. Create a new page.
How?
2.
3.
4.
5.
1. On the File menu, point to New, and then click Page or Web.
2. In the New Page or Web task pane, under New, click Blank Page.
3. Create a page that includes the page settings and elements that you
want in the template.
On the File menu, click Save As.
In the Save as type box, click FrontPage Template.
In the File name box, type a file name for the template, and then click Save.
In the Title box, type a title for the template.
This title is the title that will be displayed in the list of templates in the
Templates dialog box.
Note If you are modifying an existing template, you can type the same title
that you originally used, or type a different one.
6. In the Description box, type text describing what the template does.
This is the text displayed in the Description area in the Templates dialog box.
Note If you are modifying an existing template, you can type the same
description that you originally used, or type a different one.
7. Select the Save template in current web check box if you are working in a
web site that is part of a workgroup and you want the template to be available
to other members of your workgroup (as a shared template).
Create a page template from an existing template
1. On the File menu, point to New, and then click Page or Web.
2. In the New Page or Web task pane, under New from Template, click Page
Templates.
Note If the template you want to modify is a web template, under New from
template, click Web Site Templates.
3. Click the tab containing the template you want to modify, and then in the list
of templates, double-click the template.
Microsoft FrontPage opens a new page based on the template.
4.
5.
6.
7.
8.
Modify the new page to reflect the changes you want to make to the template.
On the File menu, click Save As.
In the Save as type box, click FrontPage Template.
In the File name box, type a file name for the template, and then click Save.
In the Title box, type a title for the template.
This title is the title that is displayed in the list of templates in the Templates
dialog box.
Note If you are modifying an existing template, you can type the same title
that you originally used, or type a different one.
9. In the Description box, type text describing what the template does.
This is the text displayed in the Description area in the Templates dialog box.
Note If you are modifying an existing template, you can type the same
description that you originally used, or type a different one.
10. Select the Save template in current web check box if you are working in a
web site that is part of a workgroup and you want the template to be available
to other members of your workgroup (a shared template).
Create a table
You can create a table to display information or to lay out text and graphics on a page.
In Page view, do one of the following:
Insert a table and set its properties
1.
2.
3.
4.
5.
6.
Position the insertion point where you want to insert the table.
On the Table menu, point to Insert, and then click Table.
In the Rows box, type the number of rows you want.
In the Columns box, type the number of columns you want.
In the Alignment box, select the position for the table on the page.
In the Border size box, type the width you want for the table border in pixels.
If you do not want a border, type 0.
7. To change the cell padding of the table (the space between a cell's border and
content), enter a number in the Cell padding box.
8. To change the cell spacing of the table (the space between cells), enter a
number in the Cell spacing box.
9. To change the width of the table, do one of the following:
o Select In pixels, then type the width you want the table to be in pixels.
o Select In percent, then type a percentage of the screen width you want
the table to be.
Note The properties that you specify for the new table will be used as the default
properties the next time you create a table.
Create a simple table
You can create a simple table just by specifying the number of rows and columns.
Default properties will be used for the table.
1. Position the insertion point where you want to insert the table.
2. Click Insert Table
, then drag down and to the right until the number of
rows and columns you want in the table is displayed.
Create a table by drawing it
You can create a table by drawing the table and cells, rather than by specifying the
number of rows and columns.
1. On the Table menu, click Draw Table. Microsoft FrontPage opens the Tables
toolbar with Draw Table
selected.
2. On your page, draw the outside border of the table by dragging from the
upper-left corner to the lower-right corner of the table.
3. To make cells, draw vertical and horizontal lines within the table.
4. To remove any lines you do not want, click Eraser
on the Tables
toolbar, drag across the unwanted line, and then when the line turns red,
release the mouse button.
5. When you have finished drawing the table, click Draw Table
Tables toolbar so that the button is no longer selected.
on the
Convert text into a table

To convert text that has been delimited into a table, do the following:
1. Select the text you want to convert to a table.
2. On the Table menu, point to Convert, and then click Text To Table.
3. In the Convert Text to Table dialog box, specify the character used to
separate the text (commas, paragraphs, etc.). Click None to create a
one-celled table.

To convert text that has not been delimited into a table, do the following:
1. Type separator characters — such as commas — where you want to
divide text into columns and rows. For example, use commas to divide
columns, and use paragraph marks to mark the ends of rows.
2. Select the text you want to convert to a table.
3. On the Table menu, point to Convert, and then click Text To Table.
4. In the Convert Text to Table dialog box, specify the character you
used to separate the text (commas, paragraphs, etc.). Click None to
create a one-celled table.
Set the properties of a table
1. In Page view, right-click the table.
2. Click Table Properties on the shortcut menu.
Then do one or more of the following:
Set the layout of the table
Set one or more of the following (or you can use the default values):


Alignment Set the position for the table on the page.
Float Specify whether you want text to flow around the left or right of the
table. If you do not want text to flow around the table, select Default.




Cell spacing To change the space between the table cells, type a number in
the box.
Cell padding To change the space between a cell border and its content, type
a number in the box.
Width Set of the width of the columns in pixels or percentage.
Height Set the height of the columns in pixels or percentage.
Set the borders of the table
Set one or more of the following (or you can use the default values):




Size Type the width you want for the table border in pixels. If you do not
want a border, type 0.
Color To set one color for the table border, select a color from the list.
Light border and Dark border To set a two-color border for a threedimensional effect, select colors from the lists.
Show both cells and table borders Select if you want colors to apply to both
cells and borders.
Set the background of the table

Do one of the following:
Set the background color of the table
Under Background, in the Color list, select a color for the table background.
Show a background picture in the table
1. Under Background, select the Use background picture check box,
and then click Browse.
2. Select the background picture by doing one of the following:
 If you know the name of the picture Type the name of the
picture in File name, and click Open.
 If the picture is on a local drive or network In the Look in
box, locate the picture you want. Or, click one of the buttons in
the left of the dialog box to locate the picture. Then click Open.
 If the picture is on the World Wide Web Click World
Wide Web
. In your Web browser, browse to the picture
that you want, and then switch back to Microsoft FrontPage.
The location of the page you visited will be displayed in the
File name box. Click Open.