ACCC Home Page Academic Computing and Communications Center  
Accounts / Passwords Email Labs / Classrooms Telecom Network Security Software Computing and Network Services Education / Teaching Getting Help
 
Faculty Biodata Builder
0 Contents 1 Introduction 2 Mechanics 3 Examples

Examples

     
 
     
Editing resume_template
 

If you want your biodata to display Name, Contact Details, Work Experience, Education, and Awards, the resume_template file you would use would look like the sample file template1.txt. (The text following the pound sign, #, are comments.)

Name #Name Field
Contact Details #Address, Email, Phone No. etc.
Work Experience # Jobs and positions held, Research experience etc.
Education #About your degrees and diplomas etc.
Awards #About awards, recognitions etc.

If you want, you can copy resume template no. 1 (template1.txt) to your present working directory by issuing the following command:
cp  /usr/local/etc/httpd/htdocs/depts/accc/webpub/bio/template1.txt  ./resume_template

If you want your biodata to display Name, Contact Details, Papers Published, Research Experience and Education, the resume_template file you would use would look like the sample file template2.txt.

Name #Name Field
Contact Details #Address, Email, Phone No. etc.
Papers Published #Research Papers published in journals etc.
Research Experience #Jobs and positions held.
Education # About you degrees and diplomas etc.

If you want, you can copy resume template no. 2 (template2.txt) to your present working directory by issuing the following command:
cp  /usr/local/etc/httpd/htdocs/depts/accc/webpub/bio/template2.txt  ./resume_template

 
     
Editing stylesheet.css
 

Resume template no. 1:

The stylesheet file corresponding to resume template no. 1 might look something like:

Please understand that comments can not be included in stylesheet file.

.name{font-style: bold; font-size: xx-large; text-align:center; background-color: #99FF99}
.contactdetails{font-style: italic; text-align:center; background-color: #99FF99}
.workexperience{color:red}
.education{text-align:left; color:red}
.awards{text-align:left; color:red}

Explanation:

.name{font-style: bold; font-size: xx-large; text-align:center; background-color: #99FF99} Displays your name in bold style, xx-large font size, aligned in center and with green background color.
.contactdetails{font-style: italic; text-align:center; background-color: #99FF99} Displays contents of contact details in italics, aligned centered and with green background color.
.workexperience{color:red} Contents of work experience are displayed in red.
Education{text-align:left; color:red} Contents of education field are aligned to the left and displayed in red.
Awards{text-align:left; color:red} Contents of awards field are aligned to the left and displayed in red.

If you want, you can copy stylesheet no. 1 (stylesheet1.txt) to your present working directory by issuing the following command:
cp  /usr/local/etc/httpd/htdocs/depts/accc/webpub/bio/stylesheet1.txt  ./stylesheet.css

Resume template no. 2:

The stylesheet file corresponding to resume template no. 2 might look something like:

Please understand that comments can not be included in stylesheet file.

.name{font-size: largest}
.contactdetails{font-style: bold}
.paperspublished{text-align:left}
.researchexperience{font-size: medium}
.education{}

Explanation:

.name{font-size: largest} Displays your Name in largest font size
.contactdetails{font-style: bold} Displays contents of contact details in bold
.paperspublished{text-align:left} Contents of Papers Published field are aligned to the left
.researchexperience{font-size: medium} Contents of Research Experience field are displayed in medium font size.
.education{} No styles applied to Education Field

If you want, you can copy stylesheet no. 2 (stylesheet2.txt) to your present working directory by issuing the following command:
cp  /usr/local/etc/httpd/htdocs/depts/accc/webpub/bio/stylesheet2.txt  ./stylesheet.css

 
     
Editing header
 

If you want to include an image called "header.gif" as a header, the header file would contain the following line:
<img src="header.gif"></img>
It is assumed that the image file header.gif is present in your biodata subdirectory. If not, please provide the full path of the image file.

 
     
Editing footer
 

.If you want to include a thank-you statement, displayed in green and bold font, as your footer, the footer file would contain the following line:
<font color="green"><b>Thank you for visiting my webpage.</b></font>

 
     
Full Working Example
 

For our example we will have the following:

We have set up this example biodata system so that you can use it to enter your own data.

  1. Visit the URL:
    https://tigger.uic.edu/htbin/cgiwrap-auth/bin/biodata.pl/depts/accc/webpub/bio/biodata

  2. Please login with your netid. For this example, we will create an .shtml file in our biodata directory for your netid automatically after you login. Your yournetid.shtml file exists for 1 day after which it will be deleted automatically.

  3. After Bluestem authentication, you will be presented with a form with all the fields of resume_template. Feel free to type in information and play with it.

  4. Once you hit Submit & View, your biodata will be generated at the URL:
    http://www.uic.edu/depts/accc/webpub/bio/biodata/yournetid.shtml
    All the elements you entered will be displayed according to the rules specified in stylesheet.css. The contents of header and footer file will be displayed at the top and bottom of the page, respectively.

  5. Your example biodata Web page will be opened in a new browser window. You can go back to the original browser window, modify the information you have entered, and hit Submit & View as often as you like.

  6. Have a great time working on your biodata.
 
BIO Previous:  2 Mechanics


2005-8-15  wwwtech@uic.edu
UIC Home Page Search UIC Pages Contact UIC