Web Development

 ‭(Hidden)‬ EasyTabs

 Files and Content Policies


File Standards

Our system is compatible with Internet Explorer 7.0 or 8.0 only. Please make sure to have the correct browser for your computer.

 

File size:

Every file must be less than 10mb to be able to upload.

All files must open in a new window.
All files must have their type or extension at the end of your link.

Example:
Syllabus (PDF)
Syllabus (MS Word)


 

File extensions:

MS Word, MS Excel, MS PowerPoint 2003 or 2007.

 

Adobe Acrobat:

PDF 7.0 or higher.

 

Pictures size:

All pictures must be less than 200px by 150px (20k bytes).

 

Picture extensions:

JPG, JPEG, and GIF.

 

Banners size:

Please refer to the manual for banners policies.

 

Content Policies

No underline sentences or words, underline is only used for hyperlinks.

 

You can bold instead of underlining a word or sentence.

 

No colors on letters. Only black or teal font (applicable for sub titles) are allowed in paragraphs.

 

Please don’t change the font size or face. SharePoint already has a predefined font and face type.

 

Please make sure your spelling, punctuation, and grammar are correct.


Do not use all capital for Titles.

Titles on web parts must be short.

 

Pages

All pages must have a banner (banner pictures are already load it into your site).


Every banner needs to have a description or “Alternative Text” which will be the name of your department.

Alternative Text


 

Below your banner you must have a main Title which you must write with a special code
<div class=title>Name of your department</div>  this goes on the html view.


 

Title under banner


 Manage Your Files

