Creating Your Reed Website
Looking for other ways to share? Visit our Sharing At Reed page!
Every Reed student has webspace located at
people.reed.edu/~username which they can use to create a personal website visible to anyone on the Internet. Reed also has copies of Dreamweaver (a WYSIWYG website editor), Photoshop (professional image-editing software), and many other content creation tools available for students to use in the IRCs.
If you choose to create your website without a WYSIWYG editor like Dreamweaver, you will need to save your pages in the .html format. This is what tells any web browser directed to your site how to read the code used in your page. You should also use both CSS and HTML in your page to separate style and content. A good introduction to the differences between CSS and HTML (along with the basics of CSS code) can be found here.
In order to place your website on the internet, you will need to put all pages in the "html" folder on your Home Server (in AFS). This can be accomplished using SFTP or over the web at files.reed.edu.
Your site will need the following:
- An index.html page. This will be the page users see when they go to
people.reed.edu/~username. Without an index.html page, users will just see a UNIX directory containing your pages when they go to your site.
- Other pages linked from your index page, labeled <pagename>.html.
- Any images or files you plan to include in your page. You can easily organize your files by creating subfolders inside your main HTML folder.
Komodo Edit is an app available on all of Reed's lab machines. View our tutorial on how to use it to make your website here!
There are many good references available on the Internet for those learning HTML and CSS for the first time. A simple google search for whatever issue you're having trouble with will often lead you to the solution (e.g. for trouble with starting ordered lists at a particular number, you might google "html ordered list start number"). Some more comprehensive guides can be found at the following websites:
- An interactive reference guide to CSS is at Cultured Code. This site has several other CSS tools available, too.
- While the HTML Code Tutorial can be difficult to navigate, it has good descriptions of the various HTML tags.
- The World Wide Web Consortium is the organization responsible for standardizing the HTML and CSS languages. While their website is full of useful information, it can be difficult to navigate or understand without some prior knowledge of HTML and CSS.