Hope
Township School
-
PO Box 293, 320 Johnsonburg Road, Hope, NJ 07844
- (voice) 908-459-4242 (fax) 908-459-5553
|
|
About HTS
Directory School News
Board Of Education PTA Student/Parent Resources
Teacher Resources
************************************** |
Why should you create a classroom website? OK, you want to create a classroom website. How do you begin? Why should you create a classroom website? http://www.richland2.org/ne/classonline.html Top ten reasons why you should create a website: http://www.kinderart.com/teachers/webpage.shtml OK, you want to create a classroom website. How do you begin? Creating a website storyboard. Click on the link to access the file Storyboard What is FrontPage? FrontPage is a word processor that produces HyperText Markup Language (HTML) as its output. For example, this document was produced using FrontPage. FrontPage allows one to work as one would in Microsoft Word, through a What You See Is What You Get interface (WYSIWYG), while FrontPage handles the details of inserting the HTML tags automatically. FrontPage has already put in the following HTML tags for this document:
<html>
1. Open MS FrontPage 2. Go to File on the menu bar and go down to New and click on Web. 3. Now you are ready to begin creating!!! Adding a Theme One of the neatest features in FrontPage is the capability of adding a theme to your website or just a page of your web. A theme is a collection of color, styles and images that you can add to your pages. The theme consists of bullets, background image, buttons, banners, hyperlink color, font colors and styles, table colors and horizontal lines. By adding a theme you automatic the process of using many of these components. FrontPage has many themes to choose from and there are sites on the Internet where you can purchase additional themes. To add a theme to your site follow these steps: 1. Go to Format on the menu bar and choose Theme. 2. The Themes dialog box will open. 3. Choose the theme you want to use by clicking on it in the left hand pane. A preview of the theme will be displayed in the right hand pane. 4. I usually put a check next to vivid color, active graphics and background picture. 5. Click on OK. 6. The theme will be added to your page.
Deleting Themes You can delete a theme by going to Format on the menu bar and click on theme. Choose no theme from the left hand pane and click on OK. Your theme will be removed.
· Click on the image you want to convert to a thumbnail. · Click on the Auto Thumbnail button from the pictures' toolbar which is located at the bottom of the screen. · Your image will automatically convert to a thumbnail and it becomes a hyperlink.
· Click on the image and click on a corner handle. Drag inward to make the image smaller. · Click on the resample button. It is found on the Pictures toolbar on the bottom of the screen. · Your image file size will now be reduced.
· Click on the image that you want to make transparent. · Click on the transparent icon found on the pictures' toolbar on the bottom of the screen. · You mouse now has the transparent tool on it. It looks like a pen. Click on the area that you want to make transparent. In the sample below I clicked on the green background to make that transparent. · A dialog box will open tell you that you will be converting the image to a gif. Click on yes.
· Right click on the image that you want to add a border to and click on picture properties. · Click on the appearance tab. · Click on the up arrow next to border thickness to choose a number other than zero. The larger the number the thicker the border.
· Click on the image that you want to add a bevel to. · Click on the bevel button from the Pictures' toolbar. · Your image will be beveled.
· Click on an image that you want to crop. · Click on the cropping tool icon from the Pictures' toolbar which can be found on the bottom of your screen. · You image will now have a dotted line with handles around it. · Click on the handles and drag them until the dotted lines are around just the portion of the image that you want to display. · Click on the crop tool one more time to crop your image.
· Click on the image that you want to add text to. · Click on the text icon from the Pictures' toolbar on the bottom of your screen. · A text box will appear on your image. Type the text you want to add. You can move the text and format it like you would any text box.
1. Select the text or image that you want to add a hyperlink to. 2. Click on the Hyperlink icon on the standard toolbar. 3. The create hyperlink dialog box will open. Type in the URL that you want to link to in the URL box. 4. Click on OK. 5. Your text or image will now be hyperlinked. When in the preview mode or after you publish you will see that when you click on the text or image it will jump to the URL you typed in.
1. Select the text that you will want to jump to. 2. Go to Insert on the menu bar and click on Bookmark. 3. The bookmark dialog box will open. The text that you selected will be placed in the bookmark name. You can type your own name for this if you wish. 4. Click OK. 5. When you get to the part of your page that you want to hyperlink to that bookmark select it and click on the hyperlink icon from the standard toolbar. 6. Click on the down arrow next to bookmarks. Select the bookmark that you want to link to. 7. Click on OK.
1. Select the text or image that you want to add the email hyperlink to. 2. Click on the Hyperlink icon on the standard toolbar. 3. Click on the little envelope icon. 4. Type the email address you want the messages addressed to. 5. Click OK and then OK again.
A table is made up of rows and columns of cells into which you can insert text and graphics. There are different ways you can use tables, and you can customize your tables in a variety of ways to make them more attractive and easy to read: Present information in a tabular format
Use a table to present information in a grid-like format, such as timetables,
product information, rates, and so on.
Lay out text and graphics on a page
When you lay out text and graphics on a page, you can use a table to arrange
them. Tables are supported by virtually all Web browsers and are an easy way
to lay out your pages
You can create more cells in your table by splitting one cell into two or more
cells. You can also merge adjacent cells into one cell.
Once you have all the rows and columns you need in your table, you can set the row heights and column widths the way you want them.
You can define the row heights and column widths to be a percentage of the overall table size, a specific size in pixels, or set all rows and columns to be spaced uniformly.
You can control how your table appears on the page by setting the table
alignment — tables can be aligned to the left, right, or center of the page.
The table below is centered.
You can also control the height and width of the table. For example, you can set the width of the table to 80 percent of the overall page width (or frame width, if the table is in a frame). If a site visitor resizes the browser window, the page size and table change accordingly. On pages that include a table and text, you can also specify whether you want text to flow around the sides of the table. By specifying the way text appears inside each cell, you can control how much space there is between the border and text of a cell, and you can set the horizontal and vertical alignment of text. In addition, table text can be formatted like any other text — you can change the font style, size, color, and other attributes.
You can customize the way borders look in your tables. Set the border color
for the whole table, or set a different border color for individual cells. You
can choose one color for the border, or, if you prefer a three-dimensional
look, you can choose two colors — a light color and a dark color. You can also
change the thickness of the outer border.
You can choose background colors and pictures for your tables. Background
colors can be used to shade specific columns or rows to add emphasis. You can
use background pictures to add visual appeal to your tables.
You can set background colors and pictures for certain cells, or you can set them for the whole table.
You can label or title your tables by adding a table caption. A table caption
is placed above or below the table. You can also format the caption text.
To emphasize certain cells in your table, you can specify them as table headers. For example, in the table below, the first row and first column contain labels. They are formatted as table headers so that they stand out from the rest of the table. By default, a table header is formatted as bold text. However, you can modify the table header style and define additional properties for your table headers, such as shading
Adding A Marquee You can add a marquee on your page. It is important to note that this will only work in Internet Explorer. You will see the text in Netscape but it will not be scrolling. To add a marquee to you page follow these steps: 1. Click on the section of the page where you want to insert your marquee. 2. Go to Insert on the menu bar and go down to Component and click on Marquee. 3. The Marquee Properties' dialog box will open. 4. Type the text that you want displayed. 5. Click on the down arrow for background color and click on your color choice. 6. Click on the Style button then Format then Font. Make the choices for the type of font you want as well as size and color. 7. Click on OK and then OK again. 8. Make a choice for the type of marquee that you want to use. ( Scroll, Slide or Alternate). See samples on this page. 9. Click OK. 10. If you ever want to make changes to your Marquee, right click on it and choose marquee properties. Adding A Counter You can add a counter to view how many people have visited your page. Most times you can get this information without a counter but a counter is nice if you would like your visitors to know how many hits your page gets. FrontPage built in a counter feature. In order for the counters to work the server that you post your web page on must have the current versions FrontPage extensions on them. If your server doesn't have them then on the text [hit counter] will be displayed. To insert a counter on your page follow these steps: 1. Click on the part of your page where you want to insert your counter. Counters are usually found at the bottom of a page. 2. Go to Insert on the menu bar and down to Component and click on Hit Counter. 3. The Hit Counter Properties' dialog box will be displayed. 4. Choose the type of counter you want by clicking on the radio button next to your choice. ( You can also use your own image by clicking on custom picture and navigating to the image you want to use.) 5. You can reset your counter to any number by clicking in the box and typing in the number. You can do the same for displaying your desired number of digits. 6. Click OK. Adding Date & Time You can add the date that you last updated your page. This will show visitors if you worked on your page since the last time they visited so they know to expects some new editions. To add the date the page was updated follow these steps: 1. Click where you want your date and time to go. ( I usually type something like: This page was last updated on). 2. Go to Insert on the menu bar and click on Date and Time. 3. Choose the Date and Time Properties you want displayed. 4. Click on OK. 5. The date will automatically be updated each time you edit your page. Setting Page Properties Each page has properties that you can set in the FrontPage. These properties affect the page’s appearance, give information to web browsers about how to display the page’s hyperlinks, and specify other page settings. To set the properties of a page, be sure the page is open and then choose Properties on the File menu or right-click on the open page and choose Page Properties from the pop-up menu. Some important page properties are:
You can specify another page in the web to use as the source for the current page’s properties. Using a single page in your web as the source of a page’s properties gives the pages in your web a consistent, recognizable appearance. How to Set Page Margins (Aspect Ratio) 1. Choose Show FrontPage Editor from the tools menu, or click on the Front Page Editor icon on the toolbar. 2. Open the page to be edited. 3. Choose Page Properties from the File menu and select the Margins tab. 4. Check the Specify Let Margin tab to change the value from the default 12 pixels. 5. Check the Specify Left Margin tab to change the value from the default 12 pixels. Click OK. 6. Save the page when finished. 7. Preview the page in a Web browser by choosing Preview in Browser from the file menu. From the dialog box, choose which browser to use and what settings.
Publishing Your Web Page If you work directly on the web server then you only need to hit the save button and your page is automatically published. If you are working on your own local machine and need to publish to your web server then you have to go through the publishing steps. Follow the directions below to publish your pages:
1.
After you saved your page and checked for errors go to File on the menu
bar and click on Publish Web. Or you can click on the Publish web icon from the
standard toolbar. 2. The Publish Web dialog box will open. 3. Type in the ftp for the web server you will be posting to. You can get this information from your administrator for the web server. 4. Click on OK. 5. Your page will be sent up to your web sever and published. You can then view your published pages online.
http://www.shire.net/beginningwebdesign/frontpage.html#cautionshiftenter
|
Control
text and table layout
