Updated January 2013

Applying for a UBC Psych Linux Web Account

Web hosting accounts are available to UBC Psychology faculty, sessionals, post docs and associate members interested in using the web for teaching and research.

Website Startup Instructions for Psych Linux Web Account Holders

These instructions only apply to UBC Psych Linux web account holders and requires an SSH Client installed on the computer used to startup and maintain your website. For assistance in installing the SSH Client and/or setting up a VPN remote connection, contact by email the Psych IT Helpdesk at matthew.smith@psych.ubc.ca.

For Windows 2000/XP/Vista/7 users download and install WinSCP an Windows SSH open source client available at http://winscp.net/ or download the WinSCP Version 4.3.4 stable release install package and follow the step by step instructions for creating a psych account SSH login session profile. WinSCP's features include preserving file and folder permissions, deletion of folders with contents, and multiple SSH sessions per window.

For Macintosh OSX users the Fugu SSH client is available as a freeware package at http://rsug.itd.umich.edu/software/fugu/.


Using SSH Secure Shell Remotely (outside of the Kenny building or on the UBC Wireless Network)

For remote SSH access outside of the Kenny Building requires connecting to the UBC VPN network (myvpn.ubc.ca) prior to logging into your Web account. A UBC Campus-Wide Login account (CWL) is required for connecting to the UBC VPN network. Instructions are provided for both PCs and Macs at http://www.it.ubc.ca/service_catalogue/information_security/security/VPN.html.

To apply for a UBC Campus-Wide Login account visit:



Posting Teaching Content on the Web

To have your course outline/syllabus posted online, email a copy of your course outline/syllabus as an attached Word doc to wayne@psych.ubc.ca. Your outline/syllabus is published online as both an HTML and PDF formatted document and added to the Department of Psychology's Course Materials Listings. Alternatively course outline and other content material may be published online using a psych web hosting account. Ensure course outlines/syllabuses are available to the public and not restricted to students registered in the course. The following course outline templates can be used as a guideline:

Course Outline Template Word Format

Course Outline Template HTML Webpage Format

Once you have uploaded your teaching materials; e.g. course homepage, syllabus, lecture notes e-mail or contact Wayne for web linking your course outline and homepage to the Course Materials listings on the UBC Psychology Departmental Website. See http://www.psych.ubc.ca/courses.psy. Also note a webpage UBC Psych "footer" bar will be added to the bottom of your webpages hosted on the department server.  The footer bar provides a web link back to the UBC Psych Dept Homepage and also a "Send Feedback/Report A Problem" link for end-users to provide feedback and report any technical/content problems. See the bottom of this page for an example.

For instructors interested in offering Research Participation course credits, guidelines are available online at http://www.psych.ubc.ca/hsp/resinsdocs/index.psy. If you plan to offer credits, send an email notification to jhodge@psych.ubc.ca and your course will be added to the Research Participation System. At the end of each course term students can view their recorded HSP credits online using the HSP Credits Lookup Tool.

Instructors interested in using an online web-based system for managing a course can use the UBC Web Vista CT system. At the beginning of the course term, all course sections will have a corresponding Vista CT course. For information on how to get started visit www.vista.ubc.ca or contact Wayne.

Blackboard Connect is the new course management system set to replace Vista CT in Summer 2013. ** Note ** Connect launched this Fall 2012 and you may use Connect - www.connect.ubc.ca for your courses. For TA access contact Wayne.

There is also the Wordpress CMS for instructors opting for different design themes. For more information on Wordpress, contact Wayne to setup a website.

Instructors interested in verifying the originality of papers written by students may use the online plagiarism prevention tool TurnItIn. UBC TurnItIn guidelines are available online and explains how to create a TurnItIn instructor user profile, adding a course and how students can submit assignments. UBC instructors must also obtain a UBC TurnItIn code and password.


Creating an RSS Feed

1) Create an RSS XML scripted page listing your web link feeds. Example below.

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">

