Quick Reference Guide WEBSITE MESSAGING TOOLS ACCESSIBILITY

Transcription

1 Quick Reference Guide WEBSITE MESSAGING TOOLS ACCESSIBILITY Important Information Student privacy is imperative. Do not publish surnames, home addresses, home phone numbers, grades or test scores of individual students. Make sure parents have not restricted photos or artwork. Display Student s work with first name or first name and first letter of last name. Pictures are allowable and encouraged, but do not associate exact names with pictures. (example: Michelle or Michelle D.) Links No links to teachers or staff personal websites or social media sites. (Facebook, Twitter, etc.) All links must be working, no connections to under construction pages. Do not post COPYRIGHTED material on your sites. When in doubt, ask. Teacher Website Expectations Teacher Overview Page Teacher s Name Photo (professional in appearance) Class Phone/Campus Main # BISD Conference Time Class Schedule Add Signature to Outlook Name Title (2 nd Grade Teacher) Campus/Department Class Phone/Campus Main # BISD Conference Period Onsite Website Tech Support Campus Webmaster Files and Other Information Images Images must be in.gif,.jpg or.png format prior to uploading to your website. Microsoft Documents Word, Excel, Publisher, PowerPoint Convert to PDF prior to ing or uploading to website File Save As to PDF Do not use any spaces when naming your electronic files. Include current year to file name for quick identification. Webpage Total Workspace on each page is about 600 px wide. Accessibility Website accessibility is about giving everyone equal access to your online content, regardless of their physical or cognitive ability. My role in accessibility as a BISD employee: Images need alternative text (description in 140 characters or less or ) Use styles and formatting structures in Word and PowerPoint PDF are to be tagged for accessibility (bookmarks and tagging) Caption videos Self-describing hyperlinks Use Tables for data and NOT for layout Communications Department Michelle DoPorto District Webmaster michelle.doporto@birdvilleschools.net office Amanda Ramirez Secretary/Support Web Services amanda.ramirez@birdvilleschools.net office Copyright 2017 by Birdville Independent School District. All Rights Reserved page 1

2 Website Sign In/Log In 1. The preferred browser to edit site is GOOGLE CHROME. 2. Go to 3. Click SIGN IN at top right-hand corner of website. You do not have to go to your own website or page to sign in. Reminder: Use your BISD network ID and password to access your website. Create a New Page 1. Log into your site and click on SITE MANAGER (top right-hand corner) for workspace. 2. Click on New Page button. 3. Select page type for your content. 4. Type Page Name: as it will appear on your site. 5. Click Save and Exit. 6. Drag over Apps that will utilized on your page and hold content. C ontent Editor Content Editor is user friendly and designed to meet Accessibility requirements. page 2

3 Images **Images must be in.gif,.jpg or.png format prior to uploading to your website. Type description in Alternative Text or for decorative images only. Insert an Image in the Content App: Here is how you insert an image in the Schoolwires Editor. 1. Place the cursor on the page where the image is to display. 2. Click the Insert Image icon. The Insert Image window displays. 3. Select the import source of the image. 4. Click Continue. The Insert Image window displays. 5. Enter a description of the image in the mandatory Alt. text field. 6. Adjust the Height and Width of the image as desired. 7. Click Insert Image. The page displays with the inserted image. - OR - Image App: 1. Click BROWSE button to select photo or upload. 2. Image options (Upload from your files, Use Existing Image or select Shared Image) 3. Type Alternative Text (simple description of image) 4. Click SAVE. Alternative Text Tips: A. Decorative Image Type B. Purposeful Image Type description of image purpose (i.e., Illustration of math concept) page 3

4 Links (Note: Be descriptive for text within links: > click here to download application.) Insert a Link into a Content App: Here is how you add a link in the Content App. 1. Click the Insert Link icon. The Insert/Edit Link dialog displays. 2. Insert a fully qualified web address in the Web Address field. 3. Enter the text you wish to display for the link in the Link Text field. 4. Choose a Target for your link. This will determine if your link opens in the same window or a new window. 5. Click Ok. You return to your Content app in Edit Mode. 6. Click Save. Add a Link to an Image in a Flex Editor App 1. In Site Manager, navigate to the Flex Editor App you wish to edit. 2. Position the cursor in the content area of the editor. 3. Click the Insert Image icon. 4. Click on the inserted image to select it. Square handles display on the borders of the image. 5. Click the Insert Link icon. The Insert Link dialog displays. 6. Select one of the following options from the Insert Link Wizard and follow the instructions. Your Site 1. Select a Site from the drop-down. 2. Select a Channel, Section, and Page. 3. Hint: To link to a homepage, just select a Site and a Page. 4. Click Insert Link Address 1. Enter the address. 2. Click Insert Link Web Address 1. Enter the web address into the URL field. Note that " is already populated. 2. Target - Open in New Window 3. Click Insert Link 7. Click Insert Link. When a visitor clicks on the image, the associated link is launched. Insert a File Link in the Schoolwires Editor Here is how you insert a link to a file in the Schoolwires Editor. The app editor must have an Insert File Link button. 1. In Site Manager, navigate to the workspace containing the app in which you wish to insert a file link. 2. In the editor of the app, click Insert File Link icon. 3. In the Upload File tab, click Browse. 4. Navigate to the location of the file and select the file. 5. Type the Link Text that you would like to appear for the link. 6. Click the Target drop-down list and select an open option. Options are Open link in a new window or Open link in the same window. 7. Click Insert File. Page Redirect Map a Page to a Website (URL) Here's how you map a page to a website (URL). 1. Follow steps to CREATE A NEW PAGE or use existing page. 2. In Site Manager, navigate to the workspace where the page is located. 3. Click the Actions button to the right of the page. 4. Select Page Options from the drop-down list. 5. On the General tab, enter the URL for the site in the Map Section to Web Address field. Enter the full address of the website (e.g., would be a valid URL. 6. Adding "target=_blank" to the end of the web address will ensure the website opens in a new window. 7. Click Save. Note: "target=_blank" will not appear in the Map Page to Web Address field when you return to the Page Options screen. The system will still know to open the URL in a new window. page 4

5 Page Options Modify Page Options Here's how to modify page options. 1. Sign-in and navigate to the Section Workspace. 2. Click on Actions to the right of the page. A drop-down list displays. 3. Select Page Options. The Page Options dialog displays. 4. The General tab allows you to: Change the page name. Hide this page from website navigation. Always show pages nested under this page. Show bullet image next to this page. Map this page to another web address. 5. Select the Display Duration tab to set the period of time a page will display on the end-user website. 6. Select the Advanced tab to: a. Permit visitors to view the page faster by accessing an already saved version by enabling caching of the page. b. Apply Meta Data (Description and Keywords) to you page. 7. Click Save. The Summary tab of the Section Workspace displays. Set Display Duration for Pages You may specify a start date, and end date or both. If you add a start date, the page displays on your website at 12:00 AM on the date specified. If you add an end date, the page no longer displays as of 11:59 PM, on the date specified. If you enter no start or end date, the page always displays, provided the page Status is set to active. If you enter both a start and an end date, the page displays on your site within the specified date range, provided the page Status is set to active. If you enter only a start date, the page displays on your site from the date specified forward, provided the page Status is set to active. If you enter only an end date, the page displays on your site immediately until the specified end date, provided the page Status is set to active. 1. Click ACTIONS button. 2. Click on Page Options. 3. Click on Display Duration tab. 4. Enter appropriate dates and SAVE. Files and Folders Upload Files to Files & Folders Each Site, Subsite, Channel, and Section Workspace has access to its own Files & Folders where documents and images can be uploaded and stored. To upload documents or images to your Files & Folders, follow these steps. Note that you cannot upload.exe files. 1. Navigate to the relevant Workspace. 2. There are two (2) methods of accessing Files & Folders from the workspace. Option 1. a. Click the Tools tab. A menu of tools displays. b. Click Files & Folders. The Files & Folders window displays. c. Click the Subfolder where you wish to upload to (See: Create Subfolders in Files & Folders) d. Click Upload. The Upload Files dialog displays. e. Click Browse. The Select Files(s) to Upload dialog displays. f. Browse out and choose the file or files you wish to upload. g. Click Open. The Upload Files dialog displays with the selected file(s) listed. h. Click Upload. The designated Subfolder displays listing the uploaded file(s). Option 2. i. Click Files & Folders under the Common Tools dashboard (not present in Channel Workspace). The Files & Folders window displays. j. Click the Subfolder where you wish to upload to (See: Create Subfolders in Files & Folders) k. Click Upload. The Upload Files dialog displays. l. Click Browse. The Select Files(s) to Upload dialog displays. m. Browse out and choose the file or files you wish to upload. n. Click Open. The Upload Files dialog displays with the selected file(s) listed. o. Click Upload. The designated Subfolder displays listing the uploaded file(s). page 5

6 Tables Insert a TABLE APP: To insert a Table in the Schoolwires Editor: a. Select the Table App icon and drag over to the page on left. b. Click on Table App icon and select number of rows and columns. c. Identify Header Row and Header Column d. Click Save. Calendar Add Events to the Calendar Here's how you add an event to the calendar: 1. Click on New Event or double click on the date. The Event window displays. 2. Enter the Event Name, the Start Date, and the End Date. All other fields are optional. 3. Click Save. page 6

7 Announcements Add Announcements with Activation and Expiration Dates Here's how you add an announcement: 1. Click on New Announcement. The Announcement window displays. 2. Enter the Announcement TITLE, add content (text/images) in body area. 3. Click on Display Duration tab to set Start Date and the End Date of announcement. All other fields are optional. 4. Click Save. page 7

8 Apps and Page Functions Edit EMBED Code 1. Open or create page. 2. Select Embed Code App. 3. Drag to page on left. 4. Click to open App and paste embed code. 5. Click SAVE. Change PAGE LAYOUT 1. Navigate to the Page. 2. Click Actions to the right of the page. A drop down list displays. 3. Click Edit Page. The page displays in Edit Mode. 4. Click Layout. The page displays in Design Mode. 5. Click Layout. The current content layout displays together with alternate content layouts. 6. Choose a new layout by clicking on it. A green check mark displays. 7. Click Apply. The page displays in design mode revealing the new Content Layout. page 8

9 A safe way for teachers to text message students and stay in touch with parents. Remind: Free, Safe and Simple. Remind offers teachers a free, safe, and simple way to connect instantly with students and parents. Teachers can send or schedule messages, photos or documents directly to students and parents phones. Communication is safe because phone numbers are always kept private. REMIND Account Set Up 1. Go to REMIND.com and click TEACHER SIGN UP 2. USE Birdville ISD district and not personal 3. Document your password. Click Forgot password if you need assistance. REMIND Add Instructions/Invitation to page 1. Go to Remind.com 2. Click Printable PDF s under WAYS TO ADD PEOPLE 3. Click Download PDF button Save PDF to your desktop/drive. 4. Go to your website page and create a page Remind Instructions 5. Click on Remind Instructions PDF to insert PDF to be viewed. 6. Click BROWSE and UPLOAD FILE from your desktop/drive. Locate file and Upload. Click Insert File. 7. Click SAVE. Tech Tip Snipping Tool BISD logo can be found at 1Password password vault for collection of passwords page 9

10 Videos 1. Go to select video, preview from START to FINISH. 2. Click SHARE below the video and click on EMBED. 3. Click SHOW MORE. 4. Uncheck box for SHOW SUGGESTED VIDEOS WHEN THE VIDEO FINISHES. 5. Select and Copy the EMBED code (Ctrl + C) 6. Go back to new page and click on VIDEO EMBED CODE APP 7. Paste the video code previously copied from YOUTUBE (Ctrl + V) 8. Click Save. Note: This page can be used to embed other content code Tip: Always watch the video from start to finish. Select videos that are short in duration. If a video cannot keep your attention, then it will not keep your audience s attention either. Create Webpage with Video Embed 1. Go to 2. Log into Schoolwires. Click NEW PAGE 3. Type title of page (Example: Math-Angles Video) 4. Click Flex with Video Embed pre-designed page. 5. Click Save & Continue. Flex Editor app is for a video introduction and the Video Embed Code App is for the code. 6. Paste video embed code. 7. Click SAVE. page 10