Microsoft FrontPage: An Introduction

1
Microsoft FrontPageAn Introduction

• Eva M. Fernández
• Queens LOTE Consortium
• LOTE_at_qc.edu
• May 5, 2003

2
How to build a website in 10 steps (or less!)

• have a specific PROJECT in mind
• outline or define the STRUCTURE of the site
• write the CONTENT
• create HTML FILES with the content
• add DESIGN features to facilitate browsing
• TEST the site
• if using web authoring tools, PUBLISH the files
• UPLOAD the files to your server
• CHECK your newly-uploaded files
• TELL ALL YOUR FRIENDS TO GO VISIT!

• have a specific PROJECT in mind
• outline or define the STRUCTURE of the site
• write the CONTENT
• create HTML FILES with the content
• add DESIGN features to facilitate browsing
• TEST the site
• if using web authoring tools, PUBLISH the files
• UPLOAD the files to your server
• CHECK your newly-uploaded files
• TELL ALL YOUR FRIENDS TO GO VISIT!

3
Whats in a website?

• fancied-up text files
• .html, .htm, .xml,
• text with hyperlinks and other features
• .txt, .pdf, .rtf, .doc,
• text with and without formatting
• maybe also
• images (.gif, .jpg, )
• sounds (.wav, .au, .mp3, )
• movies (.mov, .avi, )

4
How will your visitors know where to go?

• a good site has
• a solid underlying organization or hierarchy
• design features that directly reflect this
  hierarchy
• navigation bars
• cross-links

5
For example
home?
6
Building a website using FrontPage

• focus on
• 4. creating HTML FILES with the content
• 5. adding DESIGN features to facilitate browsing
• 6. TESTING the site
• 7. PUBLISHING the files
• some brief comments on
• using built-in FP themes
• using cascading style sheets
• using framesets

7
Starting up FP

• opening a new web
• the Page view
• the Folders view

8
Working within a file

• various modes of operation
• Normal, HTML, Preview
• working with text
• adding, formatting ( using styles), hyperlinking
• working with images
• adding, formatting, hyperlinking
• working with tables
• positioning text on a page
• setting table cell parameters

9
Creating a hierarchy of files

• the Navigation view
• the Folders view

10
Navigation bars FPs borders

• Insert gt Navigation Bar
• pages listed in bar are those specified in
  Navigation view
• file names in Navigation view are those used in
  Navigation Bar
• Format gt Shared Borders
• add a border to all pages or one page in the
  current web
• local changes will be updated in all pages

11
Framesets

• File gt New gt Frames Pages
• set component pages
• Frames menu, to set (among other things) frame
  properties
• size, margins, scrollbars, etc.
• No Frames view
• Frames Page HTML and HTML views

12
Adding fancy design features

• FPs templates
• Format gt Theme
• CSS templates
• File gt New gt Style Sheets or
• Format gt Style Sheet Links
• cascading style sheets
• documentation http//www.w3.org/Style/CSS/
• downloadable examples http//www.stylebank.f2s.co
  m/

13
Checking the sites looks

• before Publishing it
• Preview mode v. preview button
• avoiding the where are my files? problem
• test using different screen resolutions,
  different browsers
• probably not much variation among visitors
• Queens LOTE Web visitors
• Microsofts Internet Explorer, 5.x (75)
• Windows 98 (62)
• 800 ? 600 (53) or 1024 ? 768 (35) screen
  resolution
• after Publishing it

14
Checking the sites links and file components

• Reports view
• Hyperlinks view
• Folders view
• changing file names and/or locations

15
Publishing the files

• Compatibility with target server
• Tools gt Page Options gt Compatibility
• enabled v. disabled MS FP Server Extensions
• Publish Web function
• specify location local v. remote
• determine additional options

16
Uploading the Files direct FTP

• using FPs Publish function
• destination ftp//forbin.qc.edu/public_html/
• system will prompt for username and password
• files will be uploaded to
• /usr/users/username/public_html/
• /usr/users/efernand/public_html/
• difficult for departmental webs, whose files are
  sited off the root directory
• /htdocs/queens/deptname/
• /htdocs/queens/LCD/

17
Uploading the Files publish FTP

• first, publish to local directory
• destination, e.g. c\MyDocuments\ToUpload\
• then, upload files to destination directory on
  server,
• using WS-FTP Lite (Limited Edition)
• Download http//www.ftpplanet.com/download.htm
• using SSH Secure Shell
• Instructions download http//www.qc.edu/OIT/SSH
  /

18
For more information

• http//office.microsoft.com/
• designs templates
• product updates
• tutorials help information
• http//www.qc.edu/LOTE/, SUPPORT area
• if you want another copy of this handout
• LOTE_at_qc.edu or 718-997-2992
• if you have any questions about todays workshop