(Pixelsilk Training Manual) Your Guide to Pixelsilk Site Updates

Size: px
Start display at page:

Download "(Pixelsilk Training Manual) Your Guide to Pixelsilk Site Updates"

Transcription

1 2525 NE Twin Knolls Drive, Suite 1 Bend, OR tel fax website (Pixelsilk Training Manual) Your Guide to Pixelsilk Site Updates

2 Thank you for choosing Pixelsilk for your website development. Pixelsilk supports Photoshop and Photoshop Elements as the graphic software tools for preparing graphics for your website. The software can be purchased at local retailers such as Costco or an office supply store while self-teaching manuals are available at Barnes and Noble. We are unable to assist you with any other software that you may select and cannot guarantee successful use of other graphic management tools. If you have any questions regarding images for your website or any of the other options that are available to you, please feel free to ask your trainer. Overall Website Dimensions x Resolution: 72 DPI 2

3 1. Using This Guide About the Editor Using the Editor to Edit Your Content System Modules Statistics Tag Inspector Properties Inspector Real Time HTML View Toolbar Buttons Formatting Text Appearance Formatting Paragraphs and Lists Working with Portions of Text Inserting Elements View Miscellaneous Formatting Text Changing the Text Font and Text Size Applying Text Colors Setting Text Alignment Indentation Applying Paragraph Styles Copying Formatted Text from Microsoft Word and Other Applications Working with Hyperlinks Inserting a Hyperlink Modifying a Hyperlink Removing a Hyperlink Inserting Anchors Inserting Links Find and Replace Working with Tables Creating a Table Using the Table Builder Creating a Table Using the Table Wizard Inserting a table from Microsoft Excel and Other Applications Toggle Table Borders Formatting Tables Table Properties Explained Cell Properties Explained Inserting/Deleting Rows and Columns Merging/Splitting Cells Resizing Tables Formatting Tables with CSS Classes Creating Bulleted/Numbered Lists Inserting Symbols (,,, ±, Ë, etc.) Working with Images Inserting an Image Uploading Images to Your Website Editing Image Properties Image Map Editor Working with Media Files Inserting Media Uploading Media Files to Your Website Working with Documents Inserting a Document Uploading Documents to Your Website Working with Templates Inserting Templates Creating Accessible Content ( Section 508 -Compliant Content) Creating Accessible Tables Creating Accessible Hyperlinks Using the HTML Mode The Preview Mode

4 1. Using This Guide This guide provides comprehensive guidelines and step-by-step instructions for working with the Pixelsilk Content Editor a high-end WYSIWYG (What You See Is What You Get) content editor for your website. 2. About the Editor Pixelsilk Content Editor is a powerful WYSIWYG content editor that allows even non-technical users to author and manage HTML content as easily as writing a document. The product uses a familiar Word -like interface and tools that give people the ability to seamlessly format text, set hyperlinks, build tables, and insert images, Flash objects, documents, and more. 3. Using the Editor to Edit Your Content To be able to edit the content on your website, you must first be logged in (see the Administering Your Site manual for assistance with this). When you are logged in, most pages on your site will have an Edit Content tab (or sometimes Edit Header / Footer or Edit Html). When you click this link, it will activate the Pixelsilk Content Editor where you can then edit your content. After you click Edit Content, your page will look similar to this: As you can see, a toolbar with buttons and dropdown menus has appeared. Moreover, the content managed by the editor can now be modified as if you were using Microsoft Word. Once you have finished editing, click the Save button (top left) to save your work, or Cancel to discard your changes. 4. Content Editor Toolbars The editor toolbars have a set of buttons and dropdown menus that allow you to perform different actions with the content (e.g., make text bold, apply color, build tables, open the image dialog, etc.) Most of these buttons work in the same way as in Microsoft Word. 4

5 NOTE: Depending on your specific application, you may not see all of the buttons displayed in the image above. The functions of the various buttons and dropdowns on the editor toolbar are described further in this manual. You will also find instructions on how to complete common tasks like formatting text, inserting hyperlinks, working with images, etc. 5. System Modules The System Modules are special tools used to provide extra information for users who work with the editor in design mode. Currently, there are four Modules: Statistics Module, Tag Inspector, Properties Inspector, and Real Time HTML View. You can activate them by clicking the [Module Manager] button on the bottom tool bar, clicking the one(s) you want, then clicking outside of the menu. 5.1 Statistics This module provides word/character count or other analysis of the content. It finds its main usage area for writing articles with a given character/word limit. 5.2 Tag Inspector This module displays the path of the selected item (i.e., the DOM path of the current element). It also allows you to select the last (innermost) tag in the hierarchy and remove it using the [RemoveElement] link. 5.3 Properties Inspector This powerful module displays the relevant properties of the currently selected element. As a result, the user can quickly configure the element (e.g., set cell width, shading, image alignment, hyperlink, etc.) without the need to open dialogs. This is turned on by default. 5.4 Real Time HTML View This module displays a pane with the HTML code of the content. This HTML is updated and kept in sync in real-time with the WYSIWYG pane. If you make a modification in the WYSIWYG pane or the HTML pane, the other pane will be automatically updated. This module is a great fine-tuning tool for advanced users. 6. Toolbar Buttons 6.1 Formatting Text Appearance The buttons and dropdown menus in this section work on a selected portion of text. If no text is selected, clicking any of these buttons will format the entire word where the cursor is located. For example, if the cursor is in the word hello but no text is selected (highlighted), clicking the [Strikethrough] button will change the entire word to 5

6 hello. When typing, clicking one of the buttons (but not a dropdown menu) in this section will turn on that formatting, and clicking the button again will turn it off. For example, if you click [Bold], all the characters you type will then be boldfaced. Clicking [Bold] again and then typing will produce characters that are no longer boldfaced. Bold Italic Ctrl- B Ctrl-I Applies bold formatting to selected text. Select some text and then click this button to apply bold formatting. Applies italic formatting to selected text. Select some text and then click this button to apply italic formatting. Underline Superscript Ctrl- U Applies underline formatting to selected text. Select some text and then click this button to apply underline formatting. Applies superscript formatting to selected text. Select some text and click this button to apply superscript formatting. Subscript Applies subscript formatting to selected text. Select some text and click this button to apply subscript formatting. Strikethrough Applies strikethrough formatting to selected text. Select some text and then click this button to apply strikethrough formatting. Text Color (Foreground) Changes the color of selected text. This dropdown menu allows you to change the font color of the selected text. Text Color (Background) Changes the background color of selected text. This dropdown menu allows you to change the background color of the selected text. Font Name Sets the font typeface. This dropdown menu allows you to change the font of the selected text. Font Size Sets the font size. This dropdown menu allows you to change the font size of the selected text. 6.2 Formatting Paragraphs and Lists Align Left Aligns the selected paragraph to the left. Click this button to align the selected paragraph to the left. Center Aligns the selected paragraph to the center. Click this button to center the lines in the selected paragraph. Align Right Aligns the selected paragraph to the right. Click this button to align the selected paragraph to the right. Justify Justifies the selected paragraph to the left and to the right. 6

7 Click this button to justify the selected paragraph. Remove Alignment Decrease Indent Increase Indent Numbered List Bulleted List Removes alignment tags from the selected paragraph. Click this button to remove all alignment information (tags) from the selected paragraph. Decreases paragraph indent to the left. This button outdents a paragraph to the left. It only works if indenting has been applied to a paragraph beforehand. Each time you click this button, it will outdent the paragraph further to the left. Indents paragraph to the right. This button indents a paragraph to the right. Each time you click this button, it will indent the paragraph further to the right. Creates a numbered list from the selection. Select some text or place the cursor inside a paragraph and then click this button to make the text a numbered list. Clicking this button again will turn the numbered list into a regular paragraph of text. Creates a bulleted list from the selection. Select some text or place the cursor inside a paragraph and then click this button to make the text a bulleted list. Clicking this button again will turn the bulleted list into a regular paragraph of text. Paragraph Style 6.3 Working with Portions of Text Applies standard or predefined text styles to selected paragraph. This dropdown menu lets you change the paragraph style. Click anywhere in the paragraph you want formatted and then select the preferred style from this dropdown menu. Spellchecker Find and Replace Ctrl-F Launches the spellchecker. The spellchecker is a tool that checks the spelling of the written text. It works the same way as in Microsoft Word. When launched, the spellchecker dialog will appear and the checking will start automatically from the beginning of the document. If there is a misspelled word, it will appear in the spellchecker dialog, where you can either [Ignore] the suggestion or [Change] the word to the suggested one. Opens the Find and Replace dialog. Click this button to simply find text, or to find and replace text by clicking the Replace tab once the dialog appears. Cut Ctrl-X Cuts the selected content and copies it to the clipboard. The [Cut] button works on selected text, images and tables. Select some content and then click [Cut]. When using this tool, the cut text or image will be removed from the page and stored in the clipboard for later use. Note that only the last cut (or copied) item will be stored in the clipboard. This tool is very helpful if you have decided to change the place of a piece of text in a sentence or in the page just select the text, click, put the cursor in the new place, and click the [Paste] button. Copy Ctrl-C Copies the selected content to the clipboard. The [Copy] button works on selected text, images and tables. Select some content and then click [Copy]. When using this tool, the content will be stored in the clipboard for later use. Note that only the last copied (or cut) item will be stored in the clipboard. This 7

8 Paste Ctrl-V tool is very helpful if you need to type the same text many times just select the text, click the button, put the cursor in a new place and click the [Paste] button (see below). This way you do not have to type the text over and over. This procedure works for images and/or tables as well. Pastes copied content from the clipboard into the editor. After you have either [Cut] or [Copied] an item (text, image, etc.), put the cursor where you want the item to appear and click [Paste]. Note that if any content is selected and you click [Paste], it will replace the selected content. Paste Plain Text Format Stripper Pastes copied content from the clipboard into the editor and strips all formatting. After you have either [Cut] or [Copied] text, you can [Paste] it using this button. It removes all HTML and Word formatting and pastes plain text, preserving the line breaks. This is similar to pasting content into Notepad, then copying it from Notepad and pasting it into the editor. Strips (removes) the formatting from the selected or the entire text. Removes Word, CSS, Span tags, Font tags, or all formatting. 6.4 Inserting Elements Insert Image Insert Media Insert File Hyperlink Manager Ctrl-K Opens the Image Library dialog. Click this button to open the Insert Image dialog where you can insert, delete and upload images. Select an image and click [Insert] to insert it at the cursor location. Opens the Media Library dialog. Click this button to open the Media Library dialog where you can insert, delete and upload media objects (AVI, MPEG, WAV, etc.). Select a file and click [Insert] to insert it at the cursor location. Opens the File Library dialog. Click this button to open the File Library dialog where you can insert, delete and upload documents (DOC, PDF, etc.). Select a file and click [Insert] to insert it at the cursor location. Makes the selected text or image a hyperlink. This button lets you create a hyperlink from the selected text or image. It allows you to choose what type of link you want to insert: Hyperlink, Anchor or . Remove Link Insert Table Ctrl- Shift- K Removes a hyperlink from selected text and images. Click this button after you have selected an image or text to remove the hyperlink, anchor or link from the selection. Inserts a table in the editor. Inserting a table in the editor is as easy as in Microsoft Word just click the button and select how many rows and columns you want to insert. It will insert the table at the cursor location. Template Manager Insert Symbol Opens the Template Manager dialog. Click this button to open Template Manager dialog where you can insert, delete and upload templates. Select a template and click [Insert] to insert it at the cursor location. Inserts a symbol. Clicking this button will display a dropdown menu showing you all symbols built into the editor. Clicking one will insert the symbol at the cursor location. 8

9 Horizontal Ruler Inserts a horizontal line (ruler). Click this button to insert a horizontal line where the cursor is. 6.5 View Design Mode Switches to design mode. Click this button to switch the editor to WYSIWYG design mode. HTML Mode Preview Mode Full Screen Mode Show/Hide Table Borders Module Manager 6.6 Miscellaneous Switches to HTML mode. Click this button to switch the editor into HTML mode. This is for advanced users who need to directly manipulate HTML code. Switches to preview mode. Click this button to switch the editor to preview mode. You can see the result of your editing as users will see it. Switches to full screen mode. Click this button to expand the editor into a full screen. When the editor is in full screen, clicking this button returns it to its normal state. Shows/hides table borders. Toggles borders of all tables within the editor ON and OFF. The ON function works on tables that have hidden borders. Displays Modules to display or hide. Click this button to select which module to activate (or deactivate) from the dropdown menu. Modules that are currently active are marked with a checkmark. Those that are inactive are marked with an X. Undo Redo Help Ctrl-Z Ctrl- Shift-Z, Ctrl-Y Undoes the previous action Click this button to undo the last action you have made in the editor. This includes but is not limited to inserting tables, moving images and formatting text. Click the down arrow next to this button to open a dropdown menu where you can select multiple actions to undo. Redoes the last undone action. Click this button to redo the action you have just undone. Click the down arrow next to this button to open a dropdown menu where you can select multiple actions to redo. Shows help for every button and their functionality. Click this button to open a window with a short description of every button, their functions, and keyboard shortcuts if available. 7. Formatting Text 7.1 Changing the Text Font and Text Size 9

10 To change the font of some text, first select the text and then choose a font from the dropdown menu on the toolbar. To change the font size of some text, first select the text and then choose a font size from the dropdown menu on the toolbar. 7.2 Applying Text Colors To change the foreground color of some text, first select the text and then click the [Foreground Color] button on the toolbar. This will open the color picker, where you can select the color you want to apply. To change the background color of some text, first select the text and then click the [Background Color] button on the toolbar. This will open the color picker, where you can select the color you want to apply. 7.3 Setting Text Alignment You can set the paragraph alignment to left, center, right or justify. In order to set the alignment, click in a paragraph and then click the button on the toolbar for the alignment you want. 7.4 Indentation Indentation allows you to move the selected paragraph to the left (Indent) or to the right (Outdent). Outdent works only if Indent has been applied. To apply indentation to text, first place the cursor inside a paragraph and then click an indentation button. 7.5 Applying Paragraph Styles 10

