Getting Started:

Queen's Physics Department members who wish to produce their own web pages with the same look and feel as the rest of the Department's pages can download and edit one of the templates below. It is recommended that you read the document on Building a Local Website before proceeding. If you need some basic HTML tips, check out our Beginner's Guide to HTML.

Template Web Pages:

Select the sample template of interest, and it will pop up in another browser window:

  physics_menu.html  (blue banner, side menu and footer bar)
  physics_plain.html  (blue banner with no menu or footer bar)
  physics_white.html  (simple banner on a clean white background)

Click on your browser background and select View Page Source to view the underlying HTML. Click File -- Save as... to save the file on your local machine (for editing). You should call your homepage file index.html.

Load the file into your favourite editor and make any changes you want. Most of the necessary changes are flagged by HTML comment lines:

If you are using any of the templates above, you will notice that all the images are obtained through links to the Physics website. This may slow down the loading of your page, so you might prefer to download the images yourself (see below) and then change the SRC="element" in the <IMG> tag to show the local path to the image. For example, if I download the image file banner.gif file into a subdirectory called Pics/, the image tag could be changed from <IMG SRC="http://www.physics.queensu.ca/IMG/banner.gif"> to <IMG SRC="Pics/banner.gif">. If you alter the size of these images, you must change or delete the height and width elements within the image tags or this may mess up the aspect ratio and/or image resolution.

Physics Banners and Images:

To obtain the mottled grey background image used in the pages, simply click anywhere on this page and select Save background as....

Below you will find some of the banners and images used in the Physics pages. Click on the image and select Save image as... to save the image to your local computer. Note that most of these images have been produced on a specific background colour, which is shown by the background colour of the table cell and is listed below the image.

Official Queen's colours are #CC0000 (RED), #FFCC00 (GOLD), and #003366 (BLUE). If you are interested, you can read all about the Official Queen's University visual identity standards (in PDF format).

Miscellaneous Icons, Bullets 'n Things: