UCSC BME 200 Fall 2012
Being a Bioinformatics Grad Student
Web page assignment
(Last Update:
17:40 PST 24 November 2012
)
due Thurs 6 Dec 2012
Create a web page on your School of Engineering account, by creating a
file .html/index.html and making sure that it (and the .html/
directory) are publically readable.
Jim Kent's directions at http://users.soe.ucsc.edu/~kent/tutorial/webtut.html
can be used if you have not previously created web pages. He goes
further, in explaining how to set up executable programs to be run
over the web.
The web services supported on the SoE machines are explained in more
detail on http://support.soe.ucsc.edu/web/personal
Create a web page on any topic, and mail me the URL for it before class on the due date.
I'd really like the web pages to be on the SoE computers, so I'm
expecting to see URLs starting with http://users.soe.ucsc.edu/
Create the page editing the HTML with a text editor--{\bf not} with a tool
like Microsoft Word, PageMaker, Claris HomePage, Adobe GoLive,
DreamWeaver, or PageMill.
I want to be sure that everyone understands the underlying language of
the web.
I will look for the following features in the web pages that you
create:
- Links to your own webpages
You should create more than one page and have links from one page to
the other pages that you create.
Look at
http://users.soe.ucsc.edu/~karplus as an example of a web page
that has links to other web pages.
- Links to web pages outside UCSC.
Again, my home page has examples of links to another web page from an image.
- A scanned image, photo, or output from a graphics program (jpeg
or gif)
Have a look at the following web pages for examples:
- Internal links.
These are links to another position in the
same page or to the interior of another page.
For example this link points to the top of
this page, and this link points to the bottom.
- List
My home page has nested lists.
- Table
Abe's theater resume at
http://users.soe.ucsc.edu/~karplus/abe/theater/
has a good example of a table that resizes with the browser window.
- I should be able to view your pages using Firefox.
If your page is only
viewable with Internet Explorer, it is not acceptable.
- You can use other advanced features if you want to, but it's not
required for the purpose of this assignment. Please restrict
yourself to techniques that will work with the most basic browsers, and try to
make the page usable even with Lynx, which has no image capability.
- Make sure that your HTML files are well indented so that its
easy to read them. I will be looking at the source code as well
as the final web image.
Suggestions
- Often it is very easy to start from an existing web page and
modify it to the way you want it to look like. If you decide to copy an
existing web page then give it as a reference in your web page.
- Give credit to any sources of graphics or text that is not your
own. Claiming someone else's work as your own is THE academic sin.
- Most browsers include an
option under the view menu that enables you to look at the source
code for the page that you are currently seeing. You can also
usually save this
source code.
- http://www.htmlcodetutorial.com/
has an introduction to HTML.
You can find plenty of others on the Web with judicious use of Google.
- Sites that having blinking objects or make sounds without the
user specifically requesting that they do so are extremely annoying.
Don't do it.
Modern HTML style calls for the use of CSS style sheets.
These are a good thing, but not required for this assignment.