Microsoft Office Online
Sign in to My Office Online (What's this?) | Sign in

 
 
Microsoft Office FrontPage
Search
Search
 
Check for updates: (c) Microsoft
Office downloads
 
 
 
Warning: You are viewing this page with an unsupported Web browser. This Web site works best with Microsoft Internet Explorer 6.0 or later, Firefox 1.5, or Netscape Navigator 8.0 or later. Learn more about supported browsers.

Email this linkEmail this link Printer-Friendly VersionPrinter-Friendly Version Bookmark and ShareShare
Demo: Decipher your code with the Quick Tag Selector and Quick Tag Editor
 
FilmstripPlay Demo Demo button

Web pages can be fun, but not when you have to wade through a lot of code in order to find a problem or change an HTML tag, right? The new Quick Tag Selector and Quick Tag editor in Microsoft Office FrontPage 2003 can make the process of finding problems and changing tags a lot faster and easier.

To find a tag or fix a problem, you just start the Quick Tag selector, click the problem area in your page, and go to work. The tool puts your code right at your fingertips. The Quick Tag editor is just as easy to use. You can change any tag or tag attribute without having to use menus or dialog boxes.

 Note   For screen reader text detailing the onscreen actions and a screen reader version of the audio script, click Demo text version.

ShowDemo text version

Screen Action Audio Script

FrontPage 2003 appears with Aboutus.htm open in code view. Products.htm and Welcome.htm are also open, but left alone for now. The pointer scrolls down through the HTML tags and text.

Have you ever had to search through line after line of code in order to change a word or fix a problem?

The pointer clicks Design, and then goes to the View menu and clicks Quick Tag Selector. A toolbar appears below the page tabs.

The new Quick Tag Selector and Quick Tag Editor in FrontPage 2003 make working with code a lot easier. I'll start by showing you the Quick Tag Selector.

The pointer passes under the Body button, and then clicks some of the images at the top of the page.

Additional buttons appear in the the Quick Tag Selector, including a button for the <IMG> tag and its parent tags (the tags above it in the source code for the page). The pointer travels under the buttons.

The Selector places a set of buttons under the page tabs, like so.

When you click an element on the page, the selector displays a button for that tag. You also see buttons for any surrounding tags.

The pointer goes down the page and clicks the bulleted list, and then moves up and clicks the corresponding highlighted button. FrontPage surrounds the list with a black background. The pointer then clicks the adjacent LI button, and FrontPage highlights the bullet point in the list.

Notice how the buttons change as you select different elements on the page, and notice how each button highlights its corresponding page element.

The pointer selects the About Us headline, and then moves to the corresponding H2 button. The Quick Tag Editor starts. The H2 element changes to H1, and the pointer clicks the green check-mark.

So, the Selector makes it easy to find a tag, and to understand the structure of the page. What's more, the Selector makes it easy to start the Quick Tag Editor. You can quickly change the size of the headline ...

The pointer then selects Split view, goes to the code window, and highlights the headline to show that FrontPage has changed the closing tag for the headline automatically.

... and when you're done, FrontPage automatically changes the code for you, so that your page renders properly.

The pointer clicks the Welcome.htm tab located below the Standard toolbar. The pointer then goes to the especially our hats link, and then up to the A item in the Quick Tag Viewer.

You can also use the Selector for other editing tasks. For instance, the Welcome page here contains two links to the Products page. You don't need both links, so you decide to remove the second one.

The pointer opens the drop-down list for the A button, clicks Remove Tag, and then goes down to the page and clears the highlight from the link text. The link is now gone.

The process is that fast and easy, and it leaves the link text alone.

The pointer clicks the Products.htm tab, and then goes down the page to the text H2O-proof.

The pointer selects the 2 in H2O, and then goes to the Edit menu and clicks Quick Tag Editor. The editor starts with Wrap Tag selected from the drop down list.

The pointer clicks between the opening and closing brackets in the editor, enters sub, and then clicks the green check mark. The 2 in H2O becomes subscript.

Now, I'll switch to a different page and show you a bit more of the Quick Tag Editor.

You start the editor like this, and depending on your knowledge of HTML…

… you can change your code very quickly.

The pointer goes to the Format menu, and then clicks Font. The Font dialog box appears. The pointer hovers over Subscript on the Font tab, and then clicks Cancel.

If you made that change the old way, well, remember this? The change would have taken longer to make.

The pointer goes up to the Quick Tag Selector and travels under several buttons. The animated text Experience Your Own Great Moments appears. Under it appears the static text For more information followed by a URL: http://www.microsoft.com/office.

So, no matter how big or small the job, FrontPage makes it easier than ever to create and manage a Web site. Reach your audience faster with FrontPage 2003.


Assistance Problems watching the video? Try our troubleshooting tips.
Get Office 2007
Get Office 2007
advertisement