Creating a Website in Schoolwires Technology Integration Center

Similar documents
Creating a Website in Schoolwires

Centricity 2.0 Section Editor Help Card

SchoolWires. Table of Contents

Nauticom NetEditor: A How-to Guide

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

Managing Your Schoolwires Web Site

Section Editor Quick Start. Schoolwires Academic Portal Version 4.0

Dreamweaver Basics Outline

FirmSite Control. Tutorial

Classic Headlines & Featured App Guide

Schoolwires Editor Best Practices. Schoolwires Centricity2

Site Manager. To edit a page already in place, click on the name of the page.

Using Sitecore 5.3.1

Quick Reference Guide WEBSITE MESSAGING TOOLS ACCESSIBILITY

WCCUSD Website. Centricity 2 Tutorial Guide. Site Manager Workspace.

Website Creating Content

User Guide. Chapter 6. Teacher Pages

Week 5 Creating a Calendar. About Tables. Making a Calendar From a Table Template. Week 5 Word 2010

Creating & Modifying Tables in Word 2003

Beginners Guide to Snippet Master PRO

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9

TPS Version 6/1/2010

Microsoft Word 2007 on Windows

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

page 1 OU Campus User Guide

OU EDUCATE TRAINING MANUAL

QRG: Using the WYSIWYG Editor

TEACHER PAGES USER MANUAL CHAPTER 6 SHARPSCHOOL. For more information, please visit: Chapter 6 Teacher Pages

Creating Web Pages with SeaMonkey Composer

Lava New Media s CMS. Documentation Page 1

Section Editor Workbook

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Microsoft Excel 2010 Basic

PBwiki Basics Website:

NVU Web Authoring System

Using Adobe Contribute 4 A guide for new website authors

Introduction to Microsoft Word 2008

< building websites with dreamweaver mx >

ADOBE DREAMWEAVER CS4 BASICS

Creating Teacher Webpages on the New APS WordPress Site

A cell is highlighted when a thick black border appears around it. Use TAB to move to the next cell to the LEFT. Use SHIFT-TAB to move to the RIGHT.

Correcting Grammar as You Type. 1. Right-click the text marked with the blue, wavy underline. 2. Click the desired option on the shortcut menu.

P3e REPORT WRITER CREATING A BLANK REPORT

Headlines & Features App Guide

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Word Select New in the left pane. 3. Select Blank document in the Available Templates pane. 4. Click the Create button.

How to Request a Site

Rich Text Editor Quick Reference

Schoolwires Manual For Department Web Editors Georgetown ISD

Quick Access Toolbar. You click on it to see these options: New, Open, Save, Save As, Print, Prepare, Send, Publish and Close.

Correcting Grammar as You Type

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE

AgWare ClickFORMS 7.0 Introductory Tutorial

Microsoft Office Publisher

The American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat

UIS Office of Web Services Documentation. WordPress User Guide. WordPress User Guide 8/31/17 Page 1 of 13

HOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.

Schoolwires Website How to Access and Modify Content of Teacher Pages

Working with Tables in Word 2010

The PlainHTML Content Editor

While editing a page, a menu bar will appear at the top with the following options:

Dreamweaver Tutorials Working with Tables

BEDI INTERNATIONAL SCHOOL, BAREILLY. CHAPTER: 3( Managing files and folders)

(Pixelsilk Training Manual) Your Guide to Pixelsilk Site Updates

Introduction to MS Word XP 2002: An Overview

Microsoft Word 2010 Basics

Labels and Envelopes in Word 2013

Excel 2003 Tutorial II

BHM Website Teacher User Guide

In so many ways summary

What can Word 2013 do?

Paint Box Tools. Professional Tools

Table Basics. The structure of an table

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.

SharpSchool Website Training Guide

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support

Day : Date : Objects : Open MS Excel program. Subject : * Open Excel application. Select : start. Choose: programs. Choose : Microsoft Office

Formula Bar. Scroll bars. View buttons. Zoom slider

User s Manual. Beacon Technologies, Inc. 164-B Thatcher Rd. Greensboro, NC beacontechnologies.com

Centricity 2.0 Schoolwires Editor Help Card

Web Page Basics. FRSD Elementary Technology Workshop. February Presented by Lisa Stewart, Tammy Gianvito, and Diane Kaufmann

Documentation > Product Info > Site Manager > 7.3 & 7.4 > Content > Add Content

1. AUTO CORRECT. To auto correct a text in MS Word the text manipulation includes following step.

UIS Office of Web Services Documentation. WordPress User Guide. WordPress User Guide 4/17/18 Page 1 of 12

CS Multimedia and Communications. Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3)

Microsoft Word 2010 Tables. 4/25/2011 Archdiocese of Chicago Mike Riley

Introduction to Microsoft Word 2010

Introduction to the MODx Manager

Word 2013 Quick Start Guide

What is OU Campus? Log into OU Campus

CROMWELLSTUDIOS. Content Management System Instruction Manual V1. Content Management System. V1

Excel Select a template category in the Office.com Templates section. 5. Click the Download button.

Adobe Dreamweaver CS5 Tutorial

Excel FDLRS Sunrise

Introduction. Getting Started. Selecting a Template. 1 of 1

Computer Nashua Public Library Introduction to Microsoft Word 2010

Tabs, Tables & Columns

Session 7 MS Word. Graphics. Inserting Clipart, and Graphics Modify graphics Position graphics

Transcription:

Creating a Website in Schoolwires Technology Integration Center Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Accessing Site Manager... 2 Section Workspace Overview... 3 Managing Files & Folders... 4 Adding a new folder... 4 Uploading a file(s) or image(s)... 4 Renaming a file... 5 Renaming a folder... 5 Deleting a file... 5 Deleting a folder... 5 Updating a file... 5 Closing the Files & Folders window... 5 Working with Pages... 6 Creating a new page... 6 Renaming a page... 6 Getting a link for a page... 6 Copying a page... 6 Moving a page... 6 Deleting a page... 7 Recovering a page from the Recycle Bin... 7 Flex Editor Pages... 7 Link Library Pages... 7 Editing a link... 8 Making a link inactive... 8 Deleting a link on a Link Library page... 8 Sorting links on a Link Library page... 8 Calendar Pages... 9 Adding an event... 9 Setting a Recurring Event... 9 Editing an Event... 9 Deleting an Event... 9 Assignments Pages... 10 Editing an assignment... 10 Making an assignment inactive... 10 Copying an assignment... 11 Deleting an assignment... 11 Organizing the Left Navigation... 11 Sorting pages alphabetically or manually... 11 Showing nested pages in the left navigation... 11 Hiding a page from the left navigation... 12 Linking to an external website from the left navigation... 12 Linking to a file from the left navigation... 12 Setting a display duration for a page... 13 The Schoolwires Editor... 13 Copying/Pasting text from another location... 13 Formatting text... 13 Working with Images... 14 Inserting a Horizontal Divider... 15 Working with Links... 16 Working with Tables... 18 Technology Training Resources can be found at http://www.davis.k12.ut.us/dsd/techtraining Technology Integration Center Page 1

Overview and Terminology Site Main District website Subsite School websites Channels Navigation bar that runs horizontally across a site or subsite and shows a list of sections within the site Sections A collection of pages within a channel, i.e. District Department webpages, Teacher webpages Pages The organization of content within a section, i.e. Homepage, Calendar, Assignments, etc. o Pages within a section are listed in the left hand navigation for the section. Logging into Schoolwires Open Internet Explorer and go to the Davis District site at http://www.davis.k12.ut.us/. From the MyStart Bar, click on Schoolwires Sign In. Type your Sign-in Name and Password then click on the Sign In button. Changing a password From the MyStart Bar, click on My Account then click on Edit Account Settings. From the menu on the left, click on Change Password. Type the password that was just used to sign in to Schoolwires in the Current Password box then type a new password in the New Password box. Confirm the new password by retyping the new password in the Confirm New Password box. Click on Change Password. Accessing Site Manager From the MyStart Bar, click on Site Manager. o Clicking on Site Manager will open a new window called the Section Workspace. Technology Integration Center Page 2

Section Workspace Overview View Website o Allows you to view the public website to see changes that have been made. Summary Tab o Shows a list of Current Pages. o Contains tabs for New Pages, Organize Pages, and Recycle Bin. o Shows the Status of current pages, i.e. active/inactive. Pages that are Active are visible to the public. To make a page not visible to the public, click on the Active button to change the status to Inactive. o Shows Actions for working with current pages. o Contains quick access for Common Tools used in Schoolwires. o Displays Pending Comments made to blogs, wikis, etc. o Shows Statistics for the number of visits that have been made to the website. Tools Tab o Contains tools and apps to help manage the section, i.e. Files & Folders, Photo Gallery, Forms & Surveys, etc. Editors & Viewers Tab o Controls which users have editing privileges to the section. o Controls those who have viewing rights for the section. How do I? Tab o Contains Help Articles, Interactive Video Tutorials and other Additional Resources for working in Schoolwires. Technology Integration Center Page 3

Managing Files & Folders Note: If files or images are organized after they have been inserted on a page, the links to the files or images will be broken. Adding a new folder There is not a limit to the number of folders that can be created. Folders can also be created inside of other folders. From the Summary tab, in the Common Tools section, click on Files & Folders OR click on the Tools Tab and then click on Files & Folders. From the folders on the left, click on the folder where the new subfolder will go. o Note: Site Files is the root folder. Click on the triangle in front of the Site Files folder to see subfolders. Click on the Folder Actions button then click on New Subfolder. Type a title for the folder then click on Save. Uploading a file(s) or image(s) Note: Make sure the filenames of the files or images being uploaded do not contain any spaces. From the folders on the left, click on the folder where the uploaded file(s) or image(s) will be stored. Click on the Upload button. Click on the Browse button. Navigate to the location of the file(s) or image(s). Click on the file(s) or image(s) and then click on Open. o To select multiple files or images, choose one of the following options: To select all files or images in the folder, press Ctrl+A. To select files or images that are in a group or list, click on the first file or image then hold down the Shift key and click on the last file or image. To select random files or images, hold down the Ctrl key and click on each of the desired files or images. Repeat the process to add additional files or images from other locations. Click on Upload. Technology Integration Center Page 4

Renaming a file Navigate to the location of the file. o Note: If a file is being used on a page, renaming the file will create a broken link on the page. Click on the More button to the right of the file then click on Rename. Type a new name for the file. Renaming a folder Deleting a file From the folders on the left, click on the folder that will be renamed. Click on the Folder Actions button then click on Rename Folder. Type a new name for the folder. Navigate to the location of the file. Click on the More button to the right of the file then click on Delete. o Note: If a file is being used on a page, deleting the file will create a broken link on the page. Click on Yes to confirm the deletion. Deleting a folder Updating a file From the folders on the left, click on the folder that will be deleted. Click on the Folder Actions button then click on Delete Folder. Click on Yes to confirm the deletion. Open the file in the program it was created in. Make the desired changes. Save the updated file with the exact same name as the original file. In Schoolwires, click on the Tools Tab then click on Files & Folders. Browse to the folder where the original file was uploaded. Click on the Upload button. Click on the Browse button. Navigate to the location of the updated file. Click on the file and then click on Open. Click on Upload. Note: The updated file will replace the original file and any links to the file will automatically be linked to the updated file. Closing the Files & Folders window Click on the in the upper right corner of the window. Technology Integration Center Page 5

