Creating a Website in Schoolwires

Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace Overview... 3 Managing Files & Folders... 4 Adding a new folder... 4 Uploading a file or image... 4 Renaming a file or folder... 4 Deleting a file or folder... 4 Uploading a batch of files or images... 5 Updating a file... 5 Closing the Files & Folders window... 5 Creating a New Page... 6 Editing a Flex Page... 6 Editing a Link Library Page... 7 Sorting links on a Link Library page... 7 Editing a Calendar Page... 8 Adding a Detailed Event... 8 Adding a Quick Event... 9 Editing an Event... 9 Deleting an Event... 9 Editing an Assignments Page... 10 Organizing the Left Navigation or Site Shortcuts... 10 Sorting pages manually or alphabetically... 10 The Editor... 11 Inserting text... 11 Copying/Pasting text from another location... 11 Formatting text... 11 Working with Images... 12 Inserting an image... 12 Placing an image in a specific location... 13 Editing image properties... 13 Inserting a Horizontal Divider... 13 Working with Links... 14 Links to files... 14 Links to webpages... 15 Links to email... 15 Editing a link... 16 Working with Tables... 16 Inserting a simple table... 16 Inserting/Deleting a row or column... 16 Merging/Splitting cells... 17 Changing the width and height of cells, rows or columns... 17 Changing the width and height of the whole table... 18 Editing the properties of cells, rows or columns... 18 Editing the properties of the whole table... 19 Deleting a table... 19 Technology Training Resources can be found at http://www.davis.k12.ut.us/dsd/schoolwires Page 1

Overview and Terminology Site Main District website Subsite School websites Channels Navigation bar on a site or subsite that 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/. Beneath the Employee Log In heading, click on Sign In to Schoolwires. Type your Sign-in Name and Password then click on the Sign In button. Changing a password Beneath the Employee Log In heading, click on Access My Info. Type a new password in the Password box then retype the password in the Confirm Password box. Click on Save. Navigating to an assigned section From the Davis District site at http://www.davis.k12.ut.us/ navigate to the location of your section. o To navigate to a section within a Department, from the Channel bar on the District site click on Departments then click on your section. o To navigate to a section within a school subsite, from the top navigation bar, click on Our Schools then locate your assigned school. Next, navigate to the Faculty/Staff page and click on your section. Accessing Site Manager Beneath the Employee Log In heading, click on Site Manager. o Note: Site Manager will not be visible unless you have navigated to the section you have been given rights to edit. o Clicking on Site Manager will open a new window called the Section Workspace. Page 2

Section Workspace Overview Viewing Tabs o Site Manager: Provides access to the Section Workspace after viewing the website. o View Website: Allows you to view the public website to see changes that have been made. Note: Changes made to pages can also be viewed by clicking on the button on the Windows Task Bar that shows your public website. To see current information, click on the Refresh button located to the right of the Address bar or press the F5 key on the keyboard. Main Menu Bar o Provides access to Section Editor tasks through drop-down menus, i.e. Home, Pages, Users, Tools and Help. o Note: Clicking on Home will always return you to the Section Workspace home screen. Workspace Tabs o Provides quick access to Section Editor tasks, i.e. Manage Pages, Section Editors, and Tools. Current Pages o When a section is created, it is created with the following default pages: Homepage, Link Library, and a Calendar. The Homepage cannot be deleted, but it can be modified and renamed as needed. o Pages that are Active are visible to the public. To make a page not visible to the public, uncheck the Active box. o To get a copy of the URL for a page, click on the URL button next to the desired page then click on the Full URL web address. The web address is copied to the clipboard and can then be pasted to another location. The URL for the Homepage is the URL that you will share with the public to give them access to your website. o To Rename a page, click on the Rename button next to the desired page, 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 hand navigation on the public website. o To limit who has access to a page, click on the Options button next to the desired page and check or uncheck the boxes that apply. Note: This option has not been activated in the district. o To make a Copy of a page in your section, click on the Copy button and then click on your Site or Subsite, Channel and Section. The page will be copied to your section and will include Copy as part of the page name. o To Move a page to another section in the District, click on the Move button and then choose the Site or Subsite, Channel and Section where the page will be moved. Note: Only webmasters will be able to move pages from one section to another. o To Delete a page, click on the Delete button next to the desired page, click on Delete then click on OK to confirm that the page will be deleted. Page 3

