Marshall University Criminal Justice Department

1
Marshall UniversityCriminal Justice Department
Constructing Web Pages
Using Microsoft FrontPage
www.marshall.edu/criminal-justice/
2
FrontPage

• Go to the Start Button
• Click on Microsoft FrontPage
• When the Screen Comes Up,Go to View Toolbars
  And Click on Pictures
• Your Screen Should Look Like This

Example
3
This is the basic Layout for page construction
4
Basics of Construction

• How Many Web Pages Do You Want to Create?
• In What Time Do You Want Them to Load?
• How Much Detail Do You Want?
• What Do You Want Them to Look Like?
• How Do You Want Them Linked?
• What Artwork Do You Want On Them?

5
Web Location

• To Load Web Pages, You Need a Web Location (Site)
• Ours, for example, ishttp//www.marshall.edu/crim
  inal-justice/

I am the Web Master and access is granted to
departmental membersby me. They can alter and
post web pages by using their system user names
and passwords. However, remember that the Web
Masteris ultimately responsible for content.
6
A Lot of Areas Need Files and Folders

• When you get pages built, you can add folders.
• Inside folders, the first page can be an index
  file index.htm or index.html However, they do
  not have to have this extension, ONLY the Main
  Page Needs the index.htm or index.html for the
  web site (check with your server).

7
Format

• Click Format
• Click Background
• Select General
• Title
• Type in Your Title for the PageIt Should Be
  Short But Descriptive
• Browsers Search as Part of Finding Web Pages
• They Also Search the First Page for Text

Example
8
Title Example
Sam Damerons Criminal Justice Web Page at
Marshall University
9
Format Background

• In Page Properties,
• Click on Background
• Check Background Picture, Use Gif on Disk
• Click on Down Triangle for Background Color, Text
  Color and Link Colors
• Change Them to Other Colors, Keep Your Background
  and Background Color in Mind

Example
10
Background Properties Should Look Something Like
This
11
Inserting a Table

• Click on Table on the Toolbar
• Click on Insert
• Choose Two Rows and Two Columns
• Specify Width as 620 pixels
• This is printable on a regular sheet of paper
  on most printers.

Example
12
The Dotted Lines Show the Table Locations
13
Change the Table PropertiesLeft Click into the
Table and Right Click

• Click the down triangleand change the Layoutto
  Center.
• Set the Border Size to 5.
• Set the Light border tolight gray.
• Set the Dark border to dark gray.

14
Left Click into the Left Two Cells and then Right
Click. Change the Cell Width to 60 Pixels.
15
Highlight the two Left Cells Again and Right
Click.Change the Background Color to Dark Blue.
16
Highlight the Two Top Cells. Right Click and
Select Merge Cells.
17
Pull Down the Insert Menu. Select Picture. Get
a gif from youre A disk and insert it.
Type in a Name for the Web Page.
18
Splitting Cells

• Go to the cell or row you want to split.
• Click inside the cell or row and then click the
  right mouse.
• Select Split Cells.
• Choose two columns
• Next, click inside the left cell and set the
  width at 75 Pixels.

19
Insert a Table in a Table

• Click on Table.
• Insert.
• Specify a table of one column and five rows.
• Set the Cell Spacing at three and the border
  width at three.
• Apply

Example
20
Page With Inserted Table in One Cell of a Bigger
Table
21
Go to the right cell and tab.How do you get the
bottom row to go all away across the table?
22
Highlight both bottom cells.

• Right Click
• Choose Merge Cells

23
Search Protocol for Files

• When a file search is designated on a hyperlink,
  the search is directed by the specified location.
• The hyperlink directs the search from the same
  directory to anywhere.
• The search goes something like this.

24
Hyperlink searches

• Link Has the search directed to the web page
  it is on.
• Link.htm Has the search will go to the folder
  of the web page and look for a file.
• http//www.marshall.edu/criminal-justice/link.htm
  Has the search go to a web site marshall.edu and
  then go to the folder criminal-justice and find a
  file link.htm

25
Inserting a Hyperlink

• You can designate anything on the web page as a
  link.
• An Icon
• Or text Link
• Select the Icon or Text and right click on it.
• On the menu select hyperlink and type in the
  hyperlink.
• You can also do hyperlinks to Bookmarks.

Link
26
Bookmarks

• These are Targets on the Web Page. They allow
  you to search for certain places on a web page.
• Click in the table on the left side with the five
  rows.
• Select Insert on the Menu.
• Select Bookmark on the Pull Down Menu.
• Insert a Bookmark entitled Links.

Example
27
Bookmarks
Now do it again and add a Bookmark for Email.
28
Now, Lets Individualize

• You can Add More Gifs.
• You can Add Pictures.
• You can change the color or background of Tables.
• You can make the page yours.
• Examples.