When you are preparing a file such a Word, Excel, or PDF, please keep in mind the following recommendations before uploading to SharePoint.

  1. Do not use spaces to name your file, instead use the underscore or you can just not use spaces at all.

    Example:
    My_tutorial_2011.PDF
    Mytutorial2011.PDF


  2. When you create a “Document Library” all files must use the underscore.
  3. Pictures should have short names no spaces.

    Example:
    DarioLopez.JPG
    Students.JPG
    VVcampus.JPG


  4. Reduce the file size of your picture before you use it on the web.
    (To learn how to resize a photo click here (PDF).
  5. All files must be set to open in a new window.
  6. All links are underline by default by the system, there's no need for you to apply any other attribute.

Once you have uploaded your file, type the appropriate title and link your document.

  1. You must specify the type or document the viewer is about to click.
    Example: “Click here to view syllabus (PDF)” we always put in parenthesis the type of document we are about to see.

    Examples:
    Application (PDF)
    Application (MS Word)
    Application (MS Excel)
    Presentation (PPT)


  2. Our standard name for PDFs is (PDF) not (PDF format). We do not use the word format to specify a PDF.
  3. Your files can either go in the main content web part or you can use the left navigation menu.
  4. Links shall not be bold or colored.

 Strong Suggestions

    1.  Your images should load quickly and easily on a variety of browsers. Be considerate and remember that many users may be using slow modems and/or older browsers.

Some of the things you can do:
Keep your images to a minimum 200px by 150px. Total graphics per page should be less than 20K bytes. Crop your images to the smallest size possible. Use 16-color images where possible for those V.G.A. users and your images will always look as you intended them to look. 

Please consider how your graphics contribute to the overall content.

 

If your pictures are simply "eye candy," please remove them. To learn how to create fast loading images, consult the Bandwidth Conservation Society web site: http://www.infohiway.com/faster/index.html

    2.  Use structural rather than formatting elements to control the layout of your page.

  1. Font sizes are already default by CSS same as for the font Arial and Times New Roman.
  2. As a rule-of-thumb, keep each individual web address to 10 pages or less in length.

Studies have found that up to 90% of users do not scroll down past the topmost portion of the page. You should put the most important information at the top of the page and use the remainder for more detailed information. Alternately, you can offer a “table of contents” at the top of your page (see below).

 

Please offer a “table of contents” that hot links to individual sections of your page. This way the user does not have to scroll down the page but merely "hops down the page" to the linked section. If you have a document that is broken into a series of separate pages, please present a single downloadable file for the document (to help people who read documents off-line using a voice synthesizer).

  1. If your site has multiple pages, please offer a site map on the home page.
  2. Avoid using proprietary extensions, i.e., tags and attributes that work only in Internet Explorer ®.
  3. Avoid offering downloadable files that can only be used with proprietary software (such as Word ® or WordPerfect ®). Offer files in H.T.M.L. or text format, if possible. Remember that a P.D.F. file is a graphic that can’t be read by screen readers. If you offer P.D.F. files, please include a link to Adobe Acrobat’s ® free P.D.F. – to - H.T.M.L. and P.D.F.  to - Text translator at http://www.adobe.com/products/acrobat/access_onlinetools.html
  4. Later versions of H.T.M.L. are more accessibility-friendly. Currently, H.T.M.L. 4.0 is the best option for built-in accessibility features.

 Web Pages Requirements


All pages accessible to the general public must display the EPCC logo at the top of the page. The logo may be positioned to the right of the page and will usually be located beside the page title. Additionally, on public-access pages, all references to the College must be written as "El Paso Community College" or "El Paso County Community College District."

All pages will contain the following "meta" information providing details about the page itself:
- responsible department.
- responsible person, phone number, email address. 

All pages must include the following specific footer links: - a "return to Home Page" link - an "additional info" mail-to link to the page author or responsible department.

All pages are subject to review by the EPCC Web Development department and Web Content Committee. This is to insure compliance with existing publishing guidelines for content and style and to maintain a consistent "look and feel" for all College web pages.

The author will be responsible for periodically maintaining and updating his/her pages. The page's expiration date will be used to generate notifications to authors concerning pages about to "expire".

 

This will help to ensure continued accuracy for all web-published information.

Your pages should display correctly on all browsers, including the text-only browsers such as Lynx.

If your page has anything to do with the hiring or interviewing of people, you must include an "EEOC" statement at the bottom of the page: "El Paso Community College does not discriminate on the basis of race, color, national origin, religion, gender, age or disability."

Spanish text must be correctly written with the proper accent marks. Use the ISO Latin1 HTML escape codes to create accented characters.

 Accessibility Guidelines


Title II of the Americans with Disabilities Act (A.D.A.) requires public colleges to provide the same access to information for disabled students that it does for other students.

 

  • People with disabilities may be using assistive computer technologies such as screen readers, which vocalize the content of a web page, voice recognition software (for people who can not use a keyboard or mouse), screen magnifiers, and refreshable Braille devices to interpret a web page.
  • Unlike the old text-based Internet, World Wide Web pages can offer challenges to persons with disabilities. Web elements and formatting such as Java, JavaScript, refreshable screens, graphics, forms, frames and columns can defeat the assistive technology devices.
  • Also, people using older browsers or text-based browsers, such as the Rio Grande Free net, may experience the same problems.


Meeting the below requirements will help make your web page accessible to all your audience. Following these requirements, are some additional guidelines to make your page more user-friendly.

The following are A.D.A. compliance requirements for E.P.C.C. web pages:

  1. Provide alternative text for all images, applets, image maps and other graphical representations that can not be viewed with a text-based browser. Do this using the ALT attribute.
  2. Transcribe audio and video clips if they contain important information.
  3. If you use frames, provide an alternate “No Frames” page. Screen reader technology, used by the blind, can not properly process frames.
  4. If your pages contain moving, scrolling, blinking or auto-updating objects or pages (like refreshable pages) provide an option to pause or freeze the movement. Screen readers can not read moving text. Further, blinking objects in the 4 to 59 flashes per second (Hertz) range can cause people with epilepsy to have seizures.
  5. Provide an alternative to C.G.I. Script forms, for example, a printable form that the user can fill out and mail in.
  6. Buttons should be a minimum size of 0.5” by 0.5” (for persons with motor disabilities).
  7. If you use tables (for other than layout), ensure that they have the proper markup to be understandable by browsers that don’t support tables (i.e. use the “summary” attribute, and label rows and columns with the header tags). Generally, avoid using tables purely for layout purposes unless the table makes sense when linearized (screen readers only read from left-to-right).
  8. Use descriptive text links. The text associated with the link should clearly indicate the destination of that link. For example, for the text “Click here to Return to Home Page,” “Return to Home Page“ should be the active link (e.g. underlined and in a different color, indicating that it is a link). Don’t make “Click here” the active link.
  9. Testing

  • Your page(s) should be legible and understandable on most common browsers, including the text-only browsers such as Lynx. You may access Lynx at: http://www.delorie.com/web/lynxview.html
  • Test your page(s) on a black and white monitor to ensure that text and graphics are still legible and the meaning is clear.
  • Test your page(s) for accessibility to users with disabilities. This includes persons with hearing, vision and motor impairments. The Center for Applied Special Technology offers a free online software package that tests your site for A.D.A. compliance. Go to the following address, then type in the U.R.L. for your site: http://www.cast.org/bobby/