11 Predefined paragraph styles are used to ease the process of formatting paragraphs. It allows the user to consistently apply paragraph styles to a document effortlessly. The predefined styles include heading styles and other styles defined by Smart Solutions. To apply a given paragraph style to some text, first place the cursor within the text, then from the [Paragraph Styles] dropdown menu on the toolbar select the style you want to apply. Note that headings styles increase the importance of text to search engines to which they are applied. Heading 1 text is more important to search engines than Heading 2 text, and all the headings are more important than the regular body text. 8. Copying Formatted Text from Microsoft Word and Other Applications Copying formatted text from Microsoft Word, Internet Explorer and other applications is straightforward. Once you have pasted formatted text in the editor, you can remove the Word-specific formatting that is not suitable for the web. To do that, first select the text and then select the Microsoft Word Formatting from the Format Stripper dropdown menu. 9. Working with Hyperlinks 9.1 Inserting a Hyperlink Select the text or picture that you want to set as a hyperlink. Click the [Hyperlink Manager] button. The Hyperlink Manager dialog will appear. 11

12 In the URL field, enter the web address that you want the link to point to, or from the Existing Anchor dropdown menu, choose an anchor inserted in the current document. (Optional) To specify the text of the link, fill the Link Text field. (Optional) Select the type of the link (or just leave it at the default value). (Optional) Select a target for the link. (Optional) Enter a tooltip. This is the text that will appear when the mouse cursor is placed over the hyperlink (text or image). Click [OK]. 9.2 Modifying a Hyperlink Click inside the hyperlink (or on the image if you have an image link). Right click to open the context menu and click [Set Link Properties]. Alternatively, you may click the [Hyperlink Manager] button again. The Hyperlink Manager dialog will appear. Modify the hyperlink attributes (URL, tooltip, etc.) and click [OK]. 9.3 Removing a Hyperlink Select the text or image that has been set as a hyperlink. Click the [Remove Hyperlink] button. You will notice that all formatting, related to links (blue color, underline) will be removed from the text. This holds true for inserted documents as well. 9.4 Inserting Anchors The anchor function is particularly helpful if you have a very long web page, such as FAQ s. With this function, your users will be able to jump from one section of the page to another. For example, a series of questions at the top of a page are all hyperlinks. Clicking one question will jump down the page to the location of the question and answer. 12

13 The anchor defines the destination to where a hyperlink must lead. Then you can create a hyperlink and point it to that anchor. Define the anchor by placing the cursor by the text where you want the hyperlink to lead to. Click the [Hyperlink Manager] button. Select the [Anchor] tab. Type a unique name for the anchor. This will be used in the URL, so if the name has more than one word, don t use punctuation, and use dashes instead of spaces (e.g., information-collection ). Click [OK]. Now you can create a hyperlink that will lead to the anchor (usually at the top of the page). Select some text or an image (e.g., Information Collection ) Click the [Hyperlink Manager] button again. From the Existing Anchor dropdown menu you can choose an anchor on the current page. Or in the URL field, type # followed by the name of the anchor ( information-collection in our case, so you will have to enter #information-collection). Change the Type to Other. Click [OK]. 9.5 Inserting Links links do not lead to other web pages, but rather open the default application on your machine and prompt you to send a message to the provided addressee. When creating links you can also specify a default subject for the message (e.g., Request for information ). Select the text or image that you want to set as an link. Click the [Hyperlink Manager] button. The Hyperlink Manager dialog will appear. Click the tab. Enter the address in the Address field. (Optional) Enter text that will appear as an link in the Link Text field. (Optional) Write down a subject for the message in the Subject field. (Optional) Choose a CSS Class from the dropdown menu. Click [OK]. 10. Find and Replace To find (and replace) a word or passage of text in the content, you need to use the Find and Replace dialog. It can be opened using the [Find and Replace] button on the toolbar. The dialog provides options like search direction, scope, match case, and match whole words only. 13

14 To find (and replace) text do the following: (Optional) Select a range of content (it may contain images and tables as well) if you want to search only in that content. Click the [Find and Replace] button. The Find and Replace dialog will appear. In the Find field type the word(s) you want to find. If you want to replace this text with something else, click the [Replace] tab and then type the text you want to replace it with in the Replace with: field. Choose other options like search direction, scope, etc. Click [Find Next], [Replace], or [Replace All]. Note: After you have replaced given text with the Replace or Replace All functions, you can click [Cancel] and the replacement will be undone. To confirm the replacement, click [OK]. 11. Working with Tables 11.1 Creating a Table Using the Table Builder Put the cursor where you want to create the table. Click the [Insert Table] button on the toolbar. Move the cursor to select the number of rows and columns you want. Click the left mouse button. Alternatively, you can click-and-drag to make the selection Creating a Table Using the Table Wizard Put the cursor where you want to create the table. Click the [Insert Table] button on the toolbar. Click the [Table Wizard] button in the middle of the dropdown menu to open the Table Wizard dialog. The Table Wizard appears. You can use it to create a table and set its properties. Click [-] or [+] buttons next to Columns and Rows in order to add or remove columns and rows. Click [+] button next to Column span to merge the right cell with the cell you have selected. Clicking the [-] button will unmerge the left cell. [-] or [+] buttons next to Row span work in a similar way to Column Span but for rows. 14

15 If you click [OK], the defined table will be created. However, further customization of this table is allowed using the [Table Properties], [Cell Properties], and [Accessibility] tabs of the Table Wizard. The next few sections describe in detail how to modify tables Inserting a table from Microsoft Excel and Other Applications Inserting a table from Microsoft Excel or other applications is quite easy just copy the table from the application and paste it into the editor. Most of the formatting will be preserved, including borders, text, numbers and cell color. Formulae, however, will not be preserved Toggle Table Borders If you have created a table that has no borders by default, you can switch on the border guides. They will not be saved in the content but will rather help you locate and work with your table. You can toggle the border guides using the [Toggle Table Borders] button on the toolbar Formatting Tables The Table Properties dialog allows you to fine-tune the appearance of a new or existing table. You can reach the [Table Properties] tab in two ways: From the Table Wizard by clicking on the [Table Properties] tab. 15

16 By right clicking inside an existing table and selecting Table Properties from the context menu. This will open the Table Properties dialog Table Properties Explained Once the Table Properties dialog tab is opened you can set the appearance of the table. This involves setting one or more of the following table properties: Width/Height specifies the height and the width of the table (in pixels or percentage). Background sets the background color of the table. Alignment aligns the table to the left, center or right side of the page. Cell spacing increases or decreases the space between the borders of the cells. Cell padding increases or decreases the space between the content and the border of a cell. Border includes setting border width, color, and layout. ID - setting an ID for a table gives some options for advanced table handling. CSS Class specifies table CSS class and style. This property should be used only by advanced users Cell Properties Explained The Cell Properties dialog allows you to fine-tune the appearance of individual cells of a given table. You can reach the [Cell Properties] tab in two ways: From the Table Wizard by clicking on the [Cell Properties] tab. 16

17 By right clicking a table cell and selecting Set Cell Properties from the context menu. This will open the Cell Properties dialog. Once the Cell Properties dialog tab is opened you can set the appearance of individual cells. This involves setting one or more of the following cell properties: Width/Height specifies the height and the width of the selected cell (in pixels or percent). Content Alignment aligns the content within the selected cell vertically and horizontally. Background (color) changes the background color of the selected cell. Content specifies default content for the cell. You can enter content after you insert the table as well. ID setting an ID for a cell gives options for some better cell handling (for advanced users and developers). No Wrapping enables/disables text wrapping (i.e., forces a new line when the text reaches the cell border). CSS Class specifies cell CSS class and style. This property should be used only by advanced users Inserting/Deleting Rows and Columns Once you have created a table you can easily add or delete rows and columns. This is done from the context menu that appears by right clicking inside a table cell. To insert a new row: Place the cursor in the row on top or beneath where you want to insert a new row. Right click to open the context menu. From the menu, select the Insert Row Above/Below. 17

