Web Guidelines For Departments
 |
| |
WEB TEAM ASSISTANCE |
|
To have work created for your web pages, please contact the Web Team and projects will be completed on a priority need basis.
Please use for requesting updates changes or issues related to Web Site, any communications that were send previously to Orit Hirsh, Kwatei Jones should be send to Web Services email address. (All Web Services personnel will get this email and respond the same day or next day depending on the urgency of the support request) The main number to request support from Web Services is 6900. |
|
|
|
Text files used to develop web pages may be attached to an email, or submitted on disk. Microsoft Office is the preferred word processing software. Original photos will be returned - however, if you want to scan them, they should be scanned at 72 dpi and saved in .jpg format.
|
|
The KCC logo is required on all index pages to provide a consistent look.
. |
| |
|
Website General Graphic Guidelines
Size
Home Page ............................ W 600 x L 400 pixels
All Subsequent Pages ............ W 600 x L Determined by Amount of Text (scrollable)
HTML Text .............................. Verdana, Arial, Helvetica, sans-serif
Color
General Background
White ................ RGB 255 / 209 / 40 ; Hex FFFFFF
All Flat Color Representations
Buttons, borders, grid, backgrounds, etc. (only exceptions are featured
photos and pictures):
Use only the Kingsborough Community College logo colors!
Yellow ................ RGB 255 / 209 / 40
Blue ................. RGB 8 / 31 / 91
All HTML Text
Headlines and highlighted text:
Use only the Kingsborough Community College logo colors!
Yellow ................ Hex FFCC33
Blue ................. Hex 000066
Regular HTML Text
Black ................... Hex 000000 |
|
|
|
DESIGN ISSUES
Never use underlining except for links (can be confused with a link.)
Italics should be used sparingly if at all because it is difficult to read. To emphasis, it is better to use bold.
Avoid using boldface or all caps for long pieces of text
In body text, use black text on a white background whenever possible to optimal legibility.
Always spell check your files.
Content - responsibility of the department. Timed information must be maintained to provide most current, up-to-date information.
Be sure to check your work in both Netscape and Internet Explorer. Some of the special effects only work in one and not the other (i.e. blinking, scrolling, etc.).
Frame Development - contact Web Team for recommendations.
|
|
FILE FORMAT
Name the first web page in all folders "index".
The file extension is .html (index.html)
NEVER use capital letters in naming files or spacing.
|
| HTML CODE
If coding in hard code, close all your tags. (e.g.. <td> contents </td)
|
IMAGES
Requests for graphic development may be made to Web Team.
ALL images are to be stored in an images folder within your folder on the webserver. If many images are used, consider creating a filing system inside your images folder.
Photos larger than 300 pixels wide should be resized using graphic software. Recommend large photos be resized to 250 pixel width but not greater than 300 pixels. Note: If larger images are required, recommend that you warn the visitor or create a thumbnail image and link to the bigger image .
Photos are to be saved in .jpg format.
Images are to be saved in .gif format.
DO NOT use any images saved as .tiff or .bmp (these are too large and create slow downloads).
Images - must have alternate text .
Original photos will be returned - however, if you want to scan them, they should be scanned at 72 dpi and saved in .jpg format
|
METATAGS
Meta tags are used to store information usually relevant to browsers and search engines.For example, some search engines look to meta tags for descriptions, keywords, etc.
It is therefore important to include keyword and description metatags with every page.
They should include some general terms that descrope your entire web site and some that refer to the specific page.
Meta tags belong in the head section of a page and each meta tag contains two elements or properties; (1) its name, (2) its content.
Example:-
<meta name="keywords" content="keyword one, keyword two, etc">
The 'description' meta tag
<meta name="description" content="This is the Kingsborough Community College Web Site..">
|
MULTIMEDIA
Use to to convey content, not merely to decorate.
Try to keep the animation from looping infinitely (animation will only serve to distract)
Use single animation per page.
When working with Flash, a NOOBJECT tag must be added.
Always provide alternate methods to get the information.
Give users buttons to skip animation, introduction.
|
| Should copyright notices be posted on campus websites? (http://istpub.berkeley.edu:4201/bcc/Summer2002/pol.copyright.html) |
| Karen Eft, IST-AVCO
Although a notice is not legally required to assert copyright on works published on and after March 1, 1989, displaying a copyright notice on websites is still a very good idea. A notice clarifies who owns the work, emphasizes that the owner asserts copyright, and encourages contact by those who wish to use the material. If any legal disputes arise, a posted notice may help defend against claims of "innocent infringement".
The Office of Technology Transfer (OTT) website states that "All software, publications, multimedia, and other copyrighted works developed on campus and belonging to the University should bear a clear, standard copyright notice imbedded in the title page or screen or other prominent location."
Ownership of copyrighted works created at the University is determined by the 1992 , which "provides copyright ownership to faculty for their scholarly and aesthetic copyrighted works, and … provides the University ownership of its employment-related works." (Additional clarification is included on the OTT website.)
According to the U.S. Copyright Office (see ), a copyright notice should contain all of the following three elements:
- the symbol © (the letter C in a circle), or the word "Copyright", or the abbreviation "Copr.";
- the year of first publication of the work; and
- the name of the owner of copyright in the work, or an abbreviation by which the name can be recognized, or a generally known alternative designation of the owner.
As an example, the home page (http://www.berkeley.edu/) includes the following notice at the bottom of the page:
Copyright 2002 UC Regents. All rights reserved.
The home page (http://ucop.edu/) copyright notice
© The Regents of the University of California
also features a hyperlink from the year (2002) to a page containing their .
Posting notice that material belongs to the University does not prevent others from using the material under appropriate circumstances. In some cases, permission (or "license") to use a work can be as simple as a letter or permission statement. As stated in the Interim E-Berkeley Policy section on , "It is helpful for you to post permission notices for appropriate use of online works by others." For example, to clarify the conditions for further use of this article, BC&C's page states that
Portions of Berkeley Computing and Communications may be reprinted or adapted for nonprofit purposes by universities, colleges, or K-12 schools, provided the source is accurately quoted, duly credited, and a copy of the document in which the material appears is forwarded to the BC&C Editor.
and includes contact information for inquiries. For more information, particularly related to more complex situations such as making software publicly available, see on the OTT website.
Is it okay for me to use material from others' websites?
On the other side of the equation, when you are interested in material that is posted on someone else's website, the UC "User Advisories", Section II.B. "Allowable Uses" states that:
In accordance with federal law, users should assume that material created by others, in electronic or other form, is protected by copyright unless such material includes an explicit statement that it is not protected, or unless such material is clearly in the public domain.
Do not confuse the term "public domain" with works that are "publicly available", i.e., distributed electronically. Many works are distributed with certain permissions expressly granted, and if so, you may use the work only for the purposes stated. More information about using copyrighted works and "fair use" is contained in the Interim E-Berkeley Policy section on .
Links to additional information about copyright-related topics are provided in our page. |
| |
|
|
| |
| |