Advanced Tips and Techniques in the Schoolwires Editor Tip 1 Adding a Scrolling Marquee: Are you looking for something new to spice up your flex page? You can add a Marquee to your page to create scrolling or sliding text. It’s easy to do! Simply open any page containing the Schoolwires Editor (flex page, welcome text on your homepage), click on the View HTML button, and insert the script below. Example A: Scrolling Marquee Script (Text will scroll up.) Put your text here. For the text to appear in the next line, add this tag after the previous line. Example B: Scrolling Marquee Script (Text will scroll from left to right.) Insert your text here. If you do not specify a direction – the default is left to right. Common Marquee Attributes: Direction=”left” Direction=”right” Direction=”up” Direction=”down” Loop=”3” (This sets the number of times the Marquee will scroll. If this attribute is omitted, the Marquee will loop continuously.) Scrollamount=”1” (The amount of scrolling in pixels. The higher the number the faster the text will scroll.) Scrolldelay=”100” (The interval between each scroll movement in milliseconds. The higher the value the slower the text will scroll.) Bgcolor=”#xxxxxxx” (The background color for the scrolling text.) Height=”50px” or Height=”80%” Width=”200px or Width=”80%” Vspace=”20px” (Top and Bottom Margins.) Hspace=”20px” (Left and Right Margins.) Note: Visit the following website for more information on Scrolling Marquees: http://tips-for-new-bloggers.blogspot.com/2007/06/scrolling-text-marquee-htmlcode.html

1

Advanced Tips and Techniques in the Schoolwires Editor Tip 2: Returning to the previous screen while working in a wizard. You may have noticed that while working in a wizard, there is no Back button. For example, you are inserting an image from the clip gallery and after viewing the image in the preview screen, you wish to go back and choose a different image. Since there is no Back button, oftentimes you are forced to close the wizard and start over. This is not necessary. Simply right-click and select the Back option from the shortcut menu that appears. Tip 3: Changing the Line Spacing on a Page Here is a tip to control the line spacing on your page: 1. Select the text that you wish to change. 2. Click the Formatting button and select Paragraph. 3. Click in the Line Height field and enter a value. • For example if you would like the text double-spaced, type a 2.

Note: You can also change the Alignment, Word Spacing, Indentation, Character Spacing, and Text Case while working in this window. Click the Apply button to get a sneak peek at the effects and the Ok button when you are ready to apply them to your text.

2

Advanced Tips and Techniques in the Schoolwires Editor Tip 4: Removing Formatting from Text There are several techniques that can be used to remove formatting from text. 1. When copying text from any application other than Microsoft Word, always use the Paste Text button in the Schoolwires Editor. This will strip away any unnecessary html and make it much easier for you to re-format the text using your preferences. Use the Paste Text button to strip away formatting when pasting text from another application.

Note: If you are bringing in text from Microsoft Word, use the Paste from Word button. 2. Use the Clear Formatting button to remove formatting that you have applied to your text. This will change the text back to the default font that is set for the editor you are working in. (This may vary per district.)

3. Click on the View HTML button and edit the code. Do not attempt to do this, unless you feel very comfortable working with HTML. Example: You can change the font size to a 12pt, or the alignment to left very easily by just replacing a word in the code. Tip 5: Forcing a Single Space between Text If the text in your page is double-spacing automatically and you wish to single-space it, press the Shift and Enter keys simultaneously to force the single-space. Note: This will not work well with a bulleted or numbered list.

3

Advanced Tips and Techniques in the Schoolwires Editor Tip 6: Adding a Background to a Page 1. Within the section where the page resides, go to the Tools tab and select Files & Folders. 2. Upload the desired background image(s) to that section's Files & Folders. 3. While still in Files & Folders, click on the URL button to the right of the image file. • The URL will display. (Example: /158590426163130/lib/158590426163130/Chef.gif) 4. Copy the URL. 5. Access the page where you would like to add a background. • If necessary create a new page. 6. Click on the Toolbox button. 7. Select the Page Layout option. 8. Select the One-Column Table option. 9. Click the Next button. 10. Click the Insert button. • A table with one column is inserted on the page. 11. Click within the table and select EditTable/Cell Properties. • This button is located in the 3rd row of icons on the tool bar . 12. Select Edit Table Properties from the drop-down menu. 13. Select the Properties tab. 14. Click on the Image button located next to the Background field. 15. A Background Image dialogue box opens. 16. Paste the URL, obtained in step 4, into the Image Source Field 17. Click OK twice and save the page.

4

Advanced Tips and Techniques in the Schoolwires Editor Tip 7: Wrapping Text around an Image Wrapping text around an image is a common question. Follow the simple instruction below to wrap text: 1. Insert the picture into the editor (use the Insert Image button). 2. Select the image (when the image is selected, you will see selection handles around it). 3. Click on the Edit Image Properties button. 4. Click on the Alignment field drop-down menu. 5. Select the alignment of your choice. • If you are not certain what an alignment will look like, select it and look at the bottom of the dialog box for a preview. Note: One of the other items that you may want to adjust is the spacing around the image. The spacing fields allow you to adjust how much white space appears between the image (right, left, top and bottom) and the text. Tip 8: Using the HTML tags in the Schoolwires Editor

Did you every wonder why tags display above the body of the editor? They are there to help you while editing your page. Common tags include, , , , , , , , and . You can use the tags to select and then add or remove attributes from the content on a page. Examples: If you click on the tag, and then click on the Background Color button, the color you select will apply to the entire body of the table. You can also remove attributes. For example, if you click within bolded text, you will see the tag. If you click the Remove Tag link – the bolding will be stripped from the text.

5