Working with Pages Creating a new page From the Summary tab, click on the New Page button. From the Available Page Types, click on the type of page you wish to create. Type a name for the page. o Do not use apostrophes in the page name. Note: The page will be located on the Summary tab in the list of Current Pages, and by default, the name of the page will appear in the left navigation of the website. Renaming a page From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Page Options. In the Page Name box, type a new name for the page, then click on Save. If the page is active, the name of the page will appear in the left navigation on the public website. o Note: Do not use apostrophes in the page name. Getting a link for a page From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Get Link. The Full Address should already be highlighted. Press Ctrl+C to copy the link. Click on Close. The link can now be pasted in an email, in a document or on another webpage. Copying a page Moving a page From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Copy Page. Click on Yes indicating you are sure you want to copy the page. The page will be copied to the list of Current Pages and will include Copy as part of the page name. From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Move Page. o Note: Pages can only be moved between sections for which you have section editor rights. From the drop-down boxes, select the Site, Channel and Section that the page will be moved to. Technology Integration Center Page 6

Deleting a page From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Delete. Click on Yes to confirm the deletion of the page. o Note: Pages that are deleted are sent to the Recycle Bin. Recovering a page from the Recycle Bin From the Summary tab, above the list of Current Pages, click on the Recycle Bin button. Find the name of the document that is to be recovered and click on the Restore button. Click on Yes. From the Summary tab, in the list of Current Pages, click on the name of the Flex Editor page you wish to edit. In the Schoolwires Editor Content Area, make changes to the content as desired. o Working with the Schoolwires Editor is very similar to working in a Microsoft Word document and many of the toolbar icons are the same. Note: To see the function of an icon, move the mouse over the icon to see the tool tip. o Using the Schoolwires Editor, you can insert text, images, tables and links. o Detailed instructions for working with the Schoolwires Editor can be found on page 13. Click on the Summary tab to return to the Section Workspace. Link Library Pages From the Summary tab, in the list of Current Pages, click on the name of the Link Library page you wish to edit. Click on the New Link button. In the Link Title box, type a title for the link. (Optional) In the Description box, type a description for the link. In the Address box, type the web address (including the http://) OR paste the link from a previously copied address. Note: By default, a link will be set to show continuously on the Link Library page. To set specific dates/times for the link to be displayed, click on the Display Duration tab and set the Start/End dates. Check the Activate on my page box to make the link visible on the webpage. Click on the Summary tab to return to the Section Workspace. Technology Integration Center Page 7

Editing a link From the Summary tab, in the list of Current Pages, click on the name of the Link Library page you wish to edit. Click on the Edit button next to the link you wish to edit. Make the desired changes. Making a link inactive From the Summary tab, in the list of Current Pages, click on the name of the Link Library page you wish to edit. Click on the Active button next to the link you wish to make inactive. Deleting a link on a Link Library page From the Summary tab, in the list of Current Pages, click on the name of the Link Library page you wish to edit. Click on the Delete button next to the link that needs to be deleted. Click on Yes to confirm the deletion. Sorting links on a Link Library page From the Summary tab, in the list of Current Pages, click on the name of the Link Library page you wish to edit. Click on the Sort Links button. Click and drag the links into the desired order. Technology Integration Center Page 8

Calendar Pages From the Summary tab, in the list of Current Pages, click on the Calendar page you wish to edit. By default, the calendar is set to Month view. To change the view, click on the desired view button located at the top of the calendar window. To navigate to a different month, click on the arrows to the left/right of the month/year OR change the month/year in the drop-down boxes located in the upper right corner of the calendar. Adding an event Double-click on the date of the event OR click on the New Event button. In the Event Title box, type a title for the event. o Note: The event title is the text that will show on the public calendar. Click in the Start Date box and type the desired date for the event OR click on the calendar icon and choose the date from the pop-up calendar. Set the Start/End times for the event OR check the box for All Day if the event has no start/end time. (Optional) In the Description box, type information about the event. o Note: The description of an event will only be visible on the public calendar when someone clicks on the event title. (Optional) Select a category for the event. This will color-code the event according to pre-assigned categories. Setting a Recurring Event Click on the Recurrence tab and check the box next to Make this event recurring. Choose the Recurrence Pattern for the event. Set the Recurrence Range for the event. Editing an Event Move the mouse over the event that you would like to edit then click on Edit. Make any desired changes to the event information. Note: If the event is a recurring event, editing one occurrence of the event will change all of the events. Deleting an Event Move the mouse over the event that you would like to edit then click on Delete. If the event that is being deleted is a recurring event, a Confirmation window will open and you will be asked if you want to delete a single occurrence or the series. Technology Integration Center Page 9

Assignments Pages You can add as many Assignments pages as needed based on various courses you teach OR you can put multiple assignments on one Assignments page and use the option to assign categories to the assignments. From the Summary tab, in the list of Current Pages, click on the name of the Assignments page you wish to edit. (Optional) To create categories for the assignments, click on the Categories tab then click on New Category and type a name for the category. Click on Save. To add assignments, click on the Assignments tab and then click on the New Assignment button. In the Assignment Title box, enter a title for the assignment. If categories have been created in the Assignment Category section, click on the drop-down box and choose the desired category. Choose the Date Assigned and also the Due Date for the assignment. By default, the date assigned is the current date. Click on the Directions tab and type the details for the assignment in the Schoolwires Editor Content Area. To post the assignment to the calendar, click on the Post to Calendar tab and check the box next to Add to Calendar. o Assignments posted to the calendar can be assigned to a specific category such as Homework. To make the assignment visible on the public webpage, check the box next to Active. Editing an assignment From the Summary tab, in the list of Current Pages, click on the name of the Assignments page you wish to edit. Click on the Edit button next to the assignment you wish to edit. Click on the General tab to make changes to the title of the assignment, category, date assigned or due date. Click on the Directions tab to make changes to the details of the assignment. Click on the Post to Calendar tab to make changes to which calendar the assignment is posted to or the category of the assignment. Making an assignment inactive From the Summary tab, in the list of Current Pages, click on the name of the Assignment page you wish to edit. Click on the Active button next to the assignment you wish to make inactive. Technology Integration Center Page 10

Copying an assignment From the Summary tab, in the list of Current Pages, click on the name of the Assignment page you wish to edit. Click on the More button next to the assignment that is to be copied and click on Copy. Click on Yes indicating you are sure you want to copy the page. The page will be copied to the list of assignments and will include Copy as part of the assignment name. Deleting an assignment From the Summary tab, in the list of Current Pages, click on the name of the Assignment page you wish to edit. Click on the More button next to the assignment that is to be deleted and click on Delete. Click on Yes to confirm the deletion. Organizing the Left Navigation Sorting pages alphabetically or manually From the Summary tab, above the list of Current Pages: o Click on the Organize Pages button. o To sort pages alphabetically, click on the Sort A-Z button. o To sort pages manually, click and drag the pages into the desired order. To change the order of pages, drag and drop a page between 2 other pages. A solid bar should appear letting you know that the page will be dropped between pages. To nest a page beneath another page, drag and drop the page on top of the page you would like to nest it under. To undo a nested page, drag and drop the page between 2 pages. Note: There can be up to 5 levels of nested pages. o Showing nested pages in the left navigation From the Summary tab, in the list of Current Pages, click on the Actions button next to the page that has other pages nested beneath it, then click on Page Options. From the General tab, check the box next to Always show pages nested under this page. Technology Integration Center Page 11

Hiding a page from the left navigation From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Page Options. From the General tab, check the box next to Hide this page from website navigation. Linking to an external website from the left navigation From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Page Options. From the General tab, in the Map Page to Web Address box, type the web address (including the http://) OR paste the link from a previously copied address. At the end of the web address add a space then type target=new to have the link open in a new window. Linking to a file from the left navigation Note: To link to a file, the file must first be uploaded to your Files & Folders. See instructions on page 5 for uploading files. To get the web address for a file that has been uploaded to Files & Folders: o From the Summary tab, in the Common Tools section, click on Files & Folders OR click on the Tools Tab and then click on Files & Folders. o Navigate to the desired file. o Click on the More button to the right of the file then click on Get Link. o Highlight the Full Web Address then press Ctrl+C to copy the link. o Click on the in the upper right corner of the window. From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Page Options. From the General tab, click in the Map Page to Web Address box, then press Ctrl+V to paste the link. At the end of the web address add a space then type target=new to have the link open in a new window. Technology Integration Center Page 12

Setting a display duration for a page From the Summary tab, in the list of Current Pages, click on the Actions button next to the desired page, then click on Page Options. Click on the Display Duration tab. Set the Start Date and/or End Date. The Schoolwires Editor The Schoolwires Editor is the toolbar and content area that is found on Flex Editor pages, Calendar events, Blog posts, etc. Copying/Pasting text from another location Go to the location of the text that you want to copy, i.e. webpage, Microsoft Word document, etc. Click and drag the mouse over the desired text. Press Ctrl+C to copy the highlighted text. Click in the Schoolwires Editor Content Area where the text is to be inserted. From the top row of the Editor Toolbar, choose from the following options to paste the copied text onto the page: o Paste or Ctrl+V - This option pastes the text that was copied to the clipboard and pastes it directly into the Editor s content area. The text retains the formatting of the previous document and might cause problems with future formatting. o Paste from Word Use this option if the text was copied from Microsoft Word. This option will retain most of the formatting from Word but will remove any non-web-friendly Word code. o Paste Text This option will paste the text without any of the formatting from the source document. Note: To clear formatting from text that has been pasted into the Editor s content area, click and drag to highlight the text and then click on the Remove Format icon toolbar. Formatting text located on the bottom row of the Select the text to be edited. Use the formatting icons from the middle row of the Editor Toolbar to apply quick formatting to the selected text. For more advanced formatting, click on the Formatting icon and choose the desired type of formatting from the drop-down list: o Text Use to apply some of the basic formatting options found on the toolbar and also custom formatting such as minicaps, superscript, subscript and character spacing. o Paragraph Use to adjust word spacing, indentation, line spacing and white space of a paragraph. o List Use to change the style of numbers or bullets, adjust margins, and adjust the starting number of a numbered list. o Box Use to change the border style, thickness and color; adjust margins and padding; and apply a background color. o Custom CSS Use to modify CSS code (Cascading Style Sheets) Technology Integration Center Page 13

Working with Images Inserting an image Note: Inserting an image from a computer or network will automatically add a copy of the image to the Files & Folders Library but will not organize it into any previously created folders. Click in the Schoolwires Editor Content Area where the image will be inserted. Click on the Insert Image icon located on the bottom row of the toolbar. To locate the desired image, choose from the following options: o Upload Image - from your computer o Existing Image - from your Schoolwires Files & Folders o Shared Image - from the Shared Library o Clipart - from the Schoolwires Clipart Library Browse for the desired image. Note: If inserting an image from your computer, you will need to choose the size of the image to be inserted, i.e. thumbnail, medium, large, custom OR no resizing. o To manually control the size of the image, choose Custom and type either a width OR height. o Note: 72 pixels is approximately 1 inch. Click on Continue. In the Alternative Text box, type a description for the image. o Note: If the picture is of a student, do not type the student s name. Type a size for the image. o To manually control the size, type either a width OR height then click on the picture to see the new size. o Note: 72 pixels is approximately 1 inch. (Optional) Click on the Alignment drop-down box and choose how the image will be aligned on the page. (Optional) To put a border around the image, type a number in the Border box. Click on Insert Image. Technology Integration Center Page 14

Placing an image in a specific location To align the image horizontally on the page, from the formatting toolbar, click on the Left, Center, Right or Justify alignment icons OR Create a table and use the cells to control the placement of the image on the page. To see detailed instructions for working with tables, refer to page 18. Editing image properties Double-click on the image to be edited. To change the Alternative text for the image, edit the description in the Alternative text box. To change how text is wrapped around an image, click on the Alignment box and choose the desired option from the drop-down box. o Note: The preview box shows how each alignment option affects the text and image. To add a border around the image, type a number in the Border Size box. By default, the color of the border will be black. To change the border color, click in the Border Color box and choose the desired color for the border. To change the width or height of the image, type the desired number of pixels for the image in the width and/or height boxes. o Note: If the Constrain Proportions box is checked, changing either the width or height will keep the image in proportion. To add space around the image, type the desired number of pixels in the Horizontal and/or Vertical boxes. o Note: Adding space to the horizontal box will add space to both the left and right side of the image. Adding space to the vertical box will add space to the top and bottom of the image. Click on OK when finished. Inserting a Horizontal Divider Click in the Schoolwires Editor Content Area where the horizontal divider will be inserted. Click on the Horizontal Rule icon located on the bottom row of the toolbar. Double-click on the horizontal divider to edit the divider line. Make the desired changes to the width, alignment, color, shade and size. Click on OK. Technology Integration Center Page 15

Working with Links Links to files Click in the Schoolwires Editor Content Area where the link will be inserted. Click on the Insert File Link icon located on the bottom row of the toolbar. To locate the desired file, choose from the following options: o Upload File - from your computer o Existing File - from your Schoolwires Files & Folders o Shared File - from the shared library Note: Uploading a file from your computer or network automatically copies the file to the Files & Folders Library but it will not organize it into any previously created folders. Browse for the desired file. If you choose the option to Upload file: o Click on Browse and navigate to the location of the file on your computer or network. o Click on the file to select it and then click on Open. If you choose the option for Existing File: o Navigate to the location of the file that has previously been uploaded to your Files & Folders Library. Click on Continue. In the Link Text box, type the name for the file. o The name of the file appears as linked text on the webpage. Click on the Target box and choose the option Open link in new window (_blank). Click on Insert File. Technology Integration Center Page 16

Links to webpages In the Schoolwires Editor Content Area, type the text that will become the clickable link. Click and drag to highlight the text. Click on the Insert Link icon located on the bottom row of the toolbar. From the list of options, choose to insert a link to one of the following: o Your Site o Web Address If you choose to insert a link to Your Site: o Click on the Choose a Site drop-down box then choose the site (i.e. District or School) for your location. o Click on the Choose a Channel dropdown box then click on the Channel at your site for where your section is located (i.e. Departments, Faculty and Staff, etc.) o Click on the Choose a Section drop-down box then click on the name of your section. o Click on the Choose a Page drop-down box then click on the page in your section that you would like to link to. o Click on Insert Link. If you choose to insert a link to a Web Address: o In the Web Address section, select http:// from the drop-down menu. o Type or paste the link of the website in the second box. (Do not include http:// in this box.) o For the target, choose the option Open in a new window (_blank). o Click on Insert Link. Email links Click in the Schoolwires Editor Content Area and type the email address that you would like to link to. At the end of the email address type a space. The email address will automatically become a clickable link. Note: When someone clicks on the email link on the public page, the link will try to open an email program on the computer if there is one that has been installed. If an email program has not been installed, the person may receive an error message. If this occurs, encourage end-users to copy and paste the email address into their own email message when trying to send a message. Technology Integration Center Page 17

Editing a link Highlight the linked text to be edited. Click on the Edit Link Properties icon located on the bottom row of the toolbar. In the URL box, make any desired changes to the web address if needed. Make sure the Target is set to open in a New Window. Click on OK. Removing a link Highlight the linked text that is to be removed. Click on the Remove Link icon located on the bottom row of the toolbar. Working with Tables Inserting a simple table Click in the Schoolwires Editor Content Area where the table is to be inserted. Note: If the cursor is at the top of the page, add a few lines of blank space by pressing the Enter key so text can be added later above the table. Click on the Insert Table icon located on the bottom row of the toolbar. Move the mouse over the gridlines to define the desired dimensions for the table OR click on Table Wizard located at the bottom of the gridlines to build a custom table. Inserting a row or column Click in the row or column where the new row or column is to be inserted. Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, choose one of the following options: o Insert Row Above o Insert Row Below o Insert Column Left o Insert Column Right Technology Integration Center Page 18

Deleting a row or column Click in the row or column to be deleted. Merging cells Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, choose one of the following options: o Delete Rows o Delete Column Note: Cells can only be merged one cell at a time. Click in the cell above or to the left of the cell that will be merged. Splitting cells Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, choose one of the following options: o Merge cells right o Merge cells down Note: Only cells that have been previously split can be merged. Click in the cell to be split. Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, choose one of the following options: o Split cells right o Split cells down Adding a border to a table Right-click in the table, click on Table Options, then click on Properties OR click on the <table> tag located at the bottom of the Schoolwires Editor Content Area. Click on the Table Options tab. In the Border box, type a number to set the thickness of the border. Click in the Border Color box and select a color. Click on the Rules drop-down box and choose from the following options: o Not Set No border o Outer Outside border o All All cell borders o Rows Outer row borders o Columns Out column borders Uncheck the Collapse box if you want space inserted between the cells. Click on OK. Note: To see the borders while working in the Schoolwires Editor Content Area, click on the Visible Border icon located on the bottom row of the toolbar. Technology Integration Center Page 19

Adding a background color to a table Right-click in the table, click on Table Options, then click on Properties OR click on the <table> tag located at the bottom of the Schoolwires Editor Content Area. Click on the Table Options tab. Click in the Background Color box and select a color. Click on OK. Changing the width, height or alignment of a table Right-click in the table, click on Table Options, then click on Properties OR click on the <table> tag located at the bottom of the Schoolwires Editor Content Area. Click on the Table Options tab. To set the width and/or height of the table, in the General section, type the desired width and/or height. o Note: The table width cannot exceed 680 pixels. To set the alignment of a table, click on the Alignment drop-down box and choose Left, Center or Right. To set the table so that text can be placed on either side of the table, click on the Float drop-down box and choose Left or Right. Deleting a table Click in the table to be deleted. Click on the <table> tag located at the bottom of the Schoolwires Editor Content Area then click on Delete All from the pop-up menu. Changing the properties of a cell Note: By default, the width and height of cells in a table are set to Autofit to contents. Click in the cell to be edited. Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, click on Cell Properties. To change the width/height of the cell, type the desired width/height in the Width and/or Height box. o Note: The default width and height is in pixels. To change pixels to percent, click on the px drop-down box and choose %. To change the alignment of text in the cell: o Click on the Alignment drop-down box to align the text on the left, center or right of the cell. o Click on the Vertical Alignment drop-down box to align the text to the top, middle, baseline or bottom of the cell. To add a background color to the cell, click in the Background Color box and choose the desired color. To add a border to the cell: o Click in the Border Color drop-down box and choose the desired color. o Click in the Border box and type a number to set the thickness of the border. Click on OK. Technology Integration Center Page 20

Editing the properties of an entire row Click in the row to be edited. Click on the Table Options icon located on the bottom row of the toolbar. From the drop-down menu, click on Row Properties. To change the width/height of the row, type the desired width/height in the Width and/or Height box. o Note: The default width and height is in pixels. To change pixels to percent, click on the px drop-down box and choose %. To change the alignment of text in the row: o Click on the Alignment drop-down box to align the text on the left, center or right of all the cells in the row. o Click on the Vertical Alignment drop-down box to align the text to the top, middle, baseline or bottom of all the cells in the row. To add a background color to the row, click in the Background Color box and choose the desired color. To add a border to the row: o Click in the Border Color drop-down box and choose the desired color. o Click in the Border box and type a number to set the thickness of the border. Click on OK. Technology Integration Center Page 21