18 You can insert new columns in a similar fashion. To delete rows or columns, simply place the cursor in the respective row/column and select Delete Row/Column from the context menu Merging/Splitting Cells To merge a cell with the adjacent cell below/to the right do the following: Select the cell. Right click to open the context menu. From the menu, select Merge Cells Horizontally/Vertically. To split a cell that has been previously merged: Select the cell. Right click to open the context menu. From the menu, select Split Cell Resizing Tables You can resize an existing table in two ways: By specifying dimensions in the [Table Properties] tab (explained in the previous sections). By dragging the resizing handles. To resize a table using the resizing handles: Click on the table border to select the table. Eight small squares will appear in the outer area of the table. You can drag any of these handles vertically, horizontally or diagonally to resize the table. All cells that do not have exact dimensions (specified in pixels) will be resized evenly to accommodate the new table size Formatting Tables with CSS Classes CSS classes provide an easy and consistent way for formatting tables. In order to use the CSS Class, you have to first create the table and then open the Table Properties dialog to apply the predefined CSS class. To apply a CSS class to a table or an individual cell you need to do the following: Click in the table/cell. Right click to open the context menu. On the context menu, click Set Cell Properties to open the Set Cell Properties dialog, or click Set Table Properties to open the Table Properties dialog, and then click the Cell Properties tab. Select a CSS class from the dropdown list at the bottom of the dialog. Click the [Update] or [OK] button. 18

19 12. Creating Bulleted/Numbered Lists To create bulleted or numbered lists: Select the text that you want to convert to bulleted/numbered list. Click the [Bulleted List] or [Numbered List] button on the toolbar. Enter a list item and then press [Enter] to create a new list item. Click the [Bulleted List] or [Numbered List] button again to end the list. Clicking the [Indent] or [Outdent] buttons allows you to enter to an inner level of numbering or bullets. 13. Inserting Symbols (,,, ±, Ë, etc.) Put the cursor where you want to insert a symbol. 19

20 Click the [Insert Symbol] button. Click the symbol you want in the dropdown menu. 14. Working with Images The Image Library allows you to upload new images to the server, delete images, and insert images into your page. It is compatible with GIF, JPEG, and PNG image formats Inserting an Image Put the cursor where you want to insert an image. Click the [Insert Image] button on the toolbar. The Image Library dialog box will appear. If the image you want is in a different album, click the album name. 20

21 Locate the image you want to insert and click [Save] it to insert it into the page. After inserting it, we recommend adding a tooltip. Click the image and enter text in the Tooltip field below in the Properties Inspector, then press [Enter] Uploading Images to Your Website You can use the Image Manager dialog to upload images from your computer to your website. Once uploaded, the image will appear in the Image Library. To upload new images to the web-server: Click the [Insert Image] button to open the dialog. (Optional) Click an album name above if you want to upload an image to that album. Click the [Browse] button on the bottom of the Image Library dialog. Browse and find the file you wish to upload. Double click it, or click it and click [Open]. If you want to upload multiple pictures, click the first desired file, then either hold down the Shift key and select the last file in a range, or hold down the Ctrl key and click additional files. Then click [Open]. If, after doing so, you see images listed you don t want to upload after all, click the one(s) you don t want and click [Remove]. Click the [Upload] button. The image(s) will be placed in the gallery of images in alphabetical order. Click one and click [Insert] to insert it into the page. 21

22 14.3 Editing Image Properties After inserting an image you can manage its properties by right clicking on the image and clicking Set Image Properties. Some of these properties also appear in the Properties Inspector below. The image properties that can be managed are described below: Border Width specifies the width (thickness) of the image border. Border Color specifies the color of the image border. Image Alt Text specifies the alternative text that is displayed in some cases instead of the image. Also known as a tooltip. Long description this is an Accessibility option. The text entered in the Long Description field will be read by the Windows Narrator tool. Image Alignment specifies the alignment of the image with respect to the adjacent text/images. When you choose left or right alignment, the text will wrap around the image. Image Src Specifies the image file name. Horizontal Spacing specifies the spacing (distance to the left and to the right) between the image and the adjacent text/images. Vertical Spacing specifies the spacing (distance to the top and to the bottom) between the image and the adjacent text/images. Width specifies a custom width for the image (you can constrain the proportions to avoid distortion). The image will not be resampled or modified, but will rather be displayed with the specified width. Height specifies a custom height for the image (you can constrain the proportions to avoid distortion). The image will not be resampled or modified, but will rather be displayed with the specified height Image Map Editor After inserting an image, you can create clickable hotspots in different areas of the image that you can link to other pages or websites. For example, you could make a map that allows you to click different areas that take you to enlarged views of each area. To access this feature, right click the image and select Image Map Editor. Then follow these steps. Determine if you want a rectangular or round clickable area by clicking the Rectangle (default) or Circle radio button. Click the [Create Area] button and drag the new shape to the desired area on the picture, then drag the red dot to size it. Or simply click and drag on the picture to create the area. It will display the dimensions in the Left, Top, Width and Height fields. You can directly enter values in those fields. Enter the URL of the destination page or site in the Url field for when the user clicks the area. (Optional) Click the Target dropdown to set the desired effect when the user clicks it (usually New Window if it s an external site). (Optional) Enter a tooltip in the Comment field to be displayed when the user hovers over the clickable area. 22

23 The [Update Area] button updates the shape after changing values in the various fields. Pressing [Enter] after changing a value achieves the same result. [Remove Area] deletes the selected area. [Remove All] deletes all areas. 15. Working with Media Files This inserts a link to an audio or video file. When the user clicks it, it opens the media clip in the default media player installed on a user s computer, such as Windows Media Player. Working with media files is quite similar to working with images Inserting Media Put the cursor where you want to insert a Windows Media file. Click the [Insert Media] button on the toolbar. The Media Library dialog box will appear. If the media file you want is in a different album, click the album name. Locate the media file that you want to insert and click [Insert] it to insert it into the page. If you want to change the displayed file name to something friendlier (such as Watch video presentation ), right click the link and select Set Link Properties. In the Link Text field, type the desired link name, then click [OK] Uploading Media Files to Your Website You can use the Media Library dialog to upload media files from your computer to the website. Once uploaded, the media file will appear in the Media Library. To upload a new media file to the web-server: Click the [Insert Media] button to open the dialog. (Optional) Click an album name above if you want to upload a media file to that album. Click the [Browse] button on the bottom of the Media Library dialog. Browse and find the file you wish to upload. Double click it, or click it and click [Open]. If you want to upload multiple media files, click the first desired file, then either hold down the Shift key and select the last file in a range, or hold down the Ctrl key and click additional files. Then click [Open]. If, after doing so, you see media files listed you don t want to upload after all, click the one(s) you don t want and click [Remove]. Click the [Upload] button. The media file(s) will be placed in the gallery of media files in alphabetical order. Click one and click [Insert] to insert it into the page. 23

24 16. Working with Documents The File Library allows you to insert hyperlinks to document files (typically PDFs) stored on the web-server. The dialog is similar to the Image Manager and allows you to browse, upload, and delete document files. It is compatible with DOC (Word ), XLS (Excel ), PPT (PowerPoint ), TXT (text), and PDF (Adobe Acrobat) file formats Inserting a Document Place the cursor where you want to insert a link to a document. Click the [Insert File] button. The File Library dialog box will appear. If the document you want is in a different album, click the album name. Locate the document you want to insert and click [Insert] it to insert it into the page. If you want to change the displayed file name to something friendlier (such as Download event flyer ), right click the link and select Set Link Properties. In the Link Text field, type the desired link name, then click [OK]. (Optional) Add a tooltip. To do so, click the document link. In the Properties Inspector below, type a tooltip in the Tooltip field. This is an Accessibility option as well. The tooltip will be read by the Windows Narrator. (Optional) Select a target for the link. To do so, click the document link. In the Properties Inspector below, click the Target dropdown and select a target (typically New Window) Uploading Documents to Your Website You can use the File Library dialog to upload document files from your computer to the website. Once uploaded, the documents will appear in the File Library. To upload new document files on the web-server: Click the [Insert File] button to open the dialog. (Optional) Click an album name above if you want to upload a document to that album. Click the [Browse] button on the bottom of the File Library dialog. Browse and find the file you wish to upload. Double click it, or click it and click [Open]. If you want to upload multiple documents, click the first desired file, then either hold down the Shift key and select the last file in a range, or hold down the Ctrl key and click additional files. Then click [Open]. If, after doing so, you see documents listed you don t want to upload after all, click the one(s) you don t want and click [Remove]. 24

25 Click the [Upload] button. The documents(s) will be placed in the gallery of files in alphabetical order. Click one and click [Insert] to insert it into the page. 17. Working with Templates The Pixelsilk Content Editor allows you to insert HTML templates into your site. These templates are formatted for easy viewing and editing and are a good starting base to quickly put a page together Inserting Templates Put the cursor where you want to insert a template. Click the [Template Manager] button. A dialog will open to display a list of template files that you are allowed to browse. Select the file you want to insert. You will see a preview of the file in the preview window. Click [Insert]. 18. Creating Accessible Content ( Section 508 -Compliant Content) In order to generate content that can be interpreted by the Accessibility Tools integrated in Microsoft Windows (the Narrator, the Magnifier, and the On-Screen Keyboard), the Pixelsilk Content Editor includes additional fields in the Table, Hyperlink, and Image dialogs Creating Accessible Tables The Narrator uses the information from Accessibility table fields (heading rows, columns, caption alignment and summary) to produce tooltip messages for each table cell. Users with impaired vision can hear those tooltips as they hover over the cells with the mouse. You can create a Section 508 -compliant table with the Table Wizard. Alternatively, you can convert an existing table to a Section 508 -compliant table using the context menu Table Properties. You can create a new table with the Table Wizard or by opening the Table Properties dialog. Click the Accessibility tab. In the Accessibility tab, fill in the fields: Heading rows/columns, Caption, and Summary about the table. Click the [Associate cells with headers] checkbox. 25

26 18.2 Creating Accessible Hyperlinks In the hyperlink manager, a hyperlink can be interpreted by the Narrator if you specify an additional description in the Tooltip field Creating Accessible Images In the image properties, an image can be interpreted by the Narrator if you specify an additional description in the Long Description field. 19. Using the HTML Mode More advanced users sometimes need to modify the HTML code of the content directly. For this reason, the editor provides the HTML Mode that gives you access to the content code. Click the [HTML] button to switch to this mode. Click the [Design] button to switch back to design WYSIWYG mode. 26

27 20. The Preview Mode After editing your document in the editor, you may like to see how the page looks before updating the page. The editor can be switched to the Preview Mode by clicking the [Preview] button. Click the [Design] button to switch back to design WYSIWYG mode. 27

Version 7.0. End-user manual. Last revision: February 13,

Version 7.0. End-user manual. Last revision: February 13, Version 7.0 End-user manual Last revision: February 13, 2007-1 - 1. ABOUT THIS GUIDE... 3 1.1. PURPOSE... 3 1.2. WHO SHOULD USE THIS GUIDE... 4 2. ABOUT R.A.D.EDITOR... 4 3. SETTING R.A.D.EDITOR IN EDIT

More information

END USER DOCUMENTATION

END USER DOCUMENTATION Version 2011.3.1115 End-user manual Last revision: November 09, 2011 1 1 ABOUT THIS GUIDE... 6 1.1 PURPOSE... 6 1.2 WHO SHOULD USE THIS GUIDE... 6 2 ABOUT RADEDITOR... 6 3 AUTHORING TOOL ACCESSIBILITY

More information

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

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA PRESENCE RadEditor Guide SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Contents... 2 Introduction... 3 What is RadEditor?... 3 RadEditor

More information

Rich Text Editor Quick Reference

Rich Text Editor Quick Reference Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted

More information

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

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 EDITOR GUIDE Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 1 Button Functions: Button Function Display the page content as HTML. Save Preview

More information

COPYRIGHT: Copyright 2015 Word-Tech, Inc. All rights reserved. U.S. Patent No: 8,365,080 and additional patents pending.

COPYRIGHT: Copyright 2015 Word-Tech, Inc. All rights reserved. U.S. Patent No: 8,365,080 and additional patents pending. COPYRIGHT: Copyright 2015 Word-Tech, Inc. All rights reserved. U.S. Patent No: 8,365,080 and additional patents pending. Complying with all applicable copyright laws is the responsibility of the user.

More information

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor. Introduction TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor. What this means is that it will let you create html content on your web site. TinyMCE supports a lot of Operation

More information

The PlainHTML Content Editor

The PlainHTML Content Editor #2a 1445 McGill Rd Kamloops, BC, V2C 6K7 Ph. (250) 374-0906 Fax (250) 374-0915 Toll Free: 1-888-374-0906 #2065 555 W. Hastings. PO Box 12138 Vancouver, BC, V6B 4N6 Ph. (604) 738-0906 Fax. (604) 738-3334

More information

The Telerik Rad Editor might not be available if you are using a browser other than Internet Explorer or Firefox.

The Telerik Rad Editor might not be available if you are using a browser other than Internet Explorer or Firefox. TELERIK RAD EDITOR The Telerik Rad Editor is another project that DNN makes use of for creating formatted content. The editor includes a toolbar with buttons similar to those you'd find in a word processor

More information

Nauticom NetEditor: A How-to Guide

Nauticom NetEditor: A How-to Guide Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color

More information

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

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7 WORD PROCESSING (Microsoft Word 2016) Week 4-7 Creating a New Document In Word, there are several ways to create new document, open existing documents, and save documents: Click the File menu tab and then

More information

APPENDIX THE TOOLBAR. File Functions

APPENDIX THE TOOLBAR. File Functions APPENDIX THE TOOLBAR Within the WYSIWYG editor, there are a variety of functions available to the user to properly update the page. Below is a list of all the functions available. Keep in mind that the

More information

FirmSite Control. Tutorial

FirmSite Control. Tutorial FirmSite Control Tutorial 1 Last Updated June 26, 2007 by Melinda France Contents A. Logging on to the Administrative Control Center... 3 Using the Editor Overview:... 3 Inserting an Image... 7 Inserting

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

OU EDUCATE TRAINING MANUAL

