Student Services Building Remodel Student Services are temporarily located in alternate locations.
Student Services Building Remodel Student Services are temporarily located in alternate locations.
The WYSIWYG editor is similar to the editor in Microsoft Word or other authoring tools.
The edit menu provides undo, redo, cut, copy and past options.
Note: When copying from a Word Document or an email, be sure to use the "Paste as text" option. It helps to remove formatting that can cause accessibility issues on web pages.
Select basic options such as bold and italic as well as strikethrough, superscript, and subscript. Also has a useful option of clearing all formatting so you can start fresh.
The Formats option is the same as the Formats option in the middle of the icon bar. See details below.
Note: If your content is not doing what you think it should, try the "Clear formatting" option and try again. This can also be used on items that were previously pasted from Microsoft Word or emails to help clear up unwanted formatting.
Allows you to insert a link, anchor, image, or media similar to the icons on the WYSIWYG. It also provides the option to insert special characters, a horizontal line, and current date/time.
The show blocks option helps to see how information is grouped together.
This option helps more with programming than with standard content entry.
Offers spellcheck and fullscreen view.
Selection of formatting options
Headings are how digital devices maneuver through a document. It is important to use headings for titles and subtitles of sections within a document.
Headings must be in order in the similar to an Alphanumeric Outline. H1 would be the roman numerals, h2 would be capitalized letters, h3 Arabic numerals, and h4 lowercase letters, etc.
This option is for if you wish to share code on the website and have it be visible. It will not process the information listed. Unless you are sharing how to write code on the website, you will not find this feature useful.
The two options here that you will use the most, will be paragraph and blockquote.
Paragraph ensure that the text has the paragraph formatting. If your text is too small, it needs the paragraph formatting. Also, if you realize you set something as a heading and need to return it to paragraph formatting, this is a good method of resetting the text.
Blockquote is for quotes or information you wish to stand out. To undo a blockquote, select the option a second time to remove the formatting.
Div creates a div which requires a class (code that affects appearance) to be added. At this time, there are no classes set to use with divs.
Pre also requires classes that have not yet been created.
Custom has several selections of classes for images. More than one class may be applied.
Remove the last change made
Apply last change that was just removed
Bolds text. This option is visual only and does not share emphasis with screen readers. So only use when important visually but not important to the context of the content.
Sets text into italic font. This option is visual only and does not share emphasis with screen readers. So only use when important visually but not important to the context of the content.
Expands editing screen to full width.
Text is set so left edge of text is flush with left margin.
Text is set so it is centered between margins
Text is set so right edge of text is flush with right margin.
Text is aligned evenly along the left and right margins often creating larger spacing between words.
Unordered bullet list for items whose order is not significant.
The site’s css will override appearance on published site to keep consistency, based upon level of bullet. So selecting an option will not change it from the default.
Order list for items whose order is significant.
The options are available for use as needed.
Increases the left indent of the whole paragraph. Cannot move indent beyond the right margin.
Decreases the left indent of the whole paragraph. Cannot move indent beyond left margin.
Add a hyperlink or edit a hyperlink within a page. Hyperlink may be to a page in the website, a document, an internal saved link, or an external link.
Recent items will show.
If you did not recently access the item, select “Browse”. Then you can browse through the folders for the item you want.
If you know the name of the item, type it in the search.
Notice how the WebAdvisor link shows when typing “web” in the search bar after selecting browse. You can tell a link from a page or file by the icon to the left of the name.
Link Source (External): Manually enter the URL link to an external website. Use external if the link is to an external site that will only be mentioned from your page. If the link will be used multiple times across the campus, contact the webmaster to have the link added to the internal link list if it is not already available.
Cancels link of selected text. Click on existing link first.
Create anchor in location that you plan to link to within same page. (See link information). Then create a link that takes you to the anchor. Good for creating a "Table of Contents" at the top of a page.
Insert image into page. Opens dialog box.
Allows you to insert video. Opens up a dialog box.
Source: URL (link) of video from outside source.
Dimensions: Once source is entered, often dimensions will be automatically set. You may adjust one dimension. Keep constrain proportions checked to ensure no distortion of video occurs.
Embed: if you have embed code <iframe src…> code, paste it here instead of link.
Advanced: If you are providing more than one format of the video (used mainly for videos uploaded to our own servers), enter link here.
Poster: if you have a poster (initial image) for the video, post link to poster here.
Note: all embedded videos must have Closed Captioning! If no captioning exists, then you may link to the video, but you cannot embed it. When adding a video, please make note of it in workflow comments. I need to make modifications so it is responsive.