<title>RSS Page Title</title>
<description>Department of Psychology RSS Feed</description>
<copyright>Full Name</copyright>
<pubDate>Fri, 25 Aug 2006 00:00:00 -0000</pubDate>

<description>How to apply for a psych web hosting account</description>
<pubDate>Fri, 25 Aug 2006 00:00:00 -0000</pubDate>


Note: RSS feed XML documents can be edited using a text editor. To add an additional item copy the <item> ... </item> script.

2) Save document with extension *.xml and upload your RSS feed page using SSH to your www user folder.

3) Check your RSS feed is valid and can be read by RSS readers using http://www.feedvalidator.org by typing in your RSS feed web address. e.g. http://www.psych.ubc.ca/~wayne/rss.xml.

4) Once your RSS feed page is valid, open it using an RSS reader client e.g.RSS Reader or Active Web Reader. Also Internet Explorer 7 supports rendering RSS documents.

Also using a text editor you can add the following script to an html webpage's <head> source code.

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.psych.ubc.ca/~wayne/rss.xml">
<link rel="alternate" type="text/xml" title="RSS .92" href="http://www.psych.ubc.ca/~wayne/rss.xml">

Mozilla Firefox and IE 7 web browsers can automatically detect an RSS feed on an webpage using the html script above.


Web Creation Tools and Resources

Wordpress - For online website creation and blogging. http://www.wordpress.org

Kompozer - A visual (WYSIWYG) webpage HTML editor opensource client for Windows and Mac OSX. Main features include visual, source code and preview editor window tabs and CSS support. See http://www.kompozer.net/

Seamonkey Composer - Open source all in one Internet application that includes Composer, a visual web editor. A basic stable web editor package that supports CSS. See http://www.mozilla.org/projects/seamonkey

Website Design Templates - Free webpage design templates are available for downloading at http://www.oswd.org. Templates can be viewed online and downloaded as a zipped file. There's also the Open Web Design Org at http://www.openwebdesign.org. Website owners share free web design templates and information on web design. For "free" to use photos/pictures try searching in Google for "public domain pictures or photos".

Mozilla Firefox - An excellent Windows browser for previewing your webpages before publishing to the Internet. Add the IE Tab extension for emulating Internet Explorer (IE) in Firefox. Firefox can be downloaded from http://www.mozilla.com/en-US/. Useful extensions:

Firebug extension http://getfirebug.com/. Edit, debug and real-time monitor script changes to HTML, CSS, and Javascript code.

IE Tab extension http://ietab.mozdev.org/. Ability to toggle between HTML rendering using the IE or Firefox engine within the Mozilla Firefox browser. This is useful for checking webpage browser compatibility.

RSS Editor extension http://rsseditor.mozdev.org/. Create and edit an RSS feed page using a Windows-based GUI.

Web Developer Extension http://chrispederick.com/work/webdeveloper/. Adds a toolbar with a selection of web developer tools; resize display, validate html, view session information, enable/disable cookies.

Split Browser Extension https://addons.mozilla.org/en-US/firefox/addon/4287. Splits the browser window into multiple windows for viewing two or more website pages simultaneously in one browser window. Note for Mac OS X hold the ctrl key - mouse button to open the context menu and choose "Split Browser to".

Google Chrome - A Windows web browser client with a clean and secure interface and the ability to Google search in the web URL window dialog box. Chrome can be downloaded at http://www.google.com/chrome.

Xenu - Windows client tool used to find broken web link addresses. Produces a report listing broken web links, redirected URLs and valid URLS. See http://home.snafu.de/tilman/xenulink.html.

Webpage Validation - To check for broken weblinks and validate html source code use the online tools available at http://validator.w3.org. For RSS feed validation check out http://rss.scripting.com and http://www.feedvalidator.org.

Sound/Audio Editor - Audacity is a freeware cross platform audio editor for recording, editing and creating mp3 audio files. For more information visit http://audacity.sourceforge.net/.

