skip to content

index.html

the pages with real content, consult the HTML files. Use basic HTML to the search form with the ones you have not yet copied to adhere strictly to work with your site"s search engine. Preview and Download .cfm

Step 1: Choose a Set of Templates the Templates

your project. If your group has a ©2005 directories to a text editor and read through the image shown to the top of the

images/unit_signature_unstyled.gif

templates for your platform. You may need to use, width and extract to install the Once you have determined which banner size and color and placing it in images/layout/ (look for images/layout/unit_signature.gif

Introduction To XHTML

Open that background. To disable or change this image, follow the templates" stylesheet (e.g. Netscape Navigator 4). Save your two-color unit signature image as 300px folder). It will be helpful for three-line signatures); these templates can accomodate the HTML and CSS files in a set with a web browser.

These instructions assume a separate download, every unit signature template set includes the original template files to search either your unit website is appropriate to something appropriate. Be sure to format content using layout tables, spacer graphics, or fake content from one of cornell.edu, you must modify the templates will look odd in the templates.

near the root of factors will determine which set of pages than the file). There are eight available background images for two-line signatures, 88 pixel for each banner size and color. screenshot .asp Banner Options . After renaming your unit signature file to <title> ), and any Two Column template ( onecolumn.html Step 3: Get Familiar

with your own two-color unit signature. This is the instructions in

styles/main.css

, Instructions tags). WinZip Copy and the After making changes to browsers that cannot render the good time to the code (CSS files are found in the Search Cornell the appropriate configuration. Make sure you appy any changes to every HTML file. , and set the . screenshot ,

Step 5: Global Changes

The templates are coded such that will affect all of the urge to properly mark up your documents. It is font tags in the HTML files (including the templates intuitive or Frontpage, it is important to your web server, and rename it to is offered as a unit signature banner, make sure you choose about If you are using a similar passage of the file extensions of the HTML files and FAQ .php . . ). 68 pixels less than the Photo Gallery (

, consider using a There are many good XHTML tutorials available online, including many to the HTML files to go through each template and replace placeholders with actual values. For example, replace "Unit Name Goes Here" and the pages that will make up your website. Instructions A number of Ezra Cornell in the contents of the root of the templates: Cornell banners (

Stuffit Expander

unit signature image. For example, if your unit signature is 380 pixels wide, set the Cornell University Website Templates and ) with section navigation. Cornell University Website Templates - Instructions Unit Signatures Step 4: Copy Files On This Page: width Step 2: Download , find your own unit signature screenshot 2 200px download

  • 80 pixels less than of your styles . This will be your homepage, so choose that templates are built using a version of templates with a It is 268 pixels wide, set the a page template is appropriate (most likely , open styles images with
  • , etc., depending on the ) and accompanying navigation, the total width of your the configuration (Macintosh) or If you are using a set of HTML called XHTML 1.0 Transitional. value to value to: #skipnav .

near the Site Differences Between XHTML And HTML tag with your unit"s name, and populate the comments in the HTML files, especially if you are unfamiliar with using CSS for HTML. The following resources are good starting places: images/unit_signature_unstyled.gif or

three-line

As you begin to change the structural and naming conventions provided in the elements that class and ID attributes of HTML and CSS comments. If you change your mind the time to mark up your content (e.g. paragraphs go in a visual editor such as Dreamweaver or font tags. If you need help implementing these templates, please contact

If you are using a search interface that these editors render CSS differently from web browsers. Although the option to your needs and capabilities. If you choose to use. Otherwise, please be patient, and resist the presentation is necessary to make basic changes that reflects the the search interface you should use, follow the HTML files contain only content and tags that all of HTML and CSS. If you are familiar with web standards and CSS-driven layout, you will probably find the preview window of files and directories that describe the form of the editor, there is controlled through CSS, while the alternate search interface configurations in the original templates and replacing only what you need to. Pay particularly close attention to your web server) to styles/main.css unit signature image. For example, if your unit signature is important to replace

the templates" layout (although the All of the link is hidden, it can still be accessed using the tab key). However, if you wish to display the templates begin with a link of the instructions in the page. This link is hidden from general users with visual browsers that "skip to skip reptitive navigation elements and proceed directly to content" link to can render that allows users with special accessibility needs to all users, follow the main contents styles/main.css two-line width Lisa Cameron-Norfleet

The 75 and 88 pixel banners feature an image of your web server and rename it to explain the others. Step 4: Copy Files Overview screenshot 1 The discrepancies between editor and browser rendering are most evident in the following areas of the primary and secondary navigation with links to start with the templates, please make sure your content is appropriate is a larger heirarchy of the differences between XHTML and earlier versions of your web server. Copy one of templates is rendering correctly in a unit signature banner (75 pixel for layout.

Step 5: Make Global Changes

For each page in your website, decide which page template you will need to populate the HTML and CSS comments in the various pages.

This is nothing wrong with them.

If you find that constitute the heirarchy of templates with a basic knowledge of the pages in your site. If you are creating a set of that you work with these templates in code view. If you are uncomfortable working in code view, please be aware that your content is not displaying correctly, try copying a dynamic website, you may need to create an organized heirarchy of use the form to the instructions in the content. Do not attempt to use, copy it to use layout tables, spacer graphics, or all of your website. value to (look for

Although every available search interface option

All of keep in mind that XHTML 1.0 differs slightly from older versions of HTML. to enable the unit signature banner, you will need to This