Managing Files & Folders Note: It is best to upload files or images before they are inserted onto a page. 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. Folders can also be created inside of other folders. Click on the Tools Tab and then click on Files & Folders OR from the menu bar, click on Tools and then click on Files & Folders Click on the New Folder button. Note: If the following information bar opens at the top of the window, o Click on the bar and choose Temporarily Allow Scripted Windows then click on the New Folder button again. Type a title for the folder then click on OK. Uploading a file or image Note: Make sure the filenames of the files or images being uploaded do not contain any spaces. Click on the folder where the uploaded file or image will be stored. Note: To back out of a folder, click on the Up one level folder icon located in the top left corner of the Files & Folders window. Click on Upload Click on Browse Navigate to the location of the file or image. Click on the file or image and then click on Open. Repeat the process to add additional files or images. Click on Next. Click on Upload more files or click on Finish. Renaming a file or folder Navigate to the location of the file or folder. Click on the Rename button to the right of the file or folder. Type a new name for the file or folder. Click on OK. Deleting a file or folder Navigate to the location of the file or folder. Click on the Delete button to the right of the file or folder. Click on OK to confirm the deletion. Note: If a file or image is being used on a page, deleting the file or image will create a broken link on the page. Page 4

Uploading a batch of files or images Click on the Tools Tab then click on Files & Folders OR from the menu bar, click on Tools then click on Files & Folders Click on the folder where the uploaded files or images will be stored. Note: To back out of a folder, click on the Up one level folder icon located in the top left corner of the Files & Folders window. Click on the Batch upload button. If you get a message asking you to run a program, click on Yes or Always. This is a Java plug-in that is needed to perform a batch upload. Click on the Add File(s) button. Browse to the location of the files or images. To select multiple files or images, choose one of the following options: o To select all files or images in the folder, press Ctrl+A. o 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. o To select random files or images, hold down the Ctrl key and click on each of the desired files or images. Click on the Add files button. Click on OK. Click on the Upload File(s) button. Click on Finish. Updating a file 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 OR from the menu bar, click on Tools and then click on Files & Folders Click on the folder where the original file was uploaded. Click on Upload Click on Browse Navigate to the location of the updated file. Click on the file and then click on Open. Click on Next. Click on Finish. 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. Page 5

Creating a New Page On the Manage Pages tab, click on the New Page button OR on the Menu Bar click on PagesNew Page. Click on the desired Page Type. Type a name for the page. o Note: For a Flex page, you will also need to choose a page layout. Choosing a layout will display a preview of the layout in the Layout Preview box. Click on Save. Note: The name of the page will appear in the left hand navigation of the website. You can have as many pages of each page type except the Calendar page. Once you have a calendar page, the Calendar page type will disappear from the list of available page types. Editing a Flex Page Note: A Flex page will appear as a blank page on the public website until information has been added to the page. From the list of Current Pages, click on the name of the Flex page you wish to edit. o Note: The homepage is a Flex page. In the Editor window, make changes as desired. o Working in the 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 In the Editor, you can insert text, images, tables and links. o Detailed instructions for working in the Editor can be found on page 11. Click on Save when finished. Click on Close. From the Main Menu Bar, click on Home to return to the Section Workspace. Click on OK when you receive the message asking if you want to navigate away from the page. Page 6