OU EDUCATE TRAINING MANUAL OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface

More information

Word Tips & Tricks. Status Bar. Add item to Status Bar To add an itme to the status bar, click on the item and a checkmark will display.

Word Tips & Tricks. Status Bar. Add item to Status Bar To add an itme to the status bar, click on the item and a checkmark will display. Status Bar The status bar is located on the bottom of the Microsoft Word window. The status bar displays information about the document such as the current page number, the word count in the document,

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor. Content Editor The content editor allows you to add and format text, insert equations and hyperlinks, tables, and attach different types of files to content. The editor appears throughout the system as

More information

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

FCKEditor v1.0 Basic Formatting Create Links Insert Tables FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.

More information

Using Sitecore 5.3.1

Using Sitecore 5.3.1 Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.

More information

Spreadsheets Microsoft Office Button Ribbon

Spreadsheets Microsoft Office Button Ribbon Getting started with Excel 2007 you will notice that there are many similar features to previous versions. You will also notice that there are many new features that you ll be able to utilize. There are

More information

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

Quick Access Toolbar. You click on it to see these options: New, Open, Save, Save As, Print, Prepare, Send, Publish and Close. Opening Microsoft Word 2007 in the practical room UNIT-III 1 KNREDDY 1. Nyelvi beállítások az Office 2007-hez (Language settings for Office 2007 (not 2003)) English. 2. Double click on the Word 2007 icon

More information

SWsoft SiteBuilder 3.1 for Windows

SWsoft SiteBuilder 3.1 for Windows SWsoft, Inc. SWsoft SiteBuilder 3.1 for Windows User's Guide (c) 1999-2006 ISBN: N/A SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703) 815 5670 Fax: +1 (703) 815 5675

More information

4D Write. User Reference Mac OS and Windows Versions. 4D Write D SA/4D, Inc. All Rights reserved.

4D Write. User Reference Mac OS and Windows Versions. 4D Write D SA/4D, Inc. All Rights reserved. 4D Write User Reference Mac OS and Windows Versions 4D Write 1999-2002 4D SA/4D, Inc. All Rights reserved. 4D Write User Reference Version 6.8 for Mac OS and Windows Copyright 1999 2002 4D SA/4D, Inc.

More information

Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010 Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with

More information

WYSIWYG Editor: Users Manual

WYSIWYG Editor: Users Manual WYSIWYG Editor: Users Manual Table of Contents WYSIWYG Editor Overview.... 3 Adding Text... 4 Inserting an Image.... 7 Inserting a File.... 15 Embedding Media.... 21 Inserting an Email Link.... 25 Captiva

More information

Microsoft Word 2010 Tutorial

Microsoft Word 2010 Tutorial 1 Microsoft Word 2010 Tutorial Microsoft Word 2010 is a word-processing program, designed to help you create professional-quality documents. With the finest documentformatting tools, Word helps you organize

More information

MICROSOFT WORD 2010 BASICS

MICROSOFT WORD 2010 BASICS MICROSOFT WORD 2010 BASICS Word 2010 is a word processing program that allows you to create various types of documents such as letters, papers, flyers, and faxes. The Ribbon contains all of the commands

More information

Computer Nashua Public Library Introduction to Microsoft Word 2010

Computer Nashua Public Library Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with Word. You can make your documents more

More information

Contents. Launching Word

Contents. Launching Word Using Microsoft Office 2007 Introduction to Word Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Winter 2009 Contents Launching Word 2007... 3 Working with

More information

page 1 OU Campus User Guide

page 1 OU Campus User Guide page 1 OU Campus User Guide Logging Into OU Campus page page 2 1. Navigate to a page on your site that you wish to edit. 2. Scroll down to the footer and click the symbol. 3. Enter your OU Campus username

More information

Paint Box Tools. Professional Tools

Paint Box Tools. Professional Tools Paint Box Tools Professional Tools 1 1 Welcome and Appendix Welcome Whether you re a newby Mr Site user or a seasoned veteran you may well have noticed we ve updated our Paint Box editor to something a

More information

Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010 Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with

More information

Zeppelin Website Content Manager User Manual

Zeppelin Website Content Manager User Manual Zeppelin Website Content Manager User Manual 1. Introduction Zeppelin Website Content Manager is made for maintaining and editing the content of the website easily. Most of the contents inside the website

More information

Microsoft Word 2007 on Windows

Microsoft Word 2007 on Windows 1 Microsoft Word 2007 on Windows Word is a very popular text formatting and editing program. It is the standard for writing papers and other documents. This tutorial and quick start guide will help you

More information

Layout Manager - Toolbar Reference Guide

Layout Manager - Toolbar Reference Guide Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the

More information

MICROSOFT WORD 2010 Quick Reference Guide

MICROSOFT WORD 2010 Quick Reference Guide MICROSOFT WORD 2010 Quick Reference Guide Word Processing What is Word Processing? How is Word 2010 different from previous versions? Using a computer program, such as Microsoft Word, to create and edit

More information

Creating a Website in Schoolwires

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

More information

MS Word Professional Document Alignment

MS Word Professional Document Alignment MS Word Professional Document Alignment Table of Contents CHARACTER VS. PARAGRAPH FORMATTING...5 Character formatting...5 Paragraph Formatting...5 USING SHOW/HIDE TO REVEAL NON-PRINTING CHARACTERS...5

More information

Do It Yourself Website Editing Training Guide

Do It Yourself Website Editing Training Guide Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing

More information

Mi c r o s o f t Wo r d Qu i c k Re f e r e n c e Ca r d

Mi c r o s o f t Wo r d Qu i c k Re f e r e n c e Ca r d Tech Talk # 5 Mi c r o s o f t Wo r d Qu i c k Re f e r e n c e Ca r d Introduction by Renae Schmidt Hello! Welcome to Tech Talk #5. This week we are sharing a Microsoft Word 2010 Quick Reference Card.

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2007

DOING MORE WITH WORD: MICROSOFT OFFICE 2007 DOING MORE WITH WORD: MICROSOFT OFFICE 2007 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

More information

Creating a Website in Schoolwires Technology Integration Center

Creating a Website in Schoolwires Technology Integration Center 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...

More information

MS Word Basics. Groups within Tabs

MS Word Basics. Groups within Tabs MS Word Basics Instructor: Bev Alderman L e t s G e t S t a r t e d! Open and close MS Word Open Word from the desktop of your computer by Clicking on the Start>All programs>microsoft Office >Word 2010

More information

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

The American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat The American University in Cairo Academic Computing Services Word 2000 prepared by Soumaia Ahmed Al Ayyat Spring 2001 Table of Contents: Opening the Word Program Creating, Opening, and Saving Documents

More information

Center for Faculty Development and Support Making Documents Accessible

Center for Faculty Development and Support Making Documents Accessible Center for Faculty Development and Support Making Documents Accessible in Word 2007 Tutorial CONTENTS Create a New Document and Set Up a Document Map... 3 Apply Styles... 4 Modify Styles... 5 Use Table

More information

Beginners Guide to Snippet Master PRO

Beginners Guide to Snippet Master PRO Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...

More information

Word Getting Started The Word Window u vw. Microsoft QUICK Source. Creating a New Blank Document. Creating a New Document from a Template

