updated 12/5/08

"Only connect! . . .Live in fragments no longer.Ó  E. M. Forster, Howards End (1910), ch. 22

ÔOne day when I was twenty-three or twenty-four this sentence seemed to form in my head, without my willing it, much as sentences form when we are half-asleep, ÔHammer your thoughts into unityÕ. For days I could think of nothing else and for years I tested all I did by that sentence [...]Ó William Butler Yeats (cited in Frank Tuohy, Yeats, 1976, p.51 )

------------------------------------------------------------------------------------

 

Portfolios

WILL NOT BE ACCEPTED IF THERE ANY LINKS TO THE WEB, WITH THE EXCEPTION OF THE LINKS TO OUR COURSE WEBSITE and links to videos that can not be seen in any other way.   IN OTHER WORDS, ALL FILES MUST BE ON THE JUMP DRIVE EXCEPT FOR LINKS TO OUR COURSE WEBSITE and certain videos.

Specifically, complete files for blogs; critiques; pictures that are not on our website; etc. must be on the jump drive and linked to the index.

Hyperlinks to such files on blogger.com, Blackboard, Facebook, etc. will not count.

In the case of images on Facebook, if there is no alternative image on our website, copy the Facebook image on to your jump drive. The easiest way is drag and drop.

Either check out the "home" option on your course website, or check out the index.html file on your course website, or type in the URL of the website and add /pics  or /web to find the directories. In other words, check the subdirectories "web" and "pics" of our course website to see which of the files you need are already on the site. It is probably easier to link to these files rather than putting them all on your jump drive, but, if you do connect to a website file or image, the link must be the full URL for each file you use, as in "http://www.cwrl.utexas.edu/~bump/603A08/web/Benjamin/Website/Website/Index.htm"

or "http://www.cwrl.utexas.edu/~bump/603A08/pics/Benjamin.jpg"

Role of Class Pictures in the Course

Exemplary Electronic Portfolios:

Frames: Franzi ; Megan ; Katie

Navigation Bars: Jason; Noel; Julie; Danielle; Cat ; Caroline ; David ; Lauren ; Madeline ;

Index Files:Brette; Garrison ; Holly ;   Nikki; ; Eric ;Liz ; Alexandra ; Robert

E603A08 Electronic Portfolios so far

Dana   (score 81) Jenny  (score 118)

one way to begin:

1. On the jump drive where you have your website index file and project folders, inside the folder you named WEBSITE  or whatever, in addition to the folders you created for P1 and P2, now create and name more folders for your other categories: say, a folder named DB for Discussion Board entries, one named PR for Project Reviews, one named IC for In-Class Writing, one named Pics for Images, one named M for Miscellaneous, etc.

2. Put all the files you are going to use into the relevant folders

3. Now open your original index.htm or index.html file and type in the names of your new folders under the P1 and P2 folder names.

4. Now create hyperlinks to the new folders the same way you created hyperlinks to P1 and P2.*

5. Now inside each new folder create a new index.htm file and make links to all the items in that folder in the order specified in the checklist below.

*If your links don't work on other computers, make sure you are not putting a / in front of your initial folder or file name. In other words, let's say you have added a folder called "images" to your basic folder called "website" or whatever. Then you add the line "images" to your index file and create the hyperlink for it.  When your program asks you to supply the link you simply put in "images/" but not "/images" or "/images/"

If you are writing the html code directly in Notepad or Textedit or a word processor using the "Text Only" option you would write the code this way:

<a href="images/">images</a>

Another option you have is to do your hyperlinks differently. Erase the old hyperlink and insert one of the following URLs in front of the new folder and file names. The only way to test your portfolio, however, using this method is to bring it to my office so that I can upload it to your website, thus activating these URLs. Note also that you can not change the name of the folder that contains your portfolio. You must keep the name you chose for the original website assignment.

http://www.cwrl.utexas.edu/~bump/603A08/web/Andrew/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Austyn/Website%20II/

http://www.cwrl.utexas.edu/~bump/603A08/web/Benjamin/Website/Website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Brian/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Dana/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Jennifer/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Jenny/

http://www.cwrl.utexas.edu/~bump/603A08/web/Kajal/Website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Kristen/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Lydia/Bump%20Website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Mary%20Beth/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Russ/website/

http://www.cwrl.utexas.edu/~bump/603A08//web/Samantha/WEBSITE/

http://www.cwrl.utexas.edu/~bump/603A08/web/Saumya/website/

http://www.cwrl.utexas.edu/~bump/603A08/web/Skaggs/

http://www.cwrl.utexas.edu/~bump/603A08/web/Tyler/website/

Then add the name of the new folder and file separated by a /

the iWeb option:

Thanks to Samantha we have some good options with iWeb. See her suggestions below. One of them I would change, however. When you choose the publish to folder option do NOT locate the folder on your desktop but directly on your jump drive. (This is indeed a viable option -- I have tested it.) Otherwise, I fear we will get the problem Samantha had before: after uploading to the internet the index files keep looking for files on the desktop. "for mac users, iweb is pretty handy. You can copy and paste your blogs into it, as well as make new pages for your site which can be p1, p2, photos, etc. The mac tutorial on iweb explains everything pretty clearly and I didn't think it was too hard to figure out. Then once everything is in your site, you can choose the publish to folder option which creates the website folder on your desktop with an index and everything (the index is a separate file, so don't forget to look for it). You can then transport all of this to your jump drive and it should work!! If you have any questions, just ask me."

 

How to increase the visual impact of the whole portfolio

1. First of all, make sure your images folder includes at least two class pictures in which you appear and all pictures and videos of four or fewer people in which you appear, whether the pictures and videos are on our website (and its subdirectories) or were in Facebook.

2. Secondly, choose some images to increase the visual impact of your various htm files. For this purpose, you want the pictures themselves to appear on their own, not as links which must then be selected by the reader. To make them appear in this way use the "insert image" command in your program or go to the html code itself and insert the the code <img src= "hyperlink">, as in

<img src="http://www.cwrl.utexas.edu/~bump/603A08/pics/Lydia.jpg" >

3. Thirdly, you might consider using some background images, as long as you can still read the text against the background image. In Dreamweaver, you would go to "Modify" and then "Page Properties" to insert the URL of the image. An alternative is to go the code itself and then insert the following code right below </head>

<body background="URL"> as in

  <body background="http://www.cwrl.utexas.edu/%7Ebump/images/BevoSky1024x768.jpg">

checklist

You can not include files that an internet browser such as Firefox can not display in the browser itself, such as files ending in .doc, .docx, .rtf, .txt, .pdf, .mht, .zip, etc.

 ______Visual impact of the whole portfolio: 23 points.

Includes presentation of all pictures and videos of four or fewer people in which you appear, whether the pictures and videos are on our website (and its subdirectories) or were in Facebook. You must also include at least two class pictures in which you appear. -4 FOR EACH ONE MISSING.

The visual presentation grade will be low if you simply put all the photos in a folder somewhere with no order or organization instead of organizing them chronologically or in some other way and selecting some to show up where appropriate in the portfolio.In other words, for maximum credit, some of the pictures themselves will appear on their own, not as links which must then be selected by the reader.

 _______Complete and accurate index files: every individual item with its own working link on an index page REQUIRED.. Up to 15 points. -140 WITHOUT DETAILED, WORKING INDEX FILES. (Before you make the index files you should have all the files you want in your portfolio in a single folder on your jump drive. You create your index file inside that folder also. As you may have discovered by now, to make an index file your first choice should be a website creation program such as Dreamweaver. Without such a program you can either use Notepad or Textedit to modify someone else's index file such as the ones below. To do the latter just find a portfolio index page you like and then in, say, Firefox, go to "View" and select "Page Source." Then when the code appears, go to "Edit" and then "Select All" and then "Copy." Now go to Notepad or Textedit and "Paste" in the code. Then make the changes in the file names and item names to make it your own. If you want to use Word in the text only mode, make sure you don't accidentally revert to its primary formatting modes.)

                Projects: clean copies, no highlighting unless specified, color pictures, only htm or html files

______ Projects P1 and P2 (2X 5= 10)

_______Reviews of your project 1 by others (1 X 5)

_______ Reviews of your project 2 by others (1 X 5)

______ Your reviews of othersÕ first projects (1 X 5)

______ Your reviews of othersÕ second projects (1 X 5)

_______ Road Map (  10 )

______Discussion Board contributions, with images, in this order 45 points [15X3]: Whole Brain; University; Liberal Arts;  Leadership; Heroes; Jude 1; Jude 2; Alice 1; Earthlings; Coetzee 1; Alice II; Coetzee 2; Mustangs; Longhorns; Darwin. (For a good example of how to include all your DB entries in a web portfolio see Franzi and websites listed above.)

____  In Class Writing Exercises 4 points each (3 X 6= 18): Debate Notes; Mia Carter Notes;  Downtown excursion; HRC Hemingway notes; HRC Alice notes; Taniguchi writing

____  Time Management Forms (4).

____ Other (something I forgot)

_____ Extra Credit: Ranch Party nature writing, Class Discussion Leadership plans, Taniguchi DB; etc.

_________Total number of points for portfolio (140 maximum)

_________ Total number of points in course


Grades: To get a B on the portfolio you need to meet all the basic requirements almost perfectly, including detailed table of contents/indexing and linking.

Grades: to get an A on you need to go beyond that to an achievement in visual rhetoric. Think of this as a portfolio you will be citing in an application to an architectural or leadership magazine, seeking employment in competition with many others. You would be well advised to have it all typed in one way or another, perfectly proofread, illustrated, etc. and very professional in appearance. Pay special attention to unity and to Effective Visual Design (Faigley).

Return to Bump Home Page