Centricity 2.0 Schoolwires Editor Help Card

Transcription

1 Centricity 2.0 Schoolwires Editor Help Card The Schoolwires Editor The majority of your website s content (text, images, and other items) will be created using the Schoolwires Editor, which is displayed to the right. Working in the Editor is similar to working in most word processing programs. You may see some familiar icons and already know how they work. To add text, just click into the Content Area and begin typing. Editor Icons Cut, Copy, and Paste Text You can cut, copy, and paste text from documents, websites, and other sources by using the icons in the Editor. When copying and pasting text from Microsoft Word documents and other sources, click on Paste from Word to remove non-web-friendly code. To remove all formatting from your copied text, click on Paste Text. You can simply use Paste to insert text and retain its original formatting. This may cause problems if you attempt to edit the text. Content Area Insert a Link You can turn text or images into links to another page on your site, another website, an address, or a bookmark (see below). 1. Highlight the text or image and click the Insert Link icon. 2. From the Insert Link Wizard, select the type of link you would like to create. 3. Enter/Select the desired link information. 4. If linking the user to another website, choose Open in New Window from the Target dropdown. 5. Click Insert Link. Link to a Specific Page Location (Bookmark) You can use a bookmark to link to a specific location in the Editor. 1. Highlight the text or image you would like to make into a bookmark. 2. Click on the Insert Bookmark icon. 3. Enter the name of the bookmark and click Insert. 4. Create your link using the Insert Link icon and select Bookmark. You ll be able to choose from all bookmarks on the page. 1 Insert an Image 1. Place your cursor in the Content Area where you would like the image to be inserted. 2. Click the Insert Image icon: 3. Choose an image source. 4. Follow the wizard prompts to bring the image into the wizard and view the Image Attributes. 5. Enter a description of the image into the Alt. Text field. 6. Adjust Height or Width values, if desired. 7. You may also adjust Alignment and Border options, or this can be done later. 8. Click on the Insert Image button. Insert a File You can add documents, PDF S, and other files to your website by using the Insert File icon. 1. Place your cursor in the Content Area where you would like the file to be inserted. 2. Click the Insert File icon. 3. Select a file source. 4. Follow the wizard prompts to select a file, then click Continue. 5. Enter the text you would like to appear on as the file link in the Link Text field. 6. From the Target dropdown, select Open in a New Window ). 7. Click Insert File. This will create a text link to the file.