Word Getting Started The Word Window u vw. Microsoft QUICK Source. Creating a New Blank Document. Creating a New Document from a Template Microsoft QUICK Source Word 2007 Getting Started The Word Window u vw x y z u Quick Access Toolbar contains shortcuts for the most commonly used tools. v Microsoft Office Button contains common file and

More information

Managing Your Schoolwires Web Site

Managing Your Schoolwires Web Site Managing Your Schoolwires Web Site 1. Sign in at the district web site. 2. Select the school where your teacher or organization s web site is located as shown below. 3. Select the Teacher or Departments

More information

Save Forum Messages will be sent and Pages will be completed by pressing this Save button.

Save Forum Messages will be sent and Pages will be completed by pressing this Save button. I. TEXT EDITOR DIAGRAM 1 2 3 4 5 6 7 8 9 0 - = q w 1 Source Embed source code for YouTube videos, Smileboxes, etc. This button acts as a toggle switch. Click Source to open the screen on which to paste

More information

User s guide to using the ForeTees TinyMCE online editor. Getting started with TinyMCE and basic things you need to know!

User s guide to using the ForeTees TinyMCE online editor. Getting started with TinyMCE and basic things you need to know! User s guide to using the ForeTees TinyMCE online editor TinyMCE is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing the announcement

More information

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

CROMWELLSTUDIOS. Content Management System Instruction Manual V1.   Content Management System. V1 Content Management System Instruction Manual V1 www.cromwellstudios.co.uk Cromwell Studios Web Services Content Management System Manual Part 1 Content Management is the system by which you can change

More information

Microsoft Word 2011 Tutorial

Microsoft Word 2011 Tutorial Microsoft Word 2011 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward.

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward. Table of Contents Introduction 2 The SBCC Web Publishing Process 2 Staging Server vs. Production Server 2 Roles, Permissions, Levels and Authority 2 Logging In 3 Workflow 3 Dashboard Tab, Content Tab,

More information

In so many ways summary

In so many ways summary In so many ways summary Many of Word s functions can be activated in a variety of different ways. Often you can use the menu, a tool on the toolbar or a shortcut key to achieve the same result. Rather

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2013

DOING MORE WITH WORD: MICROSOFT OFFICE 2013 DOING MORE WITH WORD: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2010

DOING MORE WITH WORD: MICROSOFT OFFICE 2010 DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

More information

Word - Basics. Course Description. Getting Started. Objectives. Editing a Document. Proofing a Document. Formatting Characters. Formatting Paragraphs

Word - Basics. Course Description. Getting Started. Objectives. Editing a Document. Proofing a Document. Formatting Characters. Formatting Paragraphs Course Description Word - Basics Word is a powerful word processing software package that will increase the productivity of any individual or corporation. It is ranked as one of the best word processors.

More information

Using Adobe Contribute 4 A guide for new website authors

Using Adobe Contribute 4 A guide for new website authors Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute

More information

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.

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. PROCEDURES LESSON 11: CHECKING SPELLING AND GRAMMAR Selecting Spelling and Grammar Options 2 Click Options 3 In the Word Options dialog box, click Proofing 4 Check options as necessary under the When correcting

More information

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

CS Multimedia and Communications. Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3) CS 1033 Multimedia and Communications Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3) REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Table Properties Reference Guide The Property

More information

Understanding Word Processing

Understanding Word Processing Understanding Word Processing 3.0 Introduction In this chapter you are going to learn how to create a simple memo or note or a complex and complicated multi column business document using word processing

More information

Introduction to the MODx Manager

Introduction to the MODx Manager Introduction to the MODx Manager To login to your site's Manager: Go to your school s website, then add /manager/ ex. http://alamosa.k12.co.us/school/manager/ Enter your username and password, then click

More information

Microsoft Excel Keyboard Shortcuts

Microsoft Excel Keyboard Shortcuts Microsoft Excel Keyboard Shortcuts Here is a complete list of keyboard shortcuts for Microsoft Excel. Most of the shortcuts will work on all Excel versions on Windows based computer. Data Processing Shortcuts

More information

SWsoft SiteBuilder 3.2 for Windows

SWsoft SiteBuilder 3.2 for Windows SWsoft, Inc. SWsoft SiteBuilder 3.2 for Windows User's Guide (c) 1999-2006 ISBN: N/A SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703) 815 5670 Fax: +1 (703) 815 5675

More information

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39 Inn Websitee User Manual Produced by the Umbraco Community Umbraco v4 [9. 16.13] Contents 1 Introduction... 3 1.1 American Inns of Court Inn Websites... 3 1.2 Introduction to Umbraco... 3 2 Getting Started

More information

Microsoft Word: Steps To Success (The Bare Essentials)

Microsoft Word: Steps To Success (The Bare Essentials) Microsoft Word: Steps To Success (The Bare Essentials) Workbook by Joyce Kirst 2005 Microsoft Word: Step to Success (The Bare Essentials) Page Contents 1 Starting Word 2 Save 3 Exit 5 Toolbars, Alignment,

More information

Using Microsoft Word. Table of Contents

Using Microsoft Word. Table of Contents Using Microsoft Word Table of Contents The Word Screen... 2 Document View Buttons... 2 Selecting Text... 3 Using the Arrow Keys... 3 Using the Mouse... 3 Line Spacing... 4 Paragraph Alignment... 4 Show/Hide

More information

Requirements Document

Requirements Document GROUP 9 Requirements Document Create-A-Page Matthew Currier, John Campbell, and Dan Martin 5/1/2009 This document is an outline of what was originally desired in the application in the Project Abstract,

More information

Microsoft Word 2010 Basics

Microsoft Word 2010 Basics 1 Starting Word 2010 with XP Click the Start Button, All Programs, Microsoft Office, Microsoft Word 2010 Starting Word 2010 with 07 Click the Microsoft Office Button with the Windows flag logo Start Button,

More information

Creating Accessible Microsoft Word 2003 Documents Table of Contents

Creating Accessible Microsoft Word 2003 Documents Table of Contents Table of Contents Creating Accessible Microsoft Word Documents...1 Introduction...2 Templates...2 Default Settings...2 Set the Language...2 Change Default Settings...2 To change the default Font:...2 To

More information

Bridge Course Information and Communication Technology

Bridge Course Information and Communication Technology Bridge Course Information and Communication Technology Microsoft Word 1. Which bar is usually located below that Title Bar that provides categorized options? A. Menu bar B. Status Bar C. Tool bar D. Scroll

More information

Title bar: The top most bar in Word window that usually displays the document and software names.

Title bar: The top most bar in Word window that usually displays the document and software names. 1 MICROSOFT WORD Table of Contents LINC ONE Hiding Standard toolbar, Formatting toolbar, and Status bar: To hide the Standard toolbar, click View Toolbars on the Menu bar. Check off Standard. To hide the

More information

Word 2010 Beginning. Technology Integration Center

Word 2010 Beginning. Technology Integration Center Word 2010 Beginning File Tab... 2 Quick Access Toolbar... 2 The Ribbon... 3 Help... 3 Opening a Document... 3 Documents from Older Versions... 4 Document Views... 4 Navigating the Document... 5 Moving

More information

Kidspiration 3 Basics Website:

Kidspiration 3 Basics Website: Website: http://etc.usf.edu/te/ Kidspiration is the visual learning tool for K-5 learners from the makers of Inspiration. With Kidspiration, students can build graphic organizers such as webs, concept

More information

Microsoft Office. Microsoft Office

