Your browser does not support JavaScript!

1site Web Hosting Logo

Web Hosting Frontpage

Our frontpage web hosting is ideal for hosting Microsoft's web template publishing tool known as Microsoft Frontpage.

Frontpage is a graphical, user-friendly program for designing web pages. Our web hosting frontpage plans offer more than any other frontpage web hosting plan by any other web host.

Please visit our homepage to find out what else comes with your frontpage web hosting package. Regardless of which hosting plan you choose, you will be able to add Frontpage at no extra cost!

Frontpage Web Hosting

Want to Link to this page?

 






Quailty Web Hosting since 1998!



Microsoft Frontpage Web Hosting

Fight Fear of Coding
Use FrontPage to Teach Basic HTML Code

Many teachers think of programming as an extremely complex experience and do not want to get anywhere near anything resembling programming, scripting, or coding. Yet, at the same time, many educators are interested in creating Web pages.

If you have experience with building Web pages, teaching a basic Web page class provides you an excellent opportunity to help your fellow teachers overcome their aversion to coding.

Class Preparation

There is no need to tell the students that they will be doing programming. Instead, pique their interest by offering a basic Web page creation class. In no time you'll be showing them how quickly Microsoft FrontPage® helps them write basic Hypertext Markup Language (HTML) code.

Because an understanding of HTML coding is helpful for many Web building tasks, it is a natural part of an introductory FrontPage class.

Let’s look at an example of one way to achieve this introduction to coding. Have the class create a very basic Web page in FrontPage version 2002:

  • Click File, New, and Page or Web.
  • Under New from Template in the task pane, click Page Templates. (If your task pane is not visible, open the View menu and click Task Pane.)
  • Double-click Normal Page.

At this point, the lesson can focus on a few basic page elements. Walk the class through creating a header, normal text, a link, and a page title. Students can add an image or two and even link one of the images to another Web page.

The key is to make sure that the students use only a few basic features at this point as they create a simple Web page. Note that some simple features in FrontPage, like tables or forms, end up making complex code. Save those for later. It will be easier to explain the underlying code if you keep it simple.

Surprise! You’re Coding!

When the time is right, draw the class’s attention to the bottom of the screen. Ask the students to click the HTML tab and look at the underlying code. They have just written HTML code! You can provide an explanation of some of the most basic codes.

As a starting point, simple explanations of the following tags and principles make it much easier to understand many Web pages:

  • Beginning and ending tag syntax
  • Header <head> and body <body> tags
  • Title <title> tag and the importance of including it
  • Paragraph <p> and heading <h1> tags
  • Link <a href=”“> tags
  • Image <img> tags

At this early stage, it is better to teach only a few of these rather than overwhelm your students with dozens of tags. A good starting point is to explain the beginning tag syntax and how the slash identifies the end tag.

After looking at the basics on a page that they coded themselves, have the students take a look at someone else’s coding. To expose the underlying HTML code, start Microsoft Internet Explorer, open the View menu, and click Source.

This method works best if you start off with a page that uses relatively basic HTML rather than one that's chock-full of style sheets, comments, and scripts. Create one of your own to show them or try one like the Long Island Forensic Association page.

Explain some of the basic HTML codes used on the page. And mention that many Web designers look carefully at the code on well-designed pages to see what techniques they can emulate.

Have the class open a more complex page such as the U.S. Department of Education page. Again, click View and then Source in Internet Explorer to show everyone the coding. Note that, even with all of the script, style, and comments on the page, the basic tags are still being used.

Enter the Advanced Realm

Now that you’ve shown the class how to do basic coding and view others' HTML, it’s time to move on to a more advanced exercise. Have students create a new Web site using a template that has more complex underlying code:

  • Click File, New, and Page or Web.
  • Under New from Template in the task pane, click Page Templates.
  • Double-click Feedback Form.

This time, demonstrate how easy it is to see specific code in FrontPage. First, show how viewing the page with the HTML tab exposes all the strange details of form coding. Then, have the class switch back to the Normal tab and select the Submit Comments button.

Now, when they switch back to the HTML tab, point out how they have been taken to the exact section of code that controls that button.

That's it to be a simple web designer. We hope you choose 1site.net for your Frontpage hosting needs.

Order Hosting Now

Web Hosting Homepage

 

 

PuraVida Holdings ®
All Rights Reserved
-------------------

Visit Home Page for Privacy Policy