San Jose State University : Web Services

Navigation

Main Content

Editing Web Pages

Editing Existing Pages

Q: How do I edit the contents of a page?

A:

  1. Click on the name of the page to open it in the editor.
    file name in explorer view

  2. The page will open in a new browser window.

    webcms7 edit screenshot
  3. Click the edit icon webcms 7 edit icon next to the area you want to edit.
  4. Use the inline editor to make the changes.
  5. Click the "Save and exit" save and exit icon icon.

back

Q: How do I change a page's main heading?

A:

If your page has a heading of "Page Title"

  1. Click the page icon and select Properties.
    page properties
  2. Enter the heading you want in the Title field.

 

Q: How do I add a table to a page?

A:

  1. Open the page in WYSIWYG mode.
  2. Open the content area where you want to add the table in the inline editor.
  3. Click on the location where you want the table.
  4. Click on the Insert Data Table data table icon icon.
  5. Select the number of rows and columns you want in the table.
  6. If you want to change the width, layout, or spacing parameters, enter your desired values.
  7. Click OK.

back

Q: How do I change the properties of a table?

A: If you are using Firefox or Netscape, right-click inside the table to bring up the menu, and select "Table Properties..."
If you are using Internet Explorer, select the table and click the table insert table icon icon.

To add or remove rows or columns, right-click in the table at the location where you want to add or remove the row/column and select the appropriate command.
back

Q: How do I change text formatting?

A: Select the text you want to format, and click the appropriate button (for bold or italic) webcms 7 bold and italic icons from the toolbar
or select a value from the drop-down menu (for headings or custom styles, such as Boxed).

webcms 7 menu
back

Q: How do I create or edit a list?

To create a list:

  1. enter all of the items, each one on a separate line
  2. Select all of the items
  3. For an unordered (bulleted) list, click the Bulleted list bulleted list icon icon
  4. For an ordered (numbered) list, click the Numbered listNumbered list icon icon

To edit a list:

  1. Right-click on an item in the list and move the mouse pointer down to "Numbered list" or "Bulleted list", depending on which type of list it is.
  2. create sublist
  3. Select the desired action from the menu. Actions include:
    • Create sublist
    • Insert item above
    • Insert item below
    • Move item up
    • Move item down
    • Select list
    • Select item
    • Delete list
    • Delete item
    • Change to bulleted list (or numbered list)
    • List properties
    • Item properties

To create a sub-list

  1. Enter the first item that will be in the sublist
  2. Right-click on the item
  3. Select Numbered list -> Create sublist (or Bulleted list -> create sublist)

Q: How do I add a link to a page?

A: First, see if the link already exists in the link gallery. If the link is not in the link gallery, select the text (or image) you want to act as a link. Click the Link link iconicon in the toolbar. If you know the URL of the destination page, enter it in the Link URL box.

New Local Link dialog
Or, you can click on the folder folder icon icon and browse through the sub-site to find the page you want to link to.
back

Q: How do I change the address of a link?

A: Double-click on the link. Enter the new URL in the URL field. Click OK.

link properties dialog
back

Q: How do I remove a link without deleting the text (or image)?

A: Right-click on the text (or image) that is a link. Select Hyperlink -> Remove

remove link


back

Q: How do I add an image to a page?

A:

  1. If the image is not in the Image gallery, you will need to add it.
  2. Click on the area on the page where you want to put the image.
  3. Click the Image gallery image gallery icon icon in the toolbar.
  4. Select the group of images that contains the one you want.
  5. Find the image you want to put on your page.
    • If you know all or some of the title, enter it in the text box and click the search search icon icon.
    • The list may have more than one page. If you see this icon page one icon , you can click on the down arrow to select another page.
  6. Click on the image name to select it.
  7. You will see a preview of the image.

    image preview
  8. If you want to change the "alt text" for the image, replace the Title with what you want. To make that change permanent, click the pencil icon to the right of the Title.
  9. To place the image on the page, click the green check mark.

back


Q: How do I change an image?

A: To change an image:

  1. Click on the name of the page to open it in the editor.
  2. Click the edit icon webcms 7 edit icon next to the image.
  3. Click on the image to select it.
  4. Click on the "Image gallery" image gallery icon icon in the toolbar.
  5. In the top menu, select the gallery that contains the new image you want to place on the page.
  6. Select the image from the list.
  7. Click the green check mark to insert the image.
  8. Click the "Save and exit" save and exit icon icon

back

Q: How do I add a Flash animation to a page?
A: To add a Flash animation (.swf file) to a page:

  1. Open the editable area of the page in the WYSIWYG editor.
  2. Upload the .swf file to the image gallery, but select Binary as the file type
  3. Close the gallery dialog without selecting any image
  4. Switch to the sourcecode editor
  5. Enter the following code:
    <object width="width" height="height" id="flash title" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
    <param value="location of file" name="flash title" />
    <param value="high" name="quality" />
    <param value="#FFFFFF" name="bgcolor" />
    <embed width="width" height="height" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="flash title" bgcolor="#FFFFFF" quality="high" src="location of file" />
    </object>

  6. Save the page
  7. Publish the site

Note: Items in italics must be changed to correspond to the values for your Flash file. Be sure to change both occurrences so that the file will display in all browsers.

back

Q: How do I add a downloadable document to a page?

A: To add a downloadable document to a page (such as a PDF or Word document), use the Download gallery:

  1. If the document is not already in the Download gallery, you will need to add it.
  2. Click on the area on the page where you want to put the link to the document.
  3. Click the Download gallery download gallery icon icon in the toolbar.
  4. Select the group of documents that contains the one you want.
  5. Find the document you want to put on your page.
  6. Click on the name of the document to select it.
    download select

  7. Click on the green check mark to insert the document.
  8. Click the "Save and exit" save and exit icon icon.

back

Q: How do I change the"contact us" email address?

A:

  1. Click on the blank page iconicon next to the contact.htm file.
  2. Select "Advanced > Edit sourcecode" from the pop-up menu.
    webcms 7 edit source
  3. Find the line that reads <input name="TO" type="hidden" value="example@sjsu.edu" />
  4. Edit the email address. Do not change anything other than the email address. Click the "save and exit" save and exit icon icon .

back

Q: How do I change the items in the "Did you know" box?

A: Each sub-site can have its own "sidebox" area that is displayed on all non-home pages in that sub-site. By default, this area is titled "Did you know", and displays a randomly chosen fact about SJSU each time a page is loaded. To change, delete, or add items in the sidebox:

  1. In Explorer view, click on the folder called "_specialcontent".
  2. Click on the icon sidebox icon next to the item called "sidebox".
  3. Select "edit" from the pop-up menu.
    edit sidebox

  4. To add an item, put the mouse pointer over the did you know target icon icon; you will see more icons pop up. Click the green + symbol.
    did you know items
  5. To edit an item, edit the text in the text box.
  6. To delete an item,put the mouse pointer over the did you know target icon icon; you will see more icons pop up. Click the red X symbol.
  7. To move an item higher or lower in the list, put the mouse pointer over the did you know target icon icon; you will see more icons pop up. Click the up arrow to move the item higher, or the down arrow to move it lower.
  8. When finished making changes, click the Exit or the Save and Exit icon at the top of the window.

back

Q: How do I change the "Did you know" box title to something else?

A: You can re-purpose the sidebox area by changing the sidebox.title text from "Did you know" to something else, such as "News and Events". If you want to have the same information displayed each time the page is loaded, you will need to delete all but one of the message lines.

back

Q: Why is my page 'locked'?

A: If you see the lock closed lock iconicon next to your file, it is locked by another user, and you will not be able to edit it (edit icons will be gray instead of red). If you place the pointer over the lock icon, you will see a message telling you who locked the file. If you still want to edit it, you can "steal" the lock and edit the page. To do this, click on the lined page icon icon next to the file and select "Steal lock" from the pop-up menu. Note: this may result in losing any changes made to the file by other users.

steal lock menu
If you see the open lock open lock icon icon next to your file, it means that the file has been locked by you. To unlock it, click on the lined page icon icon next to the file and select "Unlock" from the pop-up menu.

unlock menu
back

Q: Why is the file name red/blue?

A: A file that has never been published will be displayed in blue. A file that has been edited since the last time it was published will be displayed in red.
back

Q: Why do some files start with "~" (i.e. ~index.htm)?

A: They are temporary files created by the editor. They should disappear when the file is saved.
back

Related Information