Web Development

  Homes arrow Web Development arrow Microsoft FrontPage 2002 - FrontPage Componen...
 Webmaster Tools
 
Base64 Encoding 
Browser Settings 
CSS Coder 
CSS Navigation Menu 
Datetime Converter 
DHTML Tooltip 
Dig Utility 
DNS Utility 
Dropdown Menu 
Fetch Content 
Fetch Header 
Floating Layer 
htaccess Generator 
HTML to PHP 
HTML Encoder 
HTML Entities 
IP Convert 
Meta Tags 
Password Encryption
 
Password Strength
 
Pattern Extractor 
Ping Utility 
Pop-Up Window 
Regex Extractor 
Regex Match 
Scrollbar Color 
Source Viewer 
Syntax Highlighting 
URL Encoding 
Web Safe Colors 
Forums Sitemap 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
WEB DEVELOPMENT

Microsoft FrontPage 2002 - FrontPage Components
By: Developer Shed
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 7
    2004-04-14

    Table of Contents:

    Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     

    SEARCH DEV MECHANIC

    TOOLS YOU CAN USE

    advertisement

    Microsoft FrontPage 2002 - FrontPage Components
    by GTS Learning

    Objectives of this Tutorial

    Generally: To add active elements to web pages to give an engaging and dynamic appearance.

    Specifically: On completion of this lesson you will be able to:

    • Add and edit scrolling marquee text
    • Add a hit counter
    • Format a page transition
    • Add a photo gallery
    • Add a search form

    FrontPage components allow non-programmers relatively easy access to sophisticated features like forms, hit counters and scrolling text. Without FrontPage, access to these features would require knowledge of HTML or a scripting language like Javascript or VBScript. However, in FrontPage, when you insert a component from the Insert, Component menu a set of programming commands are automatically embedded into HTML.

    Note: FrontPage components will not be displayed correctly if they are hosted on a server without FrontPage Extensions installed.

    Note: Some of the FrontPage components work only on Internet Explorer browsers (and then only with the most recent versions of IE). If you plan to use these features you check very carefully whether the components are functioning fully in a number of browsers.

    Add Scrolling Marquee Text

    A marquee is a region on a page that displays a horizontally scrolling text message when the page is viewed in Microsoft Internet Explorer. It is used to grab the attention of a user.

    Note: Netscape browsers do not support Marquee text. The marquee text displays in Netscape but it does not scroll.

    To insert a marquee

    • In Page View, place the insertion point on a blank line of text, or select the text that you want to display in themarquee
    • From the Insert menu, select Web Component...

    The Insert Web Component dialogue box is displayed.

    • From the Component type: box, select Dynamic Effects
    • From the Choose an effect: box, select Marquee
    • Click Finish

    The Marquee Properties dialogue box is displayed.

    • In the Text: box, enter the line of text that the marquee should display (If you selected text on the page, the Text: box contains the selected text)
    • Adjust the values for direction, movement speed, behaviour, size, repetitions, and background colour
    • Click OK

    Note: The best way to setup a marquee is to create one and preview it in Internet Explorer, trying various effects and colour schemes until it matches your needs.

    To change the number of times a marquee repeats

    • In Page View, click the marquee to select it
    • From the Format menu, select Properties... (SpeedKey: Alt + Enter)

    The Marquee Properties dialogue box is displayed.

    • For Repeat, specify the number of times you want the marquee to repeat. If you want the marquee to repeat continuously, select the Continuously check box
    • Click OK

      Add a Photo Gallery

      A photo gallery component displays multiple pictures on one page. It creates thumbnails of each picture, which link to a larger version of the picture. You can also create a slide show type gallery, where the user can browse between different images.

      To add a photo gallery

      • Open the page you want to add a gallery to
      • From the Insert menu, select Picture then New Photo Gallery

      The Photo Gallery Properties dialogue box is displayed.

      • Click Add then select Pictures from files...
      • Locate and select the pictures you want to use then click Open
      • Add more files if necessary
      • If you want to change the position of an image, select it then click Move Up or Move Down as appropriate
      • Optionally, change the size of the thumbnails used to preview pictures
      • Optionally, add a Caption and/or Description for each picture (select the Override and use custom font formatting option to format the text if you want)
      • Click the Layout tab

      • Choose an appropriate layout
      • Click OK

      Add a Hit Counter

      A hit counter is a numeric counter that displays the number of users who have visited your website.

      Note: The hit counter functions properly in Netscape 3 and later as well as IE 3 and later.

      To insert a hit counter

      • In Page View, click where you want to create the Hit Counter
      • From the Insert menu, select Web Component...

      The Insert Web Component dialogue box is displayed.

      • From the Component type: box, select Hit Counter
      • From the Choose a counter style: box, select a counter style
      • Click Finish

      The Hit Counter Properties dialogue box is displayed.

      • If necessary you can change the counter style that you have chosen

      These are GIF pictures containing the digits zero through nine.

      • To reset the hit counter click Reset counter to and enter the number to reset the counter to
      • Click OK

      The Hit Counter is inserted into the page. However, it is not viewable as a hit counter until the web site has been published. Once the web site has been published, you can use the Preview in Browser command to test the hit counter.

      Add a Search Form

      A Search Form allows visitors to search your website for a string of words.

      To add a search form

      • In Page View, place the insertion point on a blank line of text, or select the text that you want to display in the marquee
      • From the Insert menu, select Web Component...

      The Insert Web Component dialogue box is displayed.

      • From the Component type: box, select Web Search
      • From the Choose a type of search: box, select Current Web
      • Click Finish

      The Search Form Properties dialogue box is displayed.

      • On the Search Form Properties tab, enter the label for the one-line text box field or accept the default in the Label for input: field
      • In the Width in characters: field, enter the width in characters of the one-line text box field or accept the default
      • In the Label for "Start Search" Button: field, enter the label for the push button that starts the search or accept the default
      • In the Label for "Reset" Button: field, enter the label for the push button that clears the form or accept the default
      • Click OK

      The Search Form is inserted.

      Format a Page Transition

      Page transitions are movie-like effects that occur when someone visits or leaves your page.

      Note: Page transitions do not function in Netscape Navigator 4.0 or 4.5. The page changes without error, but no transition effect is displayed.

      To create a page transition effect

      • In Page View, display the page to which you want to add a transition effect
      • On the Format menu, select Page Transition...

      The Page Transitions dialogue box is displayed.

      • In the Event: field in, select the event, such as entering your web page, that will trigger the effect
      • In the Transition effect: field, select the transition effect you want to apply
      • In the u>Duration field, select the amount of time, in seconds, that you want the effect to last
      • Click OK

      To preview the marquee as it will is displayed when the page is browsed on the world wide web, on the File menu, choose Preview in Browser...


      DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

      More Web Development Articles
      More By Developer Shed

       

    WEB DEVELOPMENT ARTICLES

    - On Page SEO for New Domains
    - Improve Your Site`s Speed
    - Safari Books Online Review
    - Creating an Estore From the Ground Up
    - Most Common SEO Mistakes Developers Make
    - Making the Most of Your Titles and Meta Desc...
    - Five Ways Using Flash Can Damage Your Site
    - A Web Designer`s Guide to Colors
    - Use Webstarts to Create a Free Site
    - More Than Just Looks. How Your Web Design C...
    - How to Design Content Pages
    - Mint Review
    - Make Your WordPress Website Look Professional
    - How to Create a Mobile Web Site
    - Meta Tags: Still Useful?

    Developer Shed Affiliates

     



    © 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap