Centricity 2.0 Section Editor Help Card

Transcription

1 Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite, or Channel. To open Site Manager and access your Section(s): 1. Sign in to your site. Section Workspace Layout - Home Tab 2. Click the Site Manager button. Site Manager will open in a new window. 3. You may access the Section Workspace for any section you have an editorial privilege from the Content Browser. Tools Tab Clicking the Tools tab, gives you access to: App Manager for Section Apps Section Tools such as Forms & Surveys Files & Folders for Section Reports such as E-Alert Subscriptions Create a new page by clicking on the New Page button then choose from available Page Types. Change status of a page (Active/Inactive) by clicking the Green dot in front of the page name. Edit an existing page by hovering cursor over page name then choosing an App on page to edit. Modify page options by clicking the page Options button. Modify the page layout and add Apps by clicking the page Design button. Copy, Move, or Delete a page; control page viewers and see page URL by clicking the page More button. Organize pages - sort and create hierarchy - by clicking on the Organize Pages button. Restore or permanently delete pages using the Recycle Bin button. Statistics / How do I? Tabs Clicking the Statistics tab, gives you the ability to view the total number of visits to your section during a date range you specify. Clicking the How do I? tab, gives you access to Help Articles, Interactive Video Tutorials and Additional Resources. 1

2 Centricity 2.0 Section Editor Help Card Editors and Viewers Tab Section Editors are users or groups of users that have the privilege to modify the contents of a Section. To add Section Editors: 1. From the Section Editor Tab, click Assign User or Assign Group button. 2. Enter all or part of a user or group name in the Search box. 3. Click Select button to move user to Selected column. 4. When done making selections, click the Add button. Viewers are users or groups of users that have the rights to view a Section. By default, all visitors have unrestricted viewing rights. To limit viewing rights: 1. From the Viewers Tab, click Assign User or Assign Group button. 2. Enter all or part of a user or group name in the Search box. 3. Click Select button to move user to Selected column. 4. When done making selections, click the Add button. Working with Page Layouts, Columns and Apps Pages in your Section consist of a Page Layout with Columns and Apps. Page Layout A Page Layout contains one or more Columns. Page Layouts include one, two, or three columns as well as left or right sidebar plus content. You can change the Page Layout or add Apps using the Design button next to each page. Click and drag Apps into desired locations. Columns Columns are the areas of a Page Layout where Apps are placed. You can have one or more Apps per Column. Apps Apps are the content building blocks of any Schoolwires page. A Schoolwires page may include one or more Apps. You can edit Apps as well as share them with other Users. Apps include (but are not limited to) Flex Editor App, Calendar App, Photo Gallery App, Article Library App, Link Library App, File Library App as well as Apps for Announcements and Site Shortcuts. Advanced Settings found when editing an App allow you to: Rename an App Modify App Social Settings Share your Apps with others. 2

3 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.

4 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.

5 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).

6 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

7 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

8 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