UBC Brand and Visual Identity Logos and Headers - A copy of the UBC logo and other elements for electronic and printed documents. Visit http://www.publicaffairs.ubc.ca/ubcbrand/basic/. To obtain the UBC Common Look and Feel webpage template that includes the UBC header and footer bar visit http://webcommunications.ubc.ca/common-look-and-feel/.

CSS Style Sheet Examples - External CSS style sheets used to set font styling for body text, paragraphs and table cells. Arial CSS, Verdana CSS, Georgia CSS and Times New Roman CSS. A CSS external style sheet can be linked to an html webpage by adding the following html source script to the <head>... </head> section

<link rel="stylesheet" href="psyc-georgia.css" type="text/css">

and at the top of the page add: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

The example CSS style sheets above include the following page formatting: limits the page width to 620 pixels, sets the page margins to 50 pixels, removes preformatted whitespaces and line breaks, and defines the text font type and style for the body, paragraph and table html tags.

Gamma Correction - A Gamma value of 2.2 is generally the standard value used when creating web content e.g.images, drawings, font and background colors. By default Macintosh screens are set to a Gamma value of 1.8 and therefore when viewing webpages, colors will appear lighter and brighter since a lower gamma will output colors lighter. For optimal color viewing, adjust the Gamma value in Mac OS X to 2.2. Open System Preferences and choose Displays. Open the Color Profile and calibrate a color profile, setting the Gamma value to 2.2. PC users can use the QuickGamma application for setting a Windows display screen Gamma(brightness) value.

When designing webpages that require the best color matching and non-dithering of colors across different operating system platforms, browser clients, and video devices use the web safe 216 color palette. See the 216 color cube including color hex values. A suitable application would be when choosing a solid color for a page or table background with text in the foreground.


Webpage Formatting Help

Page Width and Margin Solution

To set the page width and margins, use a CSS stylesheet adding the following CSS style in the header section of the html script source code.

body {max-width:620px;

And in the html source code before the tag <html> add:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

e.g.The maximum page width is set to 620 pixels and the margins set to 50 pixels.


Tips on "Saving As Webpage" from MS Word

For posting course outline or syllabus Word documents on the web as an html webpage use the "Save as Webpage" option. This is available from the top menu under File >> Save as Webpage. Some helpful tips on using the "Save as Webpage" option for producing optimal results are described below.

When experiencing extra wide page width issues resulting in scrolling the page left to right, check the document's format style before saving it as a webpage. Apply the Normal Style and Formatting. This can be completed by:

For improving left to right readability of a webpage limit the page width using a table.

For including an descriptive title for a webpage that displays at the top in a web browser window:

If saving for the first time,

If editing an html document,

To maintain a clean html-coded webpage reducing the file size to a minimum, choose to Save as type "Web Page, filtered (*.htm, *.html). This removes additional html document code used to convert webpages back to a Word formatted document.

To make a Web Homepage:

To hyperlink (link) a file to your webpage:

For testing cross platform web browser compatibility, browse webpages with the following web browser clients:

Generating PDF Documents

To generate PDF documents from other document formats e.g. Word, Excel, Powerpoint you can use the freeware utility PDF reDirect v2. This utility is compatible with Windows XP/Vista desktop environments. To use this utility:

1. Download and install PDF Redirect. Alternatively PDF reDirect v2 can be downloaded from http://www.exp-systems.com/PDFreDirect/Downloads.htm. A beta version is also available for Windows Vista.
2. Open a document for converting to PDF format.
3. Print the document and choose the printer PDF ReDirect v2.
4. The PDF ReDirect Window opens. Choose a name for the PDF file e.g. lecture.pdf.
5. Click the Save button and the PDF file is generated from the original document.

Note when saving other options are available for appending an existing PDF document and encrypting a PDF document with password protection.

Alternatively you may choose to use PDFCreator, a Windows-based tool used to convert documents to PDF, PNG, JPEG, TIFF and other document formats. See http://www.pdfforge.org.

Mac OS X users can convert documents to PDF format using the print dialog window. From the top menu choose File > Print and at the bottom left select PDF > Save as PDF.

[ UBC Department of Psychology ] [ Send Feedback/Report A Problem ]