Content of your Web page
The Delaware Technical & Community College Web site serves as the College's '"electronic window to the world." It is seen as a link between the College and the public: a prospective student, the community, or businesses or groups interested in the College's programs and services. The World Wide Web can also be defined as an internal communication mechanism which enhances research and communication among faculty, staff, students, and alumni.
Delaware Tech
Web pages
can not be
used for
personal gain.
Delaware Tech Web Style Guide
Dark Delaware Tech green is 006633
Light Delaware Tech green is 99CC99
Delaware Tech gold is FF9900
The official "Delaware Tech" logo typeface is Castle T
Preferred HTML body copy typeface is
San Serif:
Arial (PC)
Helvetica (Mac)
Preferred page width is 640 pixels
Preferred page file size is under 30 K
Be consistent with use of fonts, size and color.
Avoid use of underlining for emphasis. (Underlining indicates a hot link to a URL site)
Web Building Tips
Now that you have the elements you need to create your Web site keep these tips in mind.
Keep it simple
Content and ease of navigation are far and away more important than style and design of your site. The best Web sites combine both-but this is very difficult to achieve. In all cases, choose simple over complex, fast over slow, and understandable over flashy.
Know your audience
When planning your Web page consider your audience.
Consider how they got to your site: Give the first-time visitor a sense of place (for example, if they have found your site from a general listing of national colleges, don't make them search or struggle to figure out where we are located geographically.)
Test, test, and test again
Test your pages on every browser and on every machine you can. You'll be astonished at how different your page looks when viewed with different browsers and on different machines. You'll likely find many incompatibilities to fix. Your goal is to make your pages as cross-platform compatible as possible. Be sure to test out each of your hyperlinks, too.
Layout
Don't make your design overly complicated. It should be easy to update and refresh your content.
Theme/mood
Within the general design specs for Delaware Tech Web pages we have a degree of latitude to design pages that will reflect content thematically. What sense, theme, or mood do you hope your Web page will convey to visitors?
Be mindful of copyright infringement
Prior to using any photographs of individuals not employed by Delaware Tech, a signed Delaware Tech release form must be obtained. The release form should be maintained in a file by the department. The approved release form can be obtained from your Campus Marketing Department.
|
|
 |
Web Page Creation Help
What you must know before you begin...
This is your starting point in determining how to create and publish your Web page; once you are able to answer these questions you'll be ready to begin constructing your Web page.
1. Know the level of your Web page.
This will determine its production, maintenance and the approval process it will require prior to posting on the Delaware Tech Web site.
Use the following chart to determine the level of your proposed Web site:
click here to view the chart
2. Determine who will create the Web page/site.
Level 1, 2, and 3 Web pages are usually created by one of the three designated college Web designers. Individuals, departments or organizations develop Level 4 and 5 Web pages.
3. Determine who will author and/or collect the Web page/site's written and visual content.
For all levels of Web pages the person initiating the project is expected to provide the written content. Copy MUST be edited and proofed prior to being handed over to a Web designer and must be in a digital format-either sent via e-mail or on disk.
Visual content may be color or black and white photographs, illustrations, graphs, or logos. It is the responsibility of the author of the site to ensure that the visual content provided to the Web designer is not copyrighted material.
4. Determine who will be the content administrator of your site.
All Delaware Tech Web pages must be refreshed on a regular basis. To ensure this, every Web page on the Delaware Tech site MUST have a content administrator and contain the following statement at the bottom of each page:
Contact Jane Doe, the content administrator
for this Web page, with comments, changes,
or corrections
|
Note: The content administrator's name must be hyperlinked to their e-mail address.
The content administrator's responsibility may include doing the actual HTML updating or may only extend to collecting new or refreshed written and visual content.
5. Determine who will maintain the Web page/site on a REGULAR basis.
If the content administrator is unable or unavailable to do the actual updating of the site, they are then responsible for retaining the services of a Web designer to update the site on a regular basis.
6. Receive approval from the appropriate group or person before you begin development of the Web site.
Use the Level Chart to determine who you need to see for approval to proceed. Be sure to get this approval before you begin constructing your site. The site you have in mind may already exist somewhere else, closely duplicate other sites on the Delaware Tech Web, or may be deemed inappropriate. Don't spend time constructing a site that may not be posted.
7. Begin development of your Web site.
If you will require the services of a campus-level Web designer, you need to contact them and arrange a meeting. At this meeting they will help you review and refine your plans and guide you in your site's development. Be aware that because of increased demand for their services you need to see your campus Web designer early in the planning stage.
8. Write, edit, and proof your copy
First and foremost you'll need completely edited and proofed copy. This text is the content of your site and more important than any other aspect of your Web site: it's your page's "reason for being." If you are working with a campus Web designer, you'll be expected to provide your content either through e-mail or saved to disk. DO NOT format the text except for paragraph breaks. This means single-spaced, no indents, no centered text, no bold, no italic, no underlined copy, and no bullets.
If you are providing your copy on disk, be sure to include a hard copy printout.
9. Gather together your photographs and graphics
We encourage the inclusion of photographs and graphics in your Web page. Be aware that you must NOT use copyrighted material. If you are working with a campus Web designer you can submit your photos in either hard copy or in digital format.
All Delaware Tech Web pages must include these elements:
1. Contain the content administrator statement and hyperlink.
2. Include hyperlink back to the college homepage.
3. Receive the appropriate approval from either the Collegewide or Campus Level Web Review Committee before being posted.
4. Contain the date of the last time the page was updated (applies to the first page only).
5. Be refreshed with new information at least every six months. Outdated pages will be removed from the Delaware Tech site.
6. It is highly recommended that Level 3, 4, and 5 Web sites/pages include as many of the Level 1 and 2 common design elements as possible (see below)
All Delaware Tech Level 1 and 2 pages must include these elements:
Level One is the College homepage. Level 2 Web pages link directly off the Collegewide Homepage. They originate from a Collegewide topic area committee and are produced by a designated college Web designer. All Level 2 pages should be very similar in appearance.
Design Elements
1. Very top of the page should contain a Delaware Tech name and logo placed in the upper right corner of a green bar
2. The Delaware Tech Diamond may not be graphically manipulated in any way. Please see http://www.dtcc.edu/webcenter/images.html#logo for the only graphic options regarding the use of the logo.
3. The official "Delaware Tech" logo typeface is Castle T, in BOLD
4. Use the correct hex dec colors for the logo and green bar:
dark green: 006633
light green: 99CC99
5. All Level 2 pages must contain Alt text tags for all images -- logos, illustrations, graphics, and photographs. This will allow people with computers without graphical browsers to get a sense of what is on the page.
6. All Level 2 pages must contain the following hyperlinks:
- A. A listing and link to all four campuses
- B. Link to Collegewide homepage
- C. Link to the "more information" form
- D. Link to "search" engine
7. When using Adobe PDF's use the following copy:
Please note: To view the following files your computer must have Adobe Acrobat reader installed. It can be downloaded free of charge by clicking here (hyperlink).
Use of the Adobe Acrobat Reader logo is optional. 
8. All Level 2 pages should have the same width - 640 pixels wide.
9. All Level 2 pages must have a content administrator. All Delaware Tech Web pages must be refreshed on a regular basis. To ensure this, every Web page on the Delaware Tech site MUST have a content administrator and contain the following statement at the bottom of each page: Contact Jane Doe, the content administrator for this Web page, with comments, changes, or corrections Note: The content administrator's name must be hyperlinked to their e-mail address.
Placement of Campus Names and Diamonds
If used horizontally, campus (location) names should be in this order, please note placement of the (3) diamonds:
Dover (diamond) Georgetown (diamond) Stanton (diamond) Wilmington
Spacing should be equal between campus names and diamonds.
Contact Your Collegewide and Campus-Level Web Review Committees For Approval and Posting
A Collegewide and three Campus-level Web Review Committees have been formed to help guide and mentor faculty, staff, and students in development of their Web pages; to review and approve Web pages prior to posting on the Delaware Tech Web site; and to develop Collegewide Web site procedures, protocol, and guidelines.
When your Web page/site is completed, contact a chair of your Web Review Committee. They will need a copy of your site that they will then internally post for review by the other members of the committee. When approval is granted, they will then post your Web site and begin the process of hyperlinking it to appropriate pages within the Delaware Tech Web site.
Web Review Committee Membership
click here to view the chart
Creating Your Web Page or Site
The designated Web creation software package at Delaware Tech is Adobe GoLive. This is the software that the campus Web designers use. However, you are free to use any Web creation software package you have available or to write the code manually.
If you are not comfortable with creating your own page, check the listings below for sources of help both on campus and on the World Wide Web.
| Students, Staff, and Faculty |
|
Check out your campuses' CCP course offerings |
| Staff and Faculty |
|
Contact your Campus Web Review Committee |
|
Contact your campus Educational Technology Lab, staff is available to assist and consult |
What you must know about using photographs and graphics
|
We encourage the inclusion of photographs and graphics in your Web page. But be aware that you must NOT use copyrighted material. If you are working with a campus Web designer, you can submit your photos in either hard copy or in digital format.
|
|
Alt text tags
Be sure to give all your images -- logos, illustrations, graphics, and photographs -- alt text tags, so people with computers without graphical browsers will get a sense of what they are missing.
|
|
Layout
Don't make your design overly complicated. It should be easy to update and refresh your content.
|
|
Copyright infringement
Prior to using any photographs of individuals not employed by Delaware Tech, a signed Delaware Tech release form must be obtained. The release form should be maintained in a file by the department.
|
|
Types of files to use
Use graphics with the .gif or .jpg extension. Do not use .bmp or. pict files; which are too large. (Use an image editor to convert .bmp and .pict files to .gif or .jpg files.). The rule of thumb is that a photograph should be saved as a .jpg and a logo or illustration (any graphic with large flat areas of color) should be saved as .gif.
|
|
Speeding up your page
If you want to use a graphic repeatedly throughout the site it will add to your content but not to loading time. Example: a logo once loaded does not have to be loaded each time if you reference the same file.
|
Logos |
|
To use a graphic or photograph from this web page
1. Simply right click on the image you want to download
2. Choose to save the image and select where you want to save the image on your computer.
|
|
|
Delaware Tech Diamond |
|
|
Delaware Tech Diamond |
|
|
Delaware Tech Diamond |
|
|
Delaware Tech Diamond |
|
|
Delaware Tech Diamond |
|
|
Delaware Tech Green Diamond |
|
|
Delaware Tech Green Diamond |
|
|
Delaware Tech Green Diamond |
|
|
Delaware Tech Green Diamond |
|
|
Delaware Tech Green Diamond |
|
 |
Masthead logo with transparent background |
|
|
Masthead logo with Delaware Tech green background
|
Graphics |
|
To use a graphic or photograph from this Web page
1. Simply right click on the image you want to down load
2. Choose to save the image and select where you want to save the image on your computer.
|
|
 |
Delaware Tech Seal |
Photographs |
|
To use a graphic or photograph from this Web page
1. Simply right click on the image you want to down load
2. Choose to save the image and select where you want to save the image on your computer.
|
|
 |
Stanton Campus |
|
 |
Wilmington Campus |
|
 |
Terry
Campus |
Contact MJ Arden, the content administrator for this web page,
with comments, changes, or corrections.
|
|
