1 / 18

Microsoft FrontPage: An Introduction

Microsoft FrontPage: An Introduction. Eva M. Fern ández Queens LOTE Consortium LOTE@qc.edu May 5, 2003. 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

Download Presentation

Microsoft FrontPage: An Introduction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Microsoft FrontPage:An Introduction Eva M. Fernández Queens LOTE Consortium LOTE@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. What’s 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… useful info bio publi-cations links lecturenotes 03/08 04/15 04/22 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 & FP’s borders • “Insert” > “Navigation Bar…” • pages listed in bar are those specified in “Navigation” view • file names in “Navigation” view are those used in Navigation Bar • “Format” > “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” > “New” > “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 • FP’s templates • “Format” > “Theme” • CSS templates • “File” > “New” > “Style Sheets” or • “Format” > “Style Sheet Links…” • cascading style sheets • documentation: http://www.w3.org/Style/CSS/ • downloadable examples: http://www.stylebank.f2s.com/

  13. Checking the site’s 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: • Microsoft’s Internet Explorer, 5.x (75%) • Windows 98 (62%) • 800  600 (53%) or 1024  768 (35%) screen resolution • after “Publishing” it

  14. Checking the site’s 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” > “Page Options” > “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 FP’s “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@qc.edu or 718-997-2992 • if you have any questions about today’s workshop

More Related