CSUN  Wordmark
Page Description

The following page is a three column layout with a header that contains a quicklinks jump menu and the search CSUN function. Page sections are identified with headers. The footer contains update, contact and emergency information.

Web editing for faculty - contribute

Integrating Images and Tables

Integrating elements, such as images and tables, are key in adding to a more professional and organized presence to a web site. In doing so, making sure that these elements are accessible and compliant are important. The Faculty Web Templates provide a framework that allows to incorporate these elements easily. This section of the reference guide will demonstrate how to add images and tables into these templates.

Inserting an Image

Placeholder images have been placed in the templates as markers. All images align left with text wrapping around. Depending on capabilities allowed by your administrator, you can change alignment using the align buttons in the Edit toolbar.

  1. Right-click on the placeholder image and select <Image Properties> to replace the existing image of your photo.

     

    View of Image Properties Being Selected

     

  2. Select <Browse> and navigate to your image.

     

    View of Browsing to Image

     

Three options are exposed for defining an image source.

Although Contribute has limited image-editing tools it is recommended that a dedicated image editor is used to modify images. Image width should be no more than 230 pixels.

From My Computer is where you can select a photo or image from your computer and put it online. This uses a standard file browser.

From Website will allow you select an image from your website. You would navigate to your website folders to select the image to insert.

From Shared Assets is a depot where a Webmaster can select certain images a contributor would normally not be able to get to so they may select them. Note: ALL Images MUST have ALTERNATIVE TEXT

View of Image Properties Dialog Window

 

View of Image Pasted Into Web Site

 

Insert a Table

  1. To add a table to a web page, place the insertion point where you want the table to appear. Click the Table button in the toolbar. In the table dialog box select the table options you want to apply.

     

    View of Table Options Being Selected

     

  2. In order to make the table accessible to assistive technology you should mark BOTH for the headers option. This correlates the data in the table with the column and row identifiers at the beginning of the table.

     

    View of Table Properties Dialog Window

     

  3. If you need to add or delete a Row or Column, the easiest way to add is put your cursor in the table and Right click on the table. From there you will be given a list of options to add rows or columns as well as delete rows and columns. Note: Tables in Contribute should be used for DATA only NOT for Layout.

     

Additional key categories in adding a professional presence to a web page are metatags and a proper web page title. The section entitled Metatags and Title Attributes.

 

8/14/09