Microsoft Office. Microsoft Office is an office suite of interrelated desktop applications, servers and services for the Microsoft Windows. It is a horizontal market software that is used in a wide range of industries. was introduced by

More information

Dreamweaver MX Overview. Maintaining a Web Site

Dreamweaver MX Overview. Maintaining a Web Site Dreamweaver MX Overview Maintaining a Web Site... 1 The Process... 1 Filenames... 1 Starting Dreamweaver... 2 Uploading and Downloading Files... 6 Check In and Check Out Files... 6 Editing Pages in Dreamweaver...

More information

Microsoft Office Word 2010

Microsoft Office Word 2010 Microsoft Office Word 2010 Content Microsoft Office... 0 A. Word Basics... 4 1.Getting Started with Word... 4 Introduction... 4 Getting to know Word 2010... 4 The Ribbon... 4 Backstage view... 7 The Quick

More information

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002 University of Arizona Information Commons Training Page 1 of 21 WORD XP/2002 USER GUIDE Task- Formatting a Document in Word 2002 OBJECTIVES: At the end of this course students will have a basic understanding

More information

TABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 2 USING WORD S MENUS... 3 USING WORD S TOOLBARS... 5 TASK PANE... 9

TABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 2 USING WORD S MENUS... 3 USING WORD S TOOLBARS... 5 TASK PANE... 9 TABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 2 USING WORD S MENUS... 3 DEFINITIONS... 3 WHY WOULD YOU USE THIS?... 3 STEP BY STEP... 3 USING WORD S TOOLBARS... 5 DEFINITIONS... 5 WHY WOULD

More information

A Guide to Quark Author Web Edition 2015

A Guide to Quark Author Web Edition 2015 A Guide to Quark Author Web Edition 2015 CONTENTS Contents Getting Started...4 About Quark Author - Web Edition...4 Smart documents...4 Introduction to the Quark Author - Web Edition User Guide...4 Quark

More information

Quick Reference Card Business Objects Toolbar Design Mode

Quick Reference Card Business Objects Toolbar Design Mode Icon Description Open in a new window Pin/Unpin this tab Close this tab File Toolbar New create a new document Open Open a document Select a Folder Select a Document Select Open Save Click the button to

More information

Microsoft Word 2003 for Windows, Part 2

Microsoft Word 2003 for Windows, Part 2 Microsoft Word 2003 for Windows, Part 2 In this workshop, the following Word 2003 features will be covered: Creating and using Tables Formatting text using Styles Using MailMerge Arranging text in Columns

More information

Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010 CDU Short Courses Introduction to Microsoft Word 2010 A 2 day course delivered by Charles Darwin University. COURSE INFORMATION This course focuses on basic document production using Microsoft Word 2010

More information

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

Excel Select a template category in the Office.com Templates section. 5. Click the Download button. Microsoft QUICK Excel 2010 Source Getting Started The Excel Window u v w z Creating a New Blank Workbook 2. Select New in the left pane. 3. Select the Blank workbook template in the Available Templates

More information

What is OU Campus? Log into OU Campus

What is OU Campus? Log into OU Campus OU Campus v10 Content Providers User Guide This document is designed to provide (level 5) Content Providers with basic information needed to do most tasks. Those needing additional information are encouraged

More information

Correcting Grammar as You Type

Correcting Grammar as You Type PROCEDURES LESSON 11: CHECKING SPELLING AND GRAMMAR Selecting Spelling and Grammar Options 2 Click Options 3 In the Word Options dialog box, click Proofing 4 Check options as necessary under the When correcting

More information

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

Word Select New in the left pane. 3. Select Blank document in the Available Templates pane. 4. Click the Create button. Microsoft QUICK Word 2010 Source Getting Started The Word Window u v w x z Opening a Document 2. Select Open in the left pane. 3. In the Open dialog box, locate and select the file you want to open. 4.

More information

ADOBE DREAMWEAVER CS4 BASICS

ADOBE DREAMWEAVER CS4 BASICS ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,

More information

New York City College of Technology. Microsoft Word Contact Information:

New York City College of Technology. Microsoft Word Contact Information: New York City College of Technology Microsoft Word 2016 Contact Information: 718-254-8565 ITEC@citytech.cuny.edu Opening Word 2016 Begin by clicking on the bottom left corner icon on the desktop. From

More information

PowerPoint 2010 Level 1 Computer Training Solutions Student Guide Version Revision Date Course Length

PowerPoint 2010 Level 1 Computer Training Solutions Student Guide Version Revision Date Course Length Level 1 Computer Training Solutions Version 1.2 Revision Date Course Length 2012-Feb-16 6 hours Table of Contents Quick Reference... 3 Frequently Used Commands... 3 Manitoba ehealth Learning Management

More information

Table of Contents. Look for more information at

Table of Contents. Look for more information at OmniUpd ate @ De Anza Qui ck Guide Table of Contents Login... 2 Logout... 2 OmniUpdate Help Center... 2 Editing and Saving a Page... 3 Publishing... 5 View and Revert to Previously Published Page... 5

More information

CMS Training. Web Address for Training Common Tasks in the CMS Guide

CMS Training. Web Address for Training  Common Tasks in the CMS Guide CMS Training Web Address for Training http://mirror.frostburg.edu/training Common Tasks in the CMS Guide 1 Getting Help Quick Test Script Documentation that takes you quickly through a set of common tasks.

More information

button Double-click any tab on the Ribbon to minimize it. To expand, click the Expand the Ribbon button

button Double-click any tab on the Ribbon to minimize it. To expand, click the Expand the Ribbon button PROCEDURES LESSON 1: CREATING WD DOCUMENTS WITH HEADERS AND FOOTERS Starting Word 1 Click the Start button 2 Click All Programs 3 Click the Microsoft Office folder icon 4 Click Microsoft Word 2010 1 Click

More information

Microsoft Word Chapter 1. Creating, Formatting, and Editing a Word Document with Pictures

Microsoft Word Chapter 1. Creating, Formatting, and Editing a Word Document with Pictures Microsoft Word 2010 Chapter 1 Creating, Formatting, and Editing a Word Document with Pictures Objectives Enter text in a Word document Check spelling as you type Format paragraphs Format text Undo and

More information

TPS Version 6/1/2010

TPS Version 6/1/2010 User Guide Teacher Pages TPS Version 6/1/2010 My school Address: (No www).tulsaschools.org Be sure to register for the SharpSchool Customer Net Site: http://customernet.sharpschool.com/gateway Record your

More information

ECDL Module 6 REFERENCE MANUAL

ECDL Module 6 REFERENCE MANUAL ECDL Module 6 REFERENCE MANUAL Presentation Microsoft PowerPoint XP Edition for ECDL Syllabus Four PAGE 2 - ECDL MODULE 6 (USING POWERPOINT XP) - MANUAL 6.1 GETTING STARTED... 4 6.1.1 FIRST STEPS WITH

More information

Microsoft Office Word 2013

Microsoft Office Word 2013 Microsoft Office Word 2013 Accessibility University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2016 KSU Division of University Information Technology

More information

Microsoft Word 2010 Guide

Microsoft Word 2010 Guide Microsoft Word 2010 Guide 1 Microsoft Word 2010 These notes are devised for Word 2010. You should be aware that it is similar to Word 2007 but is quite different from earlier versions of Word, e.g. Word

More information