Editing a Link Library Page Note: A Link Library page will appear as a blank page on the public website until links have been added to the page. From 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 Title box, type a title for the link. Click on Next. (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. (Optional) Change the dates for the length of time the link will be displayed. Check the Active box to make the link visible on the webpage. Click on Save. Click on Close. Click on Home to return to the Section Workspace. Click on OK when you receive the message asking if you want to navigate away from the page. Note: If a link does not show up on the Link Library page, check the following: o Did you make the link active? o Is the start date a future date? o Has the end date passed? Sorting links on a Link Library page From 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. Click on Save. Note: If a message appears on the screen saying Page Not Found, press the F5 key on the keyboard to refresh the window. Page 7

Editing a Calendar Page From the list of Current Pages, click on the Calendar page. By default, the calendar is set to Month view. To change the view, click on the desired view button located in the top left corner of the calendar window. The Legend shows pre-assigned categories and color-codes that have been assigned to each category. 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 a Detailed Event Click on the New Event tab. In the New Event window, click on the Event tab. Click in the 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. In the Event Title box, type a title for the event. Set the desired options for the Start and End Times. (Optional) If the event is a repeating event, click on the Recurrence drop-down box and choose the frequency for how the event will repeat. o Note: You must enter a Stop Date for recurring events. (Optional) In the Description box, type information about the event. (Optional) In the Website Address box, type the web address that will be included with the event. o If there are multiple web addresses, separate each address with a semi-colon. Do not use any spaces between web addresses. o Note: Addresses that are copied and pasted from the Internet will help ensure accuracy. Select a category for the event. This will color-code the event according to pre-assigned categories. o Click on the zoom button to see the Legend. Click on Save. Page 8

Adding a Quick Event Double-click on any date to open the Add Quick Event window. In the Date box, type the desired date for the event OR click on the calendar icon and choose the date from the pop-up calendar. Set the desired options for the Start and End Times. In the Event Title box, type a title for the event. Select a category for the event. This will color-code the event according to pre-assigned categories. o To see the Legend for the events, move the mouse on top of the zoom button. Click on Save. Editing an Event Move the mouse over the event that you would like to edit then click on Edit. Note: District and school wide events cannot be edited. Make any desired changes to the event information. If the event is a recurring event, editing one occurrence of the event will change all of the events. Click on Save. Deleting an Event Move the mouse over the event that you would like to edit then click on Delete. Note: District and school wide events cannot be deleted. 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. Page 9

Editing an Assignments Page 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 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. Enter a title for the assignment. In the Description box, type details about 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. o By default, the date assigned is the current date. To post the assignment to the calendar, 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. Click on Save. Note: If an assignment does not show up on the Assignments page, check the following: o Did you make the item active? o Is the start date set to a date in the future? o Has the end date passed? Organizing the Left Navigation or Site Shortcuts Sorting pages manually or alphabetically From the list of Current Pages. Click on the Sort Pages button. Choose to either Sort Alphabetically or Manually. To sort manually, click and drag the pages into the desired order. Click on Save. Page 10

The Editor Inserting text Text can be added to the Editor by either placing the cursor in the Editor window and typing the desired text OR by copying the text from another location and pasting the text in the Editor window. 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. In the Schoolwires Editor window, click 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. 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 formatting that interferes with webpage code. This option is only available in Internet Explorer on a PC. 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, click and drag to highlight the Formatting text text and then click on the Remove Formatting icon located on the bottom row of the toolbar. 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 Formatting 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 Formatting Use to adjust word spacing, indentation, line spacing and white space of a paragraph. o List Formatting Use to change the style of numbers or bullets, adjust margins, and adjust the starting number of a numbered list. o Box Formatting 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) Page 11

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 File Library but will not organize it into any previously created folders. Inserting an image from the Clipart Library will not copy the image to the File Library. Click where the image will be inserted. Click on the Insert Image icon located on the bottom row of the toolbar. Choose to insert an image from one of the following locations: o From your computer or network o From your site o From the Shared Library o From the Clipart Library Click on Next. Browse to the image to be inserted and then click on the image to select it. Click on Next. Note: If inserting an image from your computer or network, 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 Next. A dialog box appears saying that the image is being uploaded. Click on Next. In the Alt 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. o Note: 72 pixels is approximately 1 inch. (Optional) Click on the Align 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. Page 12

Placing an image in a specific location 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 16. Editing image properties Click on the image that is going to be edited. Click on the Edit Image Properties icon located on the bottom row of the toolbar. To change the Alt Text for the image, edit the description in the Title 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, click on the Border Style button and choose the desired option. 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: Changing the width or height will not automatically keep the image in proportion. To add spacing around the image, type the desired number of pixels in each box in the Spacing section. Click on the Apply button to make the changes but keep the Image Properties window open for further editing OR click on OK when finished. Inserting a Horizontal Divider Click where the divider is going to be placed. Click on the Horizontal Rule icon located on the bottom row of the toolbar. Page 13

Working with Links Links to files Click where the link is to be inserted. Click on the Insert File Link icon located on the bottom row of the toolbar. Choose to insert a file from one of the following locations: o From your computer or network o From your site o From the Shared Library Note: Inserting a file from your computer or network automatically copies the file to the File Library but it will not organize it into any previously created folders. Click on Next. If you chose to Select a new file from my computer or network o Click on Browse and navigate to the location of the document. o Click on the document to select it and then click on Open. o Click on Next. If you chose to Select a file already uploaded to your site o Navigate to the location of the document that has previously been uploaded to your file library. o Click on Next. 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 in new window. Click on Insert File. Page 14