2 Centricity 2.0 Schoolwires Editor Help Card Inserting ActiveBlocks ActiveBlocks allow you to add dynamic content to your website. They will appear in the Schoolwires Editor as code that displays something like [$LongDate$]. On the front end, that particular ActiveBlock would display the current date in Day, Month Date, Year format. ActiveBlocks can display user/time/date information, randomize content, and more. To insert an ActiveBlock into your Schoolwires Editor 1. Place your cursor at the location you would like the content to appear. 2. Click on the Open Toolbox icon. 3. Select an ActiveBlock from the dropdown. 3. Select Save. Embed Content from other Websites You can also use ActiveBlocks to embed content from another website in your Content Area. This can be helpful if you want to display content from one section of your website in another section (e.g. embedding a Current Events page in several different sections). Any edits to the original content will appear everywhere it is embedded. Roundtrip Editing Special Use Icons If you have another HTML editor installed on the computer, you may be able to edit your Schoolwires content using Roundtrip Editing. To use Roundtrip Editing, just select the program you wish to edit your content with from the Editor Icons. You can use Roundtrip Editing with Aptana, DreamWeaver, and MS FrontPage or Expression. The Special Characters icon allows you to enter symbols, special characters, and more. Position by Pixel lets you position images exactly where you want them. Format Eraser allows you remove formatting from highlighted text and objects. Full Screen expands your Content Area to a Full Screen view. Formatting allows you to to apply text formatting, borders, backgrounds, and more. Insert a Table 1. Place your cursor in the Content Area where you want to insert the table. 2. Click on the Insert Table icon. 3. From the dropdown, select the number of Rows and Columns you want in the table or select Table Wizard to build a custom table. 4. Once the table is inserted, clicking on the Table Options button lets you: Insert or Delete Rows, Columns, or Cells. Merge cells or Split merged cells. Edit the Properties of a Cell, Row, or the entire Table. This option allows you to edit borders, background images, and more. 4. To manually adjust the size of your cells, hover over the cell, then clickand-drag the red cell outline. Tip: Left-click on the element tags below the Content Area to edit the Properties of a table (<table>), row (<tr>), or cell (<td>) that your cursor is within. 1. Select the Open Toolbox icon. 2. Scroll down and select Embed Simple Content*. 3. Enter the URL of the website you wish to display (e.g Select Insert. 5. Select Save. *If you want to embed a web page that requires user interaction (e.g., search engines like Google.com) choose Embed Complex Content. This will display the target URL in an frame that allows the user to interact with its content. Use this option to display PDF s that you ve loaded into Files and Folders, as well. Find Additional Help If you have additional questions or would like to learn more, select one of these: - User Assistance icons that provide additional information about the tools at your disposal. - How Do I? tabs provide you with articles, video tutorials, and online resources that will help you build and manage your site Gives you access to Support cases, Training resources, and more. E-Alerts Content E-Alerts allow you to easily communicate with students, parents, and other community members that have subscribed to your area of the website. Use the Create E-Alert button to generate an to your subscribers. You may edit the subject and body of the Content E-Alert with your own message. The E-Alert body will contain a link to the page you created it on; do not edit this.

3 Centricity 2.0 Pages & Apps Help Card What do Pages & Apps Mean to You? Apps provide you with specific functionality. Centricity 2.0 allows you to choose from many apps Flex Editor, File Library, MiniBase and Photo Gallery to name a few. Pages are simply the places on which you display your apps. Page Types are simply pages that already contain one or more apps a starting point for you as you create your pages. You can add apps to any page, but you can only create pages in the Section Workspace. You can put a single app or multiple apps on a page. You can place apps where you want them and rearrange them simply by dragging and dropping. You can display your apps in more than one location great for teachers with responsibilities in multiple schools. You can share your apps with others, who can display them on their pages. Working with Pages 1 Summary Tab of Section Workspace To create a page Click New Page on the Summary tab in your Section Workspace. The Available Page Types window displays. 2. Click the page type you d like. The Add Page window displays. 3. Enter the name of your page. 4. Click Save. The Summary tab displays with the page you created on the top of the Page List To change page options... Click Options to the right of your page. The Page Options window displays. Here you can Change the page name. 2. Hide the page. 3. Map the page. 4. Elect to show nested pages. 5. Elect to show a bullet next to the page. 6. Change the display duration. 7. And more... To change a page layout Click Design to the right of your page. The Design window displays. 2. Click Change Layout. 3. Click the desired layout. 4. Click Apply. 5. Close the Design window. To see how your page will look on the end-user website, click View Page. See Working with Apps on Page 2 to learn how to add, move, rename and remove apps from your page. Page Options Window Design Window Layout Choices The More Drop-down List In the More drop-down list, you can get the link (web address) or set viewers for your page. You can also copy or move your page, view statistics for your page or delete your page. When you delete a page, you move it to the Recycle Bin. You permanently delete it from the Recycle Bin. The apps on that page are not deleted until you delete them in App Manager. 1

4 Centricity 2.0 Pages & Apps Help Card Working with Apps To edit an app Hover over the title of your page. The Page Hover Card displays. Summary Tab of Section Workspace Advanced App Settings While editing your app, you can set app options and share your app by clicking Advanced Settings. To add, remove, rename or move an app: Click Design to the right of your page. The Design window displays. 1. Click Add App and follow the Add App wizard to add an app. Design Window 2. Click the X to the right of an app to remove it from the page. You can still access it from within App Manager. 3. Double-click the name of the app to rename it. Click Save when you are done. 4. Drag and drop apps to move them. To see how your page will look on the end-user website, click View Page. 2. Click the title of your app. Your app opens. 3. Edit your app. 4. Close your app by clicking on the X when you are done. 3 1 Hover Card Edit File Library App In App Options, you can... Enter a description. Control the number of records that display for apps with multiple records (e.g., File Library). Enable social media elements like RSS feeds, if they are available. Control the settings for the social media elements that are available. In App Sharing, you can share your app with groups or individuals. They can only display the app on their pages. They cannot edit it. Edits you make immediately display in the app on their pages. Working with App Manager App Manager is a tool within all workspaces. You can perform most of the same app tasks within App Manager. You can add apps, edit apps, edit app options and share apps, but you cannot insert an app on a page. If you want to permanently delete an app, you can only do that in App Manager. You access App Manager from the Tools tab in your workspace. To work with an app in App Manager 1. Select the App Type in the first column. 2. Select the specific app in the Apps Index. The pages on which that app is used display in the third column. 3. You can edit the app, edit the app options, share the app or delete the app. The third column shows you where your app is used. Only one app exists. Therefore, you don t need to select a page to work with that app. If you have no apps of the type selected, you can create one by clicking New in the Apps Index. If you delete an app that others have placed on pages, they are notified by . 2

5 Centricity2 Section Editor Help Card Accessing Your Section Workspace A Site, Subsite or Channel Director must assign you as a Section Editor so that you have permission to edit your section. To open Site Manager and access your section or sections Sign in to your website. 2. Click Site Manager. Your Section Workspace displays. If you edit multiple sections, your default Section Workspace displays. You access other assigned sections using the Content Browser. Section Workspace Summary Tab Current Pages and Actions One-click access to frequently used tools Approve, review and decline comments Snapshot of all visits Summary Tab Use the Summary tab to work with... Current Pages: Provides access to your pages and page actions. Common Tools: Provides quick access to tools you use most often. Click the All Tools link to access the full Tools tab. Pending Comments: Provides quick access to approve, review or decline comments. It displays if your district has Blogs or Social Media Framework. Click the All Comments link to access Approve Visitors Comments on the Tools tab. Total Visits: Provides a snapshot of total visits to your section. Click the All Statistics link to access the full Statistics tab. Current Pages on Summary Tab Click New Page and choose from available Page Types to add a page. Click Active/Inactive to the left of the page name to change the status. Click the page name of a page containing only one app to edit the app. Click the page name of a page containing multiple apps to access the Page Details window. Click an app name to edit the app. Click Edit Page from the Actions drop-down list to access the Page Details window for any page. In Page Details, click Manage Apps & Layout in Actions to enter design mode. In this mode, you can change the layout as well as organize, add and delete apps. Click Actions to access the drop-down list from which you can edit page details, set page options, get the web address (URL) for the page, copy or move the page, delete the page (move it to the Recycle Bin) and set viewing permissions for the page. Click Organize Pages to sort your pages or to create a hierarchy by dragging-and-dropping the page names to different locations. Click Recycle Bin to navigate to the Recycle Bin in order to restore or permanently delete pages in the bin. 1

6 Centricity2 Section Editor Help Card Editors and Viewers Tab Statistics & How Do I? Tabs Click the Editors & Viewers tab to assign Sections Editors and Viewers for the section and then Click Assign User or Assign Group. 2. Enter all or part of a user or group name in the Search field and click Search. 3. Click Select to move user to Selected column. 4. When finished click Add. On the Statistics tab, specify a date range for which you would like to see Total visits to your section. Total page views in your section. Total targeted visits. On the How Do I? tab, you can locate articles, video tutorials and additional resources to help you manage your section. You can view a webinar on managing the Section Workspace at Working with Page Layouts and Apps Pages in your Section consist of a Page Layout with Regions that contain Apps. Page Layout The way in which the Regions are arranged on a page is called the Page Layout. You can have one, two or three columns as well as narrow columns to the left or right (sidebars). Most can also have a header and footer region. Regions You place your apps into the columns, headers and footers of a page layout. You can place one or more apps in any of these Regions. For more information, see the Additional Resource Best Practices for Apps on a Page on the How Do I tab. Apps Apps are the content building blocks of any Centricity2 page. You can have one or more apps on a page. You can edit your apps as well as share them with other editors. App Options To access App Options, edit the app and click Options. Here you may be able to... Modify the app name. Enter a description. Show the app name on the page. Control the number of records that display on the page. Share the app. Control settings for Social Media Framework. In Centricity2, you edit your apps and design your page in the same location within your Section Workspace the Page Details window. On a page that contains more than one app, clicking on the title of your page opens the Page Details window for that page. To access the Page Details of a page with only one app, click the Page Name to edit the app. You can also access the Page Details window for any page by choosing Edit Page from the Actions drop-down list located to the right of the Page Name. In the Page Details window, click Manage Apps & Layout in Actions to enter the Design Mode. Page Details Window Edit Mode In Design Mode, you Click Change Layout to change the number and style of your columns. Click Add App to choose a new app or an existing one that was created in this section or shared with you. Drag-and-drop your apps to the desired regions. Double-click on app names to edit them. Click the in the upper right corner of the app to remove it from your page. You cannot edit or delete apps that someone else has shared with you, but you can remove them from your page. Click I m Done to return to the Page Details window. Page Details Window Design Mode 2

7 Centricity2 Photo Gallery Help Card The Photo Gallery App The Photo Gallery app will display.jpg or.png images in a rotating gallery. You can customize the display time, the transition between images and image descriptions. Photo Galleries are an interesting and space-saving alternative to displaying images as simple page content. You can use Photo Galleries to highlight events and locations, such as: Field Trips Concerts Graduation Sporting Events Board Course Material Meetings Virtual Tours Creating a new Photo Gallery Page Adding Images to the Photo Gallery Photo Galleries give you access to tools and features that can take your images to a new level: Add a description to each photo that displays when the visitor hovers over the photo. Add an audio file to provide background music, narration or sound effects. Choose from seven different Fade styles that transition one image to the next. Edit the photos using Pixlr Express Turn your photos into hyperlinks to other websites. Share the Photo Gallery to let other editors display it in their sections. Sorting Photos In the Section Workspace: 1. Click New Page. The Available Page Types window opens. 2. Scroll down and click Photo Gallery. The Add Photo Gallery Page window displays. 3. Enter a Page Name. 4. Click Save. Adding a Photo Gallery App to a Page In the Section Workspace: 1. Next to the desired page, select Edit Page from the Actions dropdown. The Page Details screen displays. 2. Click Manage Apps and Layout. 3. Click Add App. The Add App window displays. 4. Scroll down and select the Photo Gallery app. 5. Enter a name for the app. This will help you to identify it when you want to share it with other editors. (See Sharing a Photo Gallery.) 6. Click Save. 7. Click I m Done. In the Section Workspace: 1. Click on the Page Name containing the app. (If necessary, then click on the Photo Gallery app.) The Before We Get Started window opens. 2. If you want to change the Photo Gallery width, enter a number other than the default 500 pixels. 3. Click Let s Get Started. The Photo Gallery App window displays. 4. Click Upload Photos. The Upload Photos window opens. 5. Click Browse. 6. Browse to the image file you wish to upload. 7. Click Open. 8. Repeat steps 5-7 to select additional images. You can use CTRL or SHIFT to select multiple files. 9. Click Upload. 10. Sort or Edit your images if desired. 11. To add a description, click the image name or Edit, enter the description and click Save. 12. Click Publish. In the Photo Gallery App window: 1. Click Sort Photos. The Sort Photos window opens. 2. Click and drag the images to sort. You can enlarge the images by sliding the Zoom bar in the upper left. 3. Click Save. 4. Click Publish. 1

8 Centricity2 Photo Gallery Help Card Editing Photo Gallery Images In the Photo Gallery window: 1. Click Adjust Photo next to the image you would like to edit. The Pixlr Express window opens. 2. Select an option from the menu at the bottom of the image: Adjustment lets you Crop, Resize, Rotate and Flip, and adjust color options of your image. Effect allows you to apply custom Pixlr effects to your image. Overlay lets you overlay visual effects such as Vignette and Glitter. Border lets you choose from a selection of border styles. Text lets you add custom text to your images 3. Click any option to see a preview. If you wish to keep the option, click Apply. If not, click Cancel. 4. If you decide you don t want an applied option, just click the Undo arrow in the upper right corner. 5. If you want to exit Pixlr without saving, just click Close in the upper right corner of the window. 6. If you would like to keep the changes you ve applied, click Save. This will permanently change the image in the Photo Gallery. 7. Click Save again. The Pixlr Express window closes. 8. Click Publish. Turn a Photo into a Hyperlink 1. In the Photo Gallery app, click the Photo Name or Edit. The Edit Photo window opens. 2. In the Web Address field, paste or type the full URL of the website you wish to link to. Use Browse to find the web address for a page on your site. 3. Select a Target. (Choose, Open in New Window for third party websites.) 4. Click Save. 5. Click Publish. Editing Photo Gallery Options The App Options will allow you to customize your Photo Gallery: In the Photo Gallery app, click Options. The App Options window opens. Here you can: Change the Photo Gallery Name. Add a description of the Photo Gallery. Choose to show the App Name. Change the Transition Delay. Change the Fade Style. Add an MP3 file for background audio. You may change the width of the Photo Gallery if no images have been added. Sharing a Photo Gallery You can share your Photo Galleries with other editors on your website. They will be able to display, but not edit, your Photo Gallery. Any changes you publish will be pushed out wherever the Photo Gallery is displayed. 1. In the Photo Gallery app, click Options. 2. Click the Sharing tab. 3. Click Assign Group or Assign User. 4. Enter a search term in the Search field and click Search. 5. To select a User or Group, click Select. 6. Repeat steps 5 and 6, if necessary. 7. When finished, click Add. 8. Click Save. To add a Photo Gallery that has been shared with you to an existing page: 1. Complete steps 1 3 of Add a Photo Gallery App to a Page. 2. Click Select an Existing App. 3. Select the app using the By Page or By Type tab. 4. Click Save. The app will display on your Page Layout as a white box, indicating it is a Shared App and cannot be edited from that location. It will be marked as Shared. 5. Click I m Done. The app will display on your page, as will any changes made to the source app. 2

9 Centricity2 is all about apps. They are the content building blocks of Centricity2 pages. You can have one or more apps on a page. You can edit your apps as well as share them with other editors. Each app offers different functionality and can help you keep your pages interesting and organized. Use a single app on a page to display a single type of information like a list of links (Link Library App) or classroom handouts (File Library App). Most default page types consist of a one-column page layout that contains a single app. Therefore, you would use a Link Library Page Type and a File Library Page Type to display this information. Your Site Director or Administrator can create additional page types. Centricity2 App & Page Types Help Card Apps and Pages Use multiple apps on a page when you want to organize different types of information on a single page. For example, in the Teacher Homepage on the right, we used multiple apps on the page. We have a welcome message (Flex Editor App), announcements (Announcement App) and a few quick links (Link Library App). You can share apps with individual users or groups of users. They can insert these into their pages, but they cannot edit or permanently delete them. Sharing apps is particularly helpful if you want the same information posted in multiple places on your website, but you only want to enter it once. You can enable social media elements (RSS feeds, visitor commenting, community editing or visitor rating). Which options are available depends on the app and whether your district has Social Media Framework. See Availability of Social Media Elements for more information. 1 Common Apps for Your Homepage Site, Subsite, Channel or Section Announcements App post brief messages on your homepage. You might use an Announcement App to post information about upcoming field trips, Board of Ed meetings, testing schedules or weather delays and cancellations items intended to display for a short period of time. Flex Editor App include links, pictures or files with your information. The most common use of the Flex Editor App on the homepage is to display a welcome message for visitors to your website. You can use ActiveBlocks to personalize your welcome message. Headlines & Features App link to articles from your homepage. These tend to be longer than announcements and to remain on your website for a longer period. You might use a headline to share the results of the Science Fair or the need for substitute teachers. Site Shortcuts App create shortcuts to other pages on your website or even to other websites or systems. You might link to school lunch menus, sports schedules or your student information system. Upcoming Events App automatically displays events from the associated calendar that are within the parameters you set for number of events to display and the number of days of events in the future to display on the page.

10 Centricity2 App & Page Types Help Card App Details Schoolwires provides you with a set of default apps. They include the apps we featured for use on your homepage. However, you may use those homepage apps on any page. You can use any app on any page. We do recommend, however, that you choose your apps based on the type of information you wish to share as well as what will look best on the end-user website. See Best Practices for Apps on a Page for more information. About Library Apps Centricity2 contains apps known as library apps. These are collections of like items in one app. For example, a Link Library App is a collection of individual links in one app. The library apps are... Article Library App link to articles from a page. It functions in the same way as the Headlines & Features App. You might use an Article Library App to share things like newsletters, sports highlights or a collection of stories by the class members. File Library App post multiple files in one app. You might use a File Library App to share files required for homework, forms, policies, meeting agendas or minutes. Link Library App share multiple links to websites. You might use a Link Library App to share links related to a particular subject, project or upcoming field trip. Maps & Directions App share related maps and directions. You might use it to provide directions to away games, field trips or testing locations. The following apps, while not technically library apps, also allow you to share collections of like items in one app. Assignments App share multiple homework or classroom assignments in one app. Blog App share multiple postings on a subject in one app. Discussion App share multiple topics for classroom discussions in one app. Idea Board App share multiple ideas for brainstorming in one app. Podcast App share multiple sound files in one app You might use the Podcast App to share recordings of band or choir performances or speeches. Additional Apps Alumni Directory App create alumni directories, complete with photos. Book List App create book lists, complete with a cover image for each book. Calendar App create a calendar for your site, subsite, channel or section. Within a section, you can have multiple calendars. If your district has the Assignments App, you can post your assignments on your calendar. Flex Editor App is the Schoolwires Editor. As its name implies, it is a flexible app with the ability to insert text, tables, images and more. You can use it on your homepage as mentioned earlier or on other pages within a section. MiniBase App create small databases. You might use this app to share staff directories, bus routes, bell schedules or course catalogs. Photo Gallery App create a photo galleries to showcase field trips, classroom activities or athletic events in a slide show. Sample Article Library App on End-user Website Sample Blog App on End-user Website Sample File Library App on End-user Website Additional Information about Schoolwires Apps Which apps are available to you depends on your district's contract with Schoolwires and the implementation decisions made by your district. We provide additional resources you might find helpful when you are working with apps. They are on the How do I? tab in Centricity2. Here are a few... Best Practice for Apps on a Page Availability of Social Media Elements Pages & Apps Help Card Section Editor Help Card 2

11 Centricity 2.0 Imagery Help Card About Images on your Website Centricity2 supports the following image file types: GIF, JPG, JPEG, and PNG Images are automatically compressed when uploaded to the site using the Insert Image tool; this helps ensure a quick load time for viewers. It is better to upload a larger image and resize it smaller, than to try and enlarge a smaller image. 1. Place your cursor where you would like the image to be. 2. Click the Insert Image icon: 3. Choose from: Upload image from your computer Choose an Existing Image A Shared Image in the Shared Library Clip Art from the Schoolwires Library 4. Browse for the image you would like to insert. 5. If inserting an image from your computer, you can choose to resize the image (Thumbnail, Medium, Large, Custom, or No Resizing). 6. Enter a description into the Alt. Text field 7. Adjust the Height or Width value of the image; this will resize the image proportionally. 8. Alignment and Border can be set here or changed later. 9. Click on the Insert Image button. 10. Click Save Insert an Image Insert an Image from another Website If you try to copy and paste an image into the Editor, while it may show up initially, it will display as a broken link as soon as the image is removed from the source. Therefore if moving images over from another website, do one of the following: 1. Right-click on the image in its current location and save the picture on your desktop. 2. Insert the image onto a page. (See Insert an Image ) OR 1. Copy all of the page content from its current location. 2. Use Paste from Word to insert the content into your Schoolwires Editor 3. Right-click on the images in their current location and save the pictures to your computer. 4. Open Files and Folders and upload the images. 5. Once the images are uploaded, get the link for one of the images by clicking the More button, then selecting Get Link from the dropdown list. 6. In the content area, double-click on the image to bring up the Image Editor. 7. Paste the URL for that image into the URL field and select OK. 8. Select Save. 9. Repeat steps 5-8 for the remaining images Wrap Text around an Image Insert the image where you would like it to display. (See Insert an image ) 2. Double-click on the image to open the Image Editor: 3. Click on the Alignment drop-down menu and choose "Left" if you would like the picture to be on the LEFT of the text or choose "Right" if you would like the image to be on the RIGHT side of the text. 4. If you want to push the text away from the image, adjust the spacing around the image by indicating the number of pixels in the Spacing fields (somewhere between 10 and 20 pixels is usually adequate).

12 Centricity 2.0 Imagery Help Card Insert an Image onto the Background of a Page 1. Insert a one-celled table into the Editor where you would like to insert the background image. 2. Click inside a cell, then click on the Table element that appears at the bottom of the Editor: 3. From the menu, select Properties 4. On the Table Properties pop-up, click on the Style Builder tab, then click the Background button 5. In the Background Image area, click the Browse button next to the URL field. 6. Browse to the file you want to use as a background and click OK. Make an Image a Link 1. Insert the image you would like to make a link (see Insert an Image). This could be a thumbnail image or a graphic you have created to serve as a button. 2. Click on the image to highlight it. 3. Click on the Insert Link button: 4. Select the link type and enter the destination. 5. If linking to another website, set the Target dropdown to Open in a New Window. 6. Click on the Insert Link button. Accent images can be added to the left of titles on an Article (from an Article Library app) or to a Headline. 1. Insert a new article or headline. 2. After entering a title and optional teaser text, click on the Browse button to browse for your image. 3. Choose an image from: Upload image Insert an Accent Image Link Types Accent Image 7. Use the Tiling dropdown or the Position fields to choose how the image displays. 8. Click on the Table Wizard tab. 9. In the Height and Width fields, enter 100%. 10. When you re finished, click OK on the Table pop-up. 11. Enter your content into the table cell. 12. Click Save. Existing Image Shared Image 4. If desired, adjust the Height and Width of the image (in pixels). 5. Enter an image description in the Alt Text field. 4. Complete the rest of the article or headline and click Save. Tip The Height and Width of an Accent Image should be small; if the image is too large, the title and teaser text will be displaced

13 Do s and Don ts for Teacher Sections Top Elements of a Teacher Site 1. Contact Information 2. Welcome Message that states your purpose 3. Teacher Professional Bio/Photograph 4. Classroom Rules and Policies 5. Homework Assignments 6. Course Syllabus/Description/Objectives 7. Calendar of Events with Test Schedule included 8. Handouts/Study Guides 9. Book Lists with suggested reading 10. Supply Lists 11. Links to Online Resources 12. Parental Resources/Where to turn for help 13. Items that showcase your classroom Class news and announcements 14. Activities that Supplement Classroom Learning Online quizzes using Forms & Surveys Blogs Student-edited pages 15. Accomplishments/Awards & Recognitions Student achievements Parents that lend a helping hand Overall Recommendations / Best Practices Just because you can, does not mean you should. Dave Long For Site / Subsite Directors: Maintain consistent editor layouts between teacher sections, especially on the section homepage. Scrolling: When designing your pages, minimal scrolling is recommended. Whenever possible, break long pages into separate pages. Fonts: Choose a font that is easy to read and will display consistently across all browsers. Traditional web fonts that we recommend are: Sans-serif Tahoma, Arial, Verdana Serif Times New Roman, Georgia Use consistent size and color when adding different text elements (e.g., Title, Subtitle, and Body content) and fonts throughout your section. Text Color: Black is the preferred text color. Avoid Red, Green, and Yellow as color blind people will have difficulty seeing/reading the text. Sizing: We recommend using one of the following font sizes: 10 point (Schoolwires Editor size 2) or 12 point (Schoolwires Editor size 3). Avoid using flashing/scrolling text as this can be distracting to your viewers and they may not read all the content on your page. Files: Consider using PDF format when posting files. This will make it less likely that the content of your documents will be altered. If you have a document that you wish to remain editable, save it as an.rtf file. This will give all users access to the same content and formatting. Copying and Pasting Content: When copying text from Microsoft Word, consider removing all formatting by using Paste Text Only and reformatting in the Editor; or use the Paste from Word option. Links: Verify that links to outside web pages are functioning, current and appropriate in nature. Links to outside web pages and files should open in a new window, and be for informational or instructional purposes. Links should be descriptive (so that readers can pick up all the information) and put into context. EXAMPLES Spell Check: DO: Click here for more information about Online Resources DON T: Click here for more information about Online Resources ALWAYS remember to use this feature. 1

14 Do s and Don ts for Teacher Sections Overall Recommendations / Best Practices (cont.) Just because you can, does not mean you should. Dave Long Blogs: If you host a blog, you are responsible for maintaining the content. Blog postings should contain material that is relevant to curriculum or class discussion. Visitor Comments should require approval before being posted. File Sizes: Think about the size of the file (images, documents, podcasts, etc.) that you are uploading. Large files take a long time to load; your viewers may get frustrated and navigate away before being able to view your content. Tables: Consider a table Width property setting of 90-95% to avoid content spilling off the page. Be aware of adding large images which could force a horizontal scroll bar to display. If possible, edit your Image Properties to wrap text around photos rather than using tables to improve viewing on multiple browsers. Photos of Students: Be sure to check your district policies on posting student photos on the web. Photo Galleries: The recommended setting for the Gallery Width is 500 pixels. Use JPG or PNG images. Images: Do not copy and paste photos make sure you use the Insert Image icon. When inserting images, add meaningful Alt. Text. This text is viewable when a person hovers over the image and will be used by screen reader applications. Recommended image sizes (100 pixels = 1 inch): Keep images narrower than 500 pixels wide Accent Images: Keep image width and height between pixels. Avoid animated images as they can be a distraction from the content on the page. JPG, PNG and GIF are preferred (BMP images are not always recognized). When resizing images, it is always best to go from a larger image to a smaller image. Making a small image larger can result in a grainy or pixelated image. Avoid background colors and images on pages. If background colors are used, maintain high contrast between background colors and font for improved readability. Copyright: Be sure to give proper credit for content that is posted from other sites. Check with your district policies on posting content/ copyright rules. Copyright infringement occurs when an individual inappropriately reproduces a work that is protected by a copyright. You should make a standard practice of requesting permission from the holder of the work if your use of the material has the potential of being considered an infringement Teachers should instruct students to respect copyright and to request permission when appropriate. Plagiarism: Users should not plagiarize works that they find on the Internet. Plagiarism is taking the ideas or writings of others and presenting them as if they were original to the user. District policies on plagiarism should govern use of material accessed through the District Network. Teachers should instruct students in the appropriate research and citation practices. Below are rules to follow regarding copyright guidelines: Photography, illustrations and artwork are considered intellectual property. Links to legitimate resources can be posted. Apps and Page Layout Make sure you have enough space in the Page Layout to display your App content properly. 2