Page 1

Front Page Your Web Address Every teacher already has a website that is published to the Internet. log in name

Very Important All teachers of WISD have web space housed on a server. A shortcut folder has been assigned to each teacher. The name of the folder is My Web Space and is accessible through the H:drive..

2x Login Getting to Front Page Enter: Use the user name and password for Wylie ISD. You can also access 2X from the Wylie ISD home page, through the Wylie East link. The 2X link is on the right. 

Use your usual password and hit Log In. Select Microsoft Office from the selection Now a window should appear with the Front Page Icon. Double click to open it. If a screen appears asking you about access, choose Full access.

Go to File and choose Open

Go to My Documents

Find the My Web Space folder.

Click Open to access your folder list.

This should have your default page in it: if is published to the web. Remember: Remember to save often.

Default Page (Your Opening Webpage)

Begin by creating your website by choosing a theme from the task bar on the right. Apply the theme to selected pages or as the default theme.

Creating Sub-Folders for Your Web

(PowerPoint Presentations, Handouts, Pictures, Videos, Clip Art)



Subfolders To help with organization, you may want to create subfolders in your web space folder for assignments, calendars or a syllabus. You may want to make handouts accessible to download, or use pictures or examples of student work. Since everything that goes on your web must be in your web folder, subfolders will help keep everything organized  

Open your web space folder (file open from Front Page). Create a new folder for each topic (i.e. pictures, calendars, Algebra II)

Resolutions Ever visit a website in which it was necessary to scroll horizontally to see the entire web page? That is because people set their computer screen resolutions at different settings, usually because of the size of their monitor screens. The higher the settings, the smaller things look on your screen. Check your screen’s settings:     

Use - D keystroke to go to your Desktop. Right-click the screen and select Properties. Click the Settings tab Find the Screen Resolution area and note at what your pixels are set. You can change them by moving the slider left or right - OK. Factory Standard Settings: 15‖ screen: 800 x 600 17‖ screen: 1024 x 768


Setting the Width of your Web Page To solve this problem for good, use tables. The standard is to set the width of your web page to

750 PIXELS      

Highlight your entire table or layer (don’t use Edit - Select All, as this will include the entire page, and not just your table). Right-click anywhere in the highlighted table - Table Properties. Click a checkmark in the Specify width box. Type in 750 for the number of pixels. Click a dot in the In pixels radio button. Click OK.

Hyperlink Suggestions If you have hyperlinks on your page, you want them to be as concise and simple as possible. For example, this link can be linked like this Front Page Prezi   

Insert text Highlight text and right click Go to hyperlink and paste the link (may need to use ‗control v‘ to paste)

Another option is to use buttons.

Interactive Buttons By using interactive buttons, you can create a link to another webpage.    

From the toolbar at the top, click insert, interactive button. Choose the button type Type the text you want viewed Enter the webpage link (can include PowerPoint Presentations or Word documents saved in My Web Space – directions below).


OFFICE: Saving Items as Web Pages PowerPoint presentations and Word documents have the capability of becoming web pages themselves. Word documents can be saved as pdf files in My Web Space in your designated subfolder. Word documents and PowerPoint presentations can also be saved as web pages that can be linked from your web page. This allows students/parents who do not have Microsoft Word or PowerPoint to view the documents.   

Open your existing PowerPoint or Word Document Click File - Save as web page Browse to the folder in which you wish to save – Save in a subfolder in My Web Space.

Adding a New Page        

Click on the Page icon in the Views bar. File – New - Page A New page window will appear with many different types of pages. Click ONCE on them to see a preview on the bottom right. For a blank page, select Normal Page - OK, or you could try one that has tables built in, such as One-Column Body with Contents on Left. Quick save it (Ctrl + S). Give it an appropriate name in the File Name field of the Save As window - OK. A new page will be automatically added to your Folder List, To rename your new page—or any other--right click the icon in the navigation view and select Rename. You‘ll need to do that and in the Folder List, too. Save

Tables Tables provide a great way to organize information that is pleasing to the eye. For example, if you decided to have a page that listed assignments, a table would be a great way to organize it.   

Click your cursor where you want to put the table Table - Insert - Table You will see an Insert Table window. Select the number of rows and columns you need - OK. Another option is to use the short cut button to insert a table (Figure 2). Move your mouse over the grid to select the size of your table.

Tables: Inserting Text     

The cell will expand as you type. TAB will move you to the next cell; ARROW keys move you in any direction ENTER adds a new line within the cell TAB in the last cell will add another row


Tables: Adding Rows or Columns   

Click in the table where you want to add a row or column TABLE – INSERT- ROWS OR COLUMNS Select the number of rows or columns and where they are to be inserted

Tables: Deleting Rows or Columns  

Select the rows or columns you want deleted by highlighting TABLES – DELETE CELLS

Tables: Formatting  

Highlight all or part of a cell to be formatted TABLES – PROPERTIES – TABLES or right click in any cell

Terms:    

Float. Determines how text outside the table will float around it. If you change from default, it may cause text to be on top of text. Cell Padding. Increase or decrease the distance or padding between the borders of the cell and the text. Cell Spacing. Increase or decrease the distance or padding between the outside frame of the table and the cell borders inside it. Borders. This is the outside line of your table. If you have trouble changing color of the border, it is because of the theme you are using. Themes automatically determine matching colors. To gain control of the color, you‘ll need to go theme-less.

Layers A layer is an invisible container that you can place anywhere on your page. It can hold anything you want like text, pictures, tables, or even a video. Why bother to put these things in a layer? Because layers give you control like the ability to position them absolutely anywhere on a page that you just can't get with regular page elements on their own.   

INSERT – LAYERS Move the layer by right clicking and dragging to the new location Right click on layer to edit LAYER PROPERTIES (similar to formatting tables).

IMAGES Images: Crop  Get the Picture toolbar View - Toolbars Picture  Select the picture and then the cropping tool (see above)  Click and drag the edges and corners to the desired size.


Images: Auto Thumbnails You always want your images to be as small as possible on your web page. The heavier a image, handout, or any other item that must be downloaded, the longer it takes for a computer to display it, especially if a person is on a dial-up connection with a low bandwidth. You can reduce the download time for pictures to be visible (people like that) and make it more convenient for them to see a variety of images, too, if you use thumbnails.    

Insert – Pictures - From File The picture will land on your page - click the image Click the Auto-thumbnail button on the Picture toolbar - a small, shortcut menu will replace it. Auto thumbnails download quickly.

Images: Hyperlinks You can make specific areas ―hot‖ with a hyperlink‖ by using the buttons above from the Picture toolbar.  Select a picture by clicking it.  Click the rectangle, oval or polygonal hotspot buttons.  Click and drag an oval. An Edit Hyperlink window will appear.

Images: Changing Formats To reduce the length of time to load images, you can reduce the size of the file.  Right-click the picture you want to edit.  Select Picture Properties.  Select the General tab.  If the picture is a .jpg format, in the Type area, reduce the Quality by changing the number.  You can also convert .bmps to .gifs, etc. Be careful about converting .jpgs to .gifs: doing so may not only reduce the quality of the picture, but increase the size of the file as well  This isn‘t an exact science, so you‘ll need to play with this and see how the changes affect the appearances of your pictures by viewing them through Internet Explorer.

Deleting a Web or a Page Sometimes you just have to cut your losses and start over. It‘s easy to delete a web in FP, but permanent, too. Be totally sure you want to terminate it: a delete cannot be undone.  Open the doomed web.  In the Folder List area, right-click on the condemned.  Select Delete  Confirm the delete


Front Page Website Handout  

Detailed handout for basic website creation.