Links to webpages Highlight the text that will become the clickable link. Click on the Insert Link icon located on the bottom row of the toolbar. Choose to insert a link to one of the following locations: o To a site, section or page o To a different website Click on Next. If you chose to Insert a link to a site, section or page o Click on the desired Site or Subsite. o Click on Next. o Click on the desired Section. o Click on Next. o Click on the desired Page. o Click on Next. o Click on Insert Link. If you chose to Insert a link to a different website o In the URL box, select http:// from the dropdown 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 Next. o Click on Insert Link. Links to external websites need to open in a new window. Follow the instructions for Editing a link on page 16 and choose the option to the Target to Open in a New Window (_blank). Links to email Type the desired email address on the webpage then press the Space bar or Enter key. Note: The email address automatically becomes a link. Links to email addresses need to open in a new window. Follow the instructions for Editing a link on page 16 and change the Target to Open in a New Window (_blank). Page 15

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 Source box, make any desired changes to the web address if needed. Make sure the Target is set to Open in New Window (_blank). Note: The text in the Title box shows as the Alt text on the webpage. Click on OK. Working with Tables Inserting a simple table Click where the table is to be inserted. 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 and click. Inserting/Deleting a row or column Click in the table to be edited. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Add/Delete Columns or Rows. To insert a row, o Click in the table where the new row will go. o Choose either Insert Row (Above) or Insert Row (Below). To insert a column, o Click in the table where the new column will go. o Choose either Insert Column (Left) or Insert Column (Right). To delete a row, o Click in the row to be deleted. o Click on the Delete Row button. To delete a column, o Click in the column to be deleted. o Click on the Delete Column button. Click on Close when finished. Page 16

Merging/Splitting cells Click in the cell to be merged with other cells. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Add/Delete Columns or Rows. To merge a cell with the cell below, click on Increase Rowspan. To merge a cell with the cell to the right, click on Increase Colspan. To split a cell that has been merged with the cell below, click on Decrease Rowspan. To split a cell that has been merged with the cell to the right, click on Decrease Colspan. Click on Close when finished. Changing the width and height of cells, rows or columns Note: By default, the width and height of cells in a table are set to Autofit to contents. Click in the cell, column or row to be edited. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Edit Cell, Column or Row. Click on the AutoFit tab and then choose the option you want to apply to the table. o AutoFit to contents changes the width or height of the cell, column or row to automatically fit the size of the text or images within the cell, column or row. o Fixed cell width and height changes the width or height of the cell, column or row to fixed dimensions based on the pixels or the percentage. In the Apply to box, choose Current Cell, Current Row, Current Column or Whole Table from the drop-down menu. Click on the Apply button to make the changes and keep the Cell Properties window open for further editing OR click on OK if you are finished making changes to the table. Page 17

Changing the width and height of the whole table Note: By default, the width of a table is set to AutoFit to window. Click in the table to be edited. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Edit Table Properties. Click on the AutoFit tab and then choose the option you want to apply to the table. o AutoFit to contents changes the table to automatically fit the size of the cells to the text or images within the table. o Fixed table width and height changes the table to fixed dimensions based on the pixels or the percentage. o AutoFit to window adjusts the dimensions of the table to fit the size of the viewing window. Click on the Apply button to make the changes but keep the Table Properties window open for further editing OR click on OK if you are finished making changes to the table. Editing the properties of cells, rows or columns Click in the cell, column or row to be edited. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Edit Cell, Column or Row. Click on the Properties tab. Choose the desired options from the Text Alignment dropdown boxes to align the contents both vertically and horizontally. In the Padding boxes, type the amount of padding for the cells. Padding is the amount of space surrounding the contents of a cell measured in pixels. To add a Background color to the table, click on the Pick button and choose the desired color. o Note: To see more color options, click on More Colors. Click on Text Formatting to make desired changes to the text. Click on Border Styles and choose the desired border type. Click on the Apply button to make the changes and keep the Table Properties window open for further editing OR click on OK if you are finished making changes to the table. Page 18

Editing the properties of the whole table Click in the table to be edited. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Edit Table Properties. Click on the Properties tab. Click on the Alignment box to left, center or right justify the table. To change the Margins for the table, type in the desired dimensions in the Left, Right, Top and Bottom boxes. Click on the Border box and choose the number of pixels for the border. In the Collapse box choose No if you want space inserted between the cells. To add a Background color to the table, click on the Pick button and choose the desired color. o Note: To see more color options, click on More Colors. Click in the Cell Spacing box and choose the amount of spacing. Spacing is the amount of space between the cells measured in pixels. Click in the Cell Padding box and choose the amount of padding. Padding is the amount of space surrounding the contents of a cell measured in pixels. Click on the Apply button to make the changes and keep the Table Properties window open for further editing OR click on OK if you are finished making changes to the table. Deleting a table Click in the table to be deleted. Click on the Edit Table/Cell icon located on the bottom row of the toolbar. From the drop-down menu, click on Add/Delete Columns or Rows. Click on the Delete Row button until all of the rows in the table have deleted. Click on Close when finished. Page 19