UCSBMusicGrads.net users help

Back to Main Page
READ THIS FIRST - Webmaster's plea
How to log in to the system
Making a New Entry
Editing an existing entry
Uploading your picture
Uploading files and documents
HTML Primer (how to make links, bold, italics, etc.)

READ THIS FIRST - Webmaster's plea:

PLEASE PLEASE PLEASE PLEASE PLEASE read through this document carefully. It would probably help if you opened another browser and filled in your info while referring to this page. The directions I have written are not guidelines or general tips. Much of it must be followed precisely for some aspects of the site to work. I am always willing to help. Just drop me an e-mail at luke@lukema.net. But I have made sure that if you follow the instructions on this page, you will not run into any problems. So please consult this page before you e-mail me. Thanks. Back to the Top

To log in, point your browser to http://lukema.net/mt/mt.cgi. You should bookmark this site as all future editing of your profile and information stored in the database will need to be done through this site. Once there, you should see a log in screen. Type your username and password (as e-mailed to you by the webmaster) into the appropriate boxes.

Once you have logged in, you should see this screen:

Click on the title of the blog available to you (in this case Grads R Us).

Back to the Top

Making a New Entry

For people who do not have an entry in the database yet, follow the log in directions and then click on the "New Entry" button on the toolbar to your left. Looks like this:

Once you've clicked on it, you will be brought to a new screen with lots of fields to fill in information that looks like this:

Here are the fields you should fill out and what they mean:

Title: This should be your name

Primary Category: Select your department here

Entry Body: Place your full description here. You can include links to otehr site, your CV, resume, etc. here too.

Extended Entry: Place your contact information here.

Excerpt: Give yourself a short blurb. This will appear on the main page of the website.

After you have filled in these fields (please fill in something for all of them), scroll down a bit further until you see this:

***Note: everything you type in these boxes will appear as you type them. The line breaks you make will be preserved (although extra spaces will not). If you would like to format your post with html, change the "Text Formatting" option to "none".

Pleae leave everything as default here and click on the "save" button. The preview button will give you an inaccurate preview if you would like to take a look at your links. You can check the actual layout and output of your new entry by going to the main site and clicking on your name.

Back to the Top

Editing an Existing Entry

For those who already have a profile and want to update it: log in and then click on the "edit entries" button to your left. Once you click on that, you should see a screen like this:

Click on your name (for example, it is "Anita Ip" here). This will bring you to the entry editing screen. Refer to "Making a New Entry" on what to write in the various fields. When you're done, hit "save" again.

Back to the Top

Uploading Your Picture

This database will automatically put a user's picture on the user's page (in the upper right hand corner). First select a picture to use. The picture must not be too big (use your discretion, but should be no bigger than 500 pixels wide). ***important: the picture should be a JPEG file and should be named username-pic.jpg. So for example, if my user name were "lma", then the picture shoudl be named "lma-pic.jpg".

To put your picture up, log in and click on the "upload file" button to your left. Clicking on it should pop up a screen that looks like this (if nothing pops up, please be sure to disable all pop-up blockers, or add lukema.net to your list of sites that allow popups):

Click on "browse" and find your picture. Then select the "local Site Path" option below and type "img" into the box next to it. Then click "Upload". Reply "yes" if it asks you to overwrite an existing file.

IMPORTANT: PLEASE PLEASE PLEASE take note. The above directions are not a general guideline. You must follow them precisely in order for the picture system to work. You must select "loca site path", you must type img into the box next to it, your file must be a jpeg file, and it must be named "username-pic". Also note that the site will not automatically resize your pictures for you. If you upload a picture that's 8 screens wide, then it will stay that way. If you don't know how to resize your picture, ask the webmaster to do it for you. For those that want to link to their pictures, prefix your file name with a "/img/". This is the folder that all images will be stored in.

Back to the Top

Uploading files and douments

Log in and click on "Upload file". At the upload file opoup screen, browse for the file you want to upload. Select the "local site path" option below it and type in "files" in the box next to it and click on upload.

All files will be stored in the "files" directory. The link location for a file named blahg.doc will be http://UCSBMusicGrads.net/files/blah.doc. You can uploads your resume/paper in this way and link to it from your own profile.

IMPORTANT: PLEASE PLEASE PLEASE upload all files into the "files" folder under the "local site path" option. The two folders made available to you ("img" and "files") should be used as such. Uploading without specifying the folder name may 1) confuse you when linking to files and 2) be a nightmare for the webmaster to keep the files organized. Back to the Top

HTML Primer

Hypertext Markup Language (HTML) has a basic structure in which "tags" modify contents within these "tags". A tag looks like <TagName>Contents</TagName>. The <TagName> denotes the start of the tag and the </TagName> denotes the end of the tag. Everything in between is modified according to the tag you use. For example, if you wan to type out Der Freie Satz, but in italics, you would type Der Freie Satz. The tag stands for "italics" and the ends the italicization. HTML is not case sensitive so lower case, uppercase, or even a mix of cases for tag names will be recognized.

Within the context of your profiles, there will be a few tags which will be most useful:

<A> - The <A> tag stands for "anchor", basically a hyperlink. There are a few variants of this kind of tag.
<A href="http://webaddress.com/">Name of link</a> - This is the code for a normal hyperlink. http://webaddress.com is the link you want to go to and Name of Link is the title of the link (what people click on).
The A href can also be modified to point to an e-mail. The code is <a href="mailto:your@e-mail.address">title</a>. Just as above, the your@e-mail.address is whatever e-mail address you want to put in and "title" is what the user will see.
Simple formatting tags: stands for italics, for bold, and for underline. Make sure to close these tags. Otherwise, everything after the start of an tag will be italicized.

Images - the basic code to place an image in the page is <img src="location of your image">. Ths image will appear wherever you put it in relation to the text. If you would like the image to appear to the left of the page with the text wrapping around it to the right, you can put <img src="blah" align=left> Similary, you can put an "align=right" in your image tag to have your picture appear on the right. There is no </img> needed for the image tag.

Here is an example of code and result. The result will be the right and code is on the left.

<a href="http://www.ucsb.edu/">A hyperlink to UCSB.edu</a>

A hyperlink to UCSB.edu

<a href="mailto:luke@lukema.net">a link to luke@lukema.net e-mail</a>

a link to luke@lukema.net e-mail

Italicized text

Italicized text

bold text

bold text

underlined text

underlined text

<img src="/img/Luke-pic.jpg" align=left>A picture to the left with words wrapping around it. All of your image tags should look like the one above if you followed the image upload instructions. Of course, for additional images other than the one in your profile, you don't have to name it username-pic.jpg.

A picture to the left with words wrapping around it. All of your image tags should look like the one above if you followed the image upload instructions. Of course, for additional images other than the one in your profile, you don't have to name it username-pic.jpg.

<img src="/img/Luke-pic.jpg" align=right>A picture to the right with words wrapping around it. make sure you remember your image name before you upload it. The code to put in the src="" area will be /img/yourImageName.jpg.

A picture to the right with words wrapping around it. make sure you remember your image name before you upload it. The code to put in the src="" area will be /img/yourImageName.jpg.

Note: the tag I'm using here means new paragraph. The system you use converts all those line breaks automatically for you so you don't need to use this tag. Note: the tag I'm using here means new paragraph. The system you use converts all those line breaks automatically for you so you don't need to use this tag.

Back to the Top

<a href="http://www.ucsb.edu/">A hyperlink to UCSB.edu</a>	A hyperlink to UCSB.edu
<a href="mailto:luke@lukema.net">a link to luke@lukema.net e-mail</a>	a link to luke@lukema.net e-mail
<i>Italicized text</i>	Italicized text
<b>bold text</b>	bold text
<u>underlined text</u>	underlined text
<img src="/img/Luke-pic.jpg" align=left>A picture to the left with words wrapping around it. All of your image tags should look like the one above if you followed the image upload instructions. Of course, for additional images other than the one in your profile, you don't have to name it username-pic.jpg.	A picture to the left with words wrapping around it. All of your image tags should look like the one above if you followed the image upload instructions. Of course, for additional images other than the one in your profile, you don't have to name it username-pic.jpg.
<img src="/img/Luke-pic.jpg" align=right>A picture to the right with words wrapping around it. make sure you remember your image name before you upload it. The code to put in the src="" area will be /img/yourImageName.jpg.	A picture to the right with words wrapping around it. make sure you remember your image name before you upload it. The code to put in the src="" area will be /img/yourImageName.jpg.
Note: the <p> tag I'm using here means new paragraph. The system you use converts all those line breaks automatically for you so you don't need to use this tag.	Note: the <p> tag I'm using here means new paragraph. The system you use converts all those line breaks automatically for you so you don't need to use this tag.