Creating, Editing, and Maintaining your

Creating, Editing, and Maintaining your

Webpage with the Fayetteville City Schools

The Fayetteville City School system is proud to provide the faculty of each school a webpage. Each school has individual classroom teachers, Special Education teachers, and any other special page for projects and programs. This document will help you learn to design your webpage, maintain your webpage, and keep you webpage looking great.

Each user that has a webpage will be given a password to edit his/her webpage. Individual WebPages will be listed on the main School website. The webmaster will setup a username, password, and create the first page of your webpage for you (index.htm). Do not delete any file named index.htm without the permission of the technology staff.

To open your webpage for editing, you must have Microsoft Office (Word, Excel, PowerPoint, etc...) on your computer. To start editing your webpage, go to www.fcsboe.org. From www.fcsboe.org, click on your school. On the school’s website, you will see a link called “teacher pages”. Click on the teacher pages link. A list of available pages should be on your screen. Now click on your class/webpage link. Example:

You should now see your webpage. To edit your webpage, Click on File, and "Edit with Microsoft Word". This will open up Microsoft Word. Microsoft Word will ask you for your username and password. Please do not share this password with children or other users. After typing in your username and password, you can start editing your webpage. Please make sure the top of the page does not say (Read-Only). If it does, close down ALL OPEN PROGRAMS. Go to Start, Control Panel, and Internet Options (or Start, Control Panel, Network and Internet Connections, Internet Options, depending on your computer settings). Choose Delete (or Delete then Delete Files). Choose Yes (or OK). This will take up to several minutes! Be patient. Now you can try to edit your page again!

How to better organize your webpage:

If you will be using lots of links and/or pictures on your webpage, it can be difficult to make everything “line up” the way you want it to. The easiest way to make everything line up is to use Tables. To insert a table while editing your webpage, move your cursor to the place you want to insert pictures/links/text. Click on the Table Menu at the top, and then click Insert, Table. A box opens up and asks you how many columns and rows to create. A column is vertical, a row is horizontal. Most people will use 2 or 3 columns, and then as many rows as needed to put in your information. Here is an example of a table:

www.yahoo.com	Lunch Menu	FJHS
FIS	Askins	Central Office


My Homework Page	My Projects Page	Links to great websites

The table above has 3 columns and 5 rows for a total of 15 cells. Just calculate how many cells you need and adjust the numbers accordingly. If you do not like the borders on the table, click somewhere in the table. Now click on the Table menu at the top, and find Table Properties. A new box will appear. At the bottom of the box, click on Borders and Shading. You will see several options to choose from. Most commonly used will be None (you will not see any lines at all on the webpage), Outline (lines on the outside of the table), and Grid (all of the lines of the table). Choose the option you want and click OK. If you have chosen the None option for the border, you will still see a faint gray line while editing the document, but the lines will not show up on the webpage. Below is the table from above with the border of None selected.

www.yahoo.com	Lunch Menu	FJHS
FIS	Askins	Central Office


My Homework Page	My Projects Page	Links to great websites

Some people may have a simple 1 page webpage. If you want more than one page, you must learn how to “Link” to a new webpage. Don’t worry; it’s not as bad as it sounds.

What is a link you may ask? Well, a link is just that, a link to somewhere else. When you click on something on a webpage, you are clicking on a “link”. Links are used to guide users from one page to another. Think of a link as the road map to the internet. Without links, you would have to type in the whole address of a webpage every time. Let’s say teacher Smith wants his webpage to have general information on the first page, and from his first page (or what I may refer to as the main page), he wants a page that list homework assignments, another page that has a nine weeks project, and another page that has a calendar of events.

First, teacher Smith would edit his first or main page. While editing his webpage, he decides to do a homework page instead of listing his homework on the main page. On the page that he wants the homework link to be, he would type a description of the link, (Homework will do for a homework page) and create a link to his new page. If the new page does not exist, he must create the new page and “link” the new page to his main page. To create a link to a new page, highlight the words “Homework” that you typed earlier (with the mouse is easiest). Now click on the “Hyperlink” Icon at the top. It looks like this. The box that has opened is asking you “where do you want me to send this to when someone clicks on me?” If you are creating a new page, just click on the “create new document” button on the left. Another window will appear. It now wants to know what the name of the new document will be. Remember, this is the Homework page that we are creating. You should not use spaces when naming this document, and make it as short as possible in all lower case. For this page, we will just name it “homework.htm”. Notice that after I typed homework, I typed in .htm after it with no spaces between the filename and the “.htm”. When naming documents for a webpage, the last part of your document should always be “.htm”. This lets the Microsoft Word and Internet Explorer know it is working with a web based file. (NOTE: You should always use logical names when creating new pages on your webpage). Now click OK. Microsoft Word will open a new blank document. This blank document is now your “homework” webpage. When you are finished editing your homework webpage, click the save button. Now close the homework page that you have been working on. You should be back to your “main” page. To make these changes stay on the web, you must also click save on your “main” page. If you do not click save on the main page, your “link” to your new homework page will not appear on your webpage.

That’s all there is to it. You would now follow the same steps to create any number of pages on your webpage. The text that you highlighted in the above step is irrelevant. That text is only used to describe to the web user what that link goes to. If you only highlight one word of a sentence and clicked the hyperlink button, only that word will have a “link”. The rest of the text will be just plain old text. You can change the colors of the text, the background; add pictures, and many other things just like typing a document. Anything you can do in word can be put on the web.

To create a link to an existing webpage or website, www.yahoo.com, for example, just type in the text to describe what or where this link will take you (Yahoo) and highlight the text with your mouse. Click the “Hyperlink” button at the top, and the new window will ask you where you want to go. Make sure you click on the icon that say “existing file or webpage”. Type in the address (www.yahoo.com) and click ok. If it happens to be a page that you have already created, you should see the name of the file you created listed in the window below. Just double click on that file and click OK. To put your email address on your webpage, just type in your email address and hit the spacebar. You will notice it turn blue. Microsoft Word has created the link for your (it knows how to recognize web address and email address). There’s nothing else to do for an email address. If you type in a complete webpage address on your webpage, it will automatically link it for you as well. Examples:

lunab@fcsboe.org

www.fcsboe.org

www.yahoo.com

You can also insert pictures and Clipart into your webpage. To insert clipart, just go to Insert and choose Picture, then clipart. If you have a picture saved on your computer from a digital camera, choose Insert, Picture, and From File. You will have to know where your picture(s) are saved on your computer to find them. Contact the Technology staff or your school based web guru to get assistance with inserting pictures from a digital camera. If you find a picture to use on another website, just right click over that picture and choose Copy. Edit your website, put your cursor where you want the picture to go, right click and choose Paste.

Don’t forget to save before you close Microsoft Word. After you have saved your files, you have to “Refresh” your internet explorer to see the changes. In some cases, to refresh the files properly, you must hold down the Ctrl key, the Shift key, and click Refresh at the top.

List of things NOT to do on your webpage

Never put physical address’ of yourself or your students
Never put a picture or a project on the web without parent permission
Never put a picture or a project on the web with the students name
Never link to another site without putting the disclaimer on your webpage
Never let your webpage become outdated
Never list a students phone number, email, or other contact information
Never use copyrighted work without permission and acknowledgement

List of things TO do on your webpage

Always do a spell check
Always review for proper grammar
Always include your email address, date webpage was last updated, and your name at the end of the document
Always add the disclaimer if creating links to a website outside of the Fayetteville City Schools webpage. (the disclaimer can be copied and pasted from our acceptable use policy under the technology page)
Always include a link back to your school

Common addresses for our website