Creating/Updating Your Webpage

Size: px

Start display at page:

Download "Creating/Updating Your Webpage"

Todd Norton
6 years ago
Views:

1 Creating/Updating Your Webpage Getting Started: 1. Go to the website provided previously. 2. Log in with your username & password. 3. Click on your school name, then click on Content Management. 4. Find your name under Teacher Web Pages & click on it. 5. Because the content is kept online, all changes are shown in real time. Therefore, your first step before editing should be to uncheck Show in Dynamic Navigation from the General Settings tab. Then click Save. Adding/Editing Content: 1. Click the Window #1 Content tab. This will select the left-hand side of your webpage. 2. Click Add Page Component. 3. Select the type of window you would like to add. The most commonly used will be the Text Window. Select that from the drop-down list. 4. Give the component a name. This is for your reference; it does not appear on the page once it is published. 5. Click Save.

2 6. To add content to the new component, click Edit this Component. 7. Click Show Header Configs. 8. Check the box next to Show Header/Footer. This will turn on the header to separate this text box from other page components. Type the name you want to appear on the header in Styled Header Text. Text in this box will appear in large type at the top of the text box. Type 10 next to Header Space Below (px). Type 8 next to Item Space Below (px). See the example below. 9. Fill in the Title, Sub-title, and Window Text using the text boxes provided. Text in the Title box will be larger than text in the Sub-title box, which will be larger than text in the Window Text box (unless you select a custom size from the formatting toolbar.) You will recognize familiar tools for formatting the text just as you would find in MS Word. You may also upload a photo to use as an icon for your text window. Click Save. 10. Click the navigation links at the top of the window to return to the edit window. See below.

11. To see how your page will look, click View This Content Page. (Just under your name toward the top of the page.

To add text boxes (or other components) to the right-hand panel, select the Window #2 Content tab from the edit page

Use the steps above to add the following text boxes to your page: (These are just suggestions.

If you do choose these headings, you might want to replace Course Description with a Welcome box.

3 11. To see how your page will look, click View This Content Page. (Just under your name toward the top of the page.) 12. To add more text boxes, repeat steps 7 through To add text boxes (or other components) to the right-hand panel, select the Window #2 Content tab from the edit page and add page components in the same way as you did for Window # Use the steps above to add the following text boxes to your page: (These are just suggestions. You can customize your page to fit the needs of your class. If you do choose these headings, you might want to replace Course Description with a Welcome box.) Making an address clickable in your text box: 1. Type your address into the Window Text box. 2. Highlight your address. 3. Copy (command+c) 4. Click on the link icon. 5. Paste (command+v) your address into the Url: 6. Select mailto: under Type. 7. Click OK. 8. Scroll down and click Save.

Adding Other Page Components: 1. From the Edit page, select Add Page Component. 2. Follow the steps to configure the header as you did for the text box: Check the box next to Show Header/Footer.

4 Adding Other Page Components: 1. From the Edit page, select Add Page Component. 2. Follow the steps to configure the header as you did for the text box: Check the box next to Show Header/Footer. This will turn on the header to separate this text box from other page components. Type the name you want to appear on the header in Styled Header Text. Text in this box will appear in large type at the top of the text box. Type 10 next to Header Space Below (px). Type 8 next to Item Space Below (px). 3. Some of the more common page components are listed below with the descriptions: a. Downloads use to post files to your page for students to download. Files can be any format, including documents, audio files (mp3), or video. b. Photo Gallery allows you to upload photos and show them as a slide show on your page. c. Links let you build a directory of useful website links. d. Script Window allows you to copy/paste scripting code (ie. HTML) into the window for almost endless possibilities.

5 Adding Downloads To Your Page: 1. Select Downloads from the Type drop-down selection. 2. Type the name you want to assign to this page component. 3. Click Save. 4. Click Edit This Component. 5. Click Add A New Download. 6. Fill in the Title, Description, and the dates you would like the file visible. 7. Click Choose File next to File: Select the file you would like to make available from your computer and click Open. 8. You may add a graphic by clicking Choose File next to Icon if you choose, but this is optional. 9. Click Save. 10. Repeat steps to add more files for download. Adding a Photo Gallery: 1. Select Photo Gallery from the Type drop-down selection. 2. Type the name you want to assign to this page component. 3. Click Save. 4. Click Edit This Component. 5. Chose the display mode you prefer: Thumbnails (small icons) or Gallery (slide show). 6. Check the box next to Auto Rotate if you want the photos to auto rotate in the Gallery. 7. Check the box next to Hide Slideshow Buttons if you want to hide the Next and Previous buttons. 8. Select the Title Alignment (Left, Center, Right). 9. Click Save. 10. Click Add Gallery Images. 11. For each photo, click Choose File, navigate to the photo on your computer, and click Open. Then fill in the Title and Description of each photo (optional). 12. Click Save. 13. Repeat steps to add more photos to the gallery.

6 Adding a Website List (Links): 1. Select Links from the Type drop-down selection. 2. Type the name you want to assign to this page component. 3. Click Save. 4. Click Edit This Component. 5. Choose the way you want the links to display (List, Dropdown, Table). 6. Click Add A New Link. 7. Fill in the Title, the Link URL (website address), and description. 8. If you want the link visible on during a specified time period, indicate that next to Date Visible and Date Expires. 9. (Optional) You may choose a graphic from your computer as an icon for the link by clicking Choose File next to Link Image and navigating to the image file. Click open. 10. Click Save. 11. Repeat steps to add more website links to your page. Using a Script Window To Add a Marquee: 1. This will add a scrolling marquee to your page! 2. Select Script Window from the Type drop-down selection. 3. Type the name you want to assign to this page component. 4. Click Save. 5. Click Edit This Component. 6. Fill in the Title and the Script Text (code). Unless you are familiar with website coding, the best way to use this feature is to copy/paste the code from another website. For example, go to and enter the text you want in your marquee. 7. Click Generate Marquee, and you will see examples of different marquees from which to choose. Find one you like, copy the code from the box, and paste it into the Script Text window on your Script Window edit page. 8. Select the dates you would like your marquee visible. 9. Click Save.

Adding additional pages to your website: 1. Click the Content Pages link at the top of the page to navigate back to Content Management section of the website. 2.

7 Adding additional pages to your website: 1. Click the Content Pages link at the top of the page to navigate back to Content Management section of the website. 2. Click the +child page link next to your name. This will create a new page that appears under your main page. 3. Give your new page a title in the box labeled Page Title. 4. Select whether you want your new page to have one wide window or two narrow windows (one wide column or two narrow columns). Your main page is already configured as two windows. You may select a single-window page if you want to create a large photo gallery or slide show, or if you plan to include a large text window. 5. Leave the box checked next to Show Page in Dynamic Nav: 6. Click Save. 7. That will put you into the Edit Page where you can begin adding content just as you did for your main page. Remember: A polished and informative webpage can reduce questions from parents and students as well as make a great impression on the community!

PHOTO GALLERY USER MANUAL CHAPTER 3 SHARPSCHOOL. For more information, please visit: Chapter 3 Photo Gallery

PHOTO GALLERY USER MANUAL CHAPTER 3 SHARPSCHOOL. For more information, please visit: Chapter 3 Photo Gallery SHARPSCHOOL USER MANUAL CHAPTER 3 PHOTO GALLERY For more information, please visit: www.customernet.sharpschool.com www.sharpschool.com 0 TABLE OF CONTENTS 1. 2. 3. 4. 5. 6. INTRODUCTION... 1 KEY INFORMATION...