Publishing websites at Penn State

Here’s how to make a basic website at Penn State and some tips on getting started with HTML/CSS.

Most students should already have web space set up through personal.psu.edu, such as my personal site.  To access it, you can use portal.psu.edu.  Click “log in”, and then access the file transfer utility.  Anything you upload to the /www/ folder will be available through your personal site.  Penn State launched an “e-portfolios” initiative a few years ago, with a nice site with web publishing advice.  I haven’t checked it out in a while, but I remember there were some good resources there.

As far as website design, I’d recommend checking out free design template resources such as freecsstemplates.org.  That cite uses CSS templates, which stands for Cascading Style Sheets.  The idea is that the CSS file controls all the design (the background color, the fonts, what links look like, etc.) and you just have to add content through html code.  The html commands are pretty basic, and there is a starter html page included at the free CSS website that should help you get started.

Alternatively, you can use a hosting site such as wordpress, such as what handles this blog.  It’s great for news-style posts, but not as good if you want to have permanent content such as a resume or sets of links.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s