How to Design Your Own
Home Page
Using MS FrontPage Express
Template
for your homepage
Index:
Creating a bookmark
Creating a Home Page using FrontPage Express
Giving Your Web Page a Title
Saving Your Web Page as a File on Your Computer
Apply Character Formatting
Aligning Text
Indenting Text
Making Lists
Adding Images
Working with Links
Using tables to format Your Web Page
Adding An Removing Rows and Columns
To remove a row or column, use these steps
Aligning Content within a Table Cell
Changing the Size of a Cell
Joining Table Cells (Spanning)
Formatting Forms and Fields on the Web Page
Working with Raw HTML
Insert an HTML Tag
Adding Scripts to Your Web Page
Creating a
bookmark:
- Create texts to be used as bookmark point(s).
- Create a high-lighted block of this text
in which you want to make as destination point.
- Choose Edit, Bookmark from the main
menu, and click OK.
- Repeat step 2 and 3 for all other
destinations (Including the Index, on the top one)
- To create a link, make a high-lighted
block of text where the bookmark will jump from.
- Choose Edit, Hyperlink, and choose
"Open Pages" from the folder.
- On the bookmark window, click the down-arrow,
and click the destination bookmark you want to go to, and
click OK to make the link.
- Repeat step 5, 6 and 7 for other links.
Back to top
Creating a Home Page using FrontPage Express
Each time you start FrontPage Express, it creates a new,
untitled Web page. You can use this as a start for your Web page.
Any other time, you can create a new Web page by choosing File,
New from the main menu.
FrontPage Express cerates all new Web pages using the same
characteristics:
1. A White background with black text.
2. The U.S./Western European Character set.
3. A title of Untitled Normal Page.
Back to top
Giving
Your Web Page a Title:
- Choose File, Page Properties from
the main menu.
- Type the title of your Web page in Title.
- Click OK to save your changes.
Back to top
Saving Your Web Page as a File on Your Computer:
- Choose File, Save As from
FrontPage Expresss main menu. Youll see the
Save As dialog box.
- Click As File to open the Save As
File dialog box.
- Provide a path and file name for your Web
page, and click Save.
- Note that, the main page should be named as "index.html".
Back to top
Apply
Character Formatting:
- Select one or more characters that you
want to format. You can use the mouse or the Keyboard.
- Choose Format, Font from the
main menu
- Select a font face from Font. This list
reflects the fonts on your computer, so be careful to
pick a Font that youre sure the user will have.
- Select a font style in Font Style.
- Select a size from Size. Set it to
Normal if you want to use the current paragraph styles
default font size.
- Select one or more special effects.
- Select a color from Color. Set it
to default if you want to use the web pages default
text color.
- Click Ok to save your changes.
Back to top
Apply
Paragraph Formatting:
- Place the insertion point inside of the
paragraph that you want to format.
- or select the text (with a high-lighted
block).
- Choose Format; Paragraph from the
main menu.
- Choose the paragraph format you want to
apply to the selected text, and click OK
Back to top
Aligning Text:
- Place the insertion point inside the
paragraph you want to align.
- Choose Format, Paragraph from the
main menu, and you see the paragraph Properties dialog
box.
- Choose Left, Center, or Right from
Paragraph Alignment.
- Click OK to save your changes.
Back to top
Indenting Text:
To indent text, place the insertion point
inside the paragraph that you want to indent, and click the
Increase indent button on the Format toolbar.
You can also decrease an indent by clicking the Decrease Indent
button.
Back to top
Making Lists:
- Put the insertion point within the text
that you want to make a list item, and choose Format,
Bullets and Numbering.
- Click the Bulleted tab if youre
creating a bulleted list, or click the Numbered tab if
youre creating a numbered list.
- From the available choices, select the
style of the list you want.
- Click OK to save your changes.
Back to top
Adding
Images to Your Web Page:
- Position the insertion at the location
where you want to insert an image.
- Choose Insert; Image from the main
menu.
- Type the path and file name of the image
in Form File; or, click Browse to browse
your computer for an image file. If the image you want to
use is on the Internet, select From Location, and
type the URL of the image.
- Click OK, and FrontPage Express will
insert the image at the insertion point.
Back to top
Working
with Links on Your Web Page:
- Select the text or image that you want to
use as the anchor for a link.
- Choose Insert, Hyperlink from
the main menu.
- Select the type of link youre
creating from Hyperlink Type. If youre
linking to another Web page, chooses http:, for example;
if youre creating a link to an Internet mail
address, choose mailto:.
- Type the URL of the document to which youre
linking in URL.
- Click OK to save your changes.
Back to top
Using
tables to format Your Web Page:
- Position the insertion point at the
location where you want to add your table.
- Click the Insert table button on the
Composition toolbar, or choose Table, Insert
Table from the main menu.
- Type the number of rows you want in Rows
and the number of columns in Columns.
- Choose how you want to align the table on
the Web page from the Alignment drop-down list.
- If you want to draw a border around the
table, select Specify Width of the border from Border
Size.
- If you want to control the width of the
table, select Specify Width and type the width of
the table in the space provided. You can change the unit
of measure by selecting In Pixels or In Percent.
- Click OK to create the table in your Web
page.
Back to top
Adding
An Removing Rows and Columns:
- Choose Table, Insert Rows or
Columns from the main menu.
- To insert a column, select Columns;
to insert a row, select Rows.
- Select the number of rows you want to
insert in Number of Rows or the number of columns
you want to insert in Number of Columns.
- Select Above Selection to insert a
row above the insertion point or Below Selection
to insert a new row below the insertion point. If youre
working with columns, select Left of Selection or Right
of selection.
- Click OK to save your changes.
Back to top
To remove a row or column, use these steps:
- Place the insertion point within the row
or column that you want to remove from the table.
- Choose Table, Select Row if
youre removing a row; or choose Table,
Select Column if youre removing a column.
- Click the Cut button in the toolbar.
Back to top
Aligning
Content within a Table Cell:
- Select the cell or cells that you want to
format.
- Choose Table, Cell Properties from the
main menu.
- Select the horizontal alignment from
Horizontal Alignment: left, Center, or Right.
- Select the Vertical Alignment from
Vertical Alignment: Top, Middle, or Bottom.
- Click OK to save your changes.
Back to top
Changing
the Size of a Cell:
- Select the cell or cells that you want to
format.
- Choose Table, Cell
Properties from the main menu.
- Select Specify Width and type the
width of the table in the space provided. You can change
the unit of measure by selecting In Pixels or In Percent.
- Click OK to save your change.
Back to top
Joining
Table Cells (Spanning):
- Position the insertion point in the top,
left cell of the block of cells you want to span.
- Choose Table, Cell
Properties from the main menu.
- Select the number of rows you want the
cell to span from Number of Rows Spanned. Select
the number of columns you want the cell to span from
Number of Columns Spanned.
- Click OK to save your changes.
Back to top
Formatting Forms and Fields on the Web Page:
- Add the field to your Web page. Choose Insert,
Form Field from the main menu, and then choose a
field type from the submenu.
- Format your new filed.
- Double-click the field to display its
Properties dialog box. Type a name for the field in Name.
Provide any additional information required by the field
and click OK to save your changes.
Back to top
Working
with Raw HTML:
To view your Web pages raw HTML, choose View,
HTML from FrontPage Expresss main menu. You can edit
your Web pages HTML source using the same window.
Back to top
Insert an
HTML Tag:
- Choose Insert, HTML Markup
from FrontPage Expresss main menu, and you see the
HTML Markup dialog box.
- Type your HTML tag in the dialog box,
FrontPage Express does not verify the syntax of anything
you type in this dialog box.
- Click and FrontPage Express adds your HTML
tag to the Web page.
Back to top
Adding
Scripts to Your Web Page:
- Choose Insert; Script from
the main menu.
- Select the language that youre using
to write the script-VBScript or JavaScript.
- Type the script in the space provided.
- Click OK to save your changes.
Back to top
Back to my home
page