GETTING STARTED
step 1
Download and unzip template.zip. Unziping
will create a directory containing a HTML document, called "your_name.html"
and 5 sub-directories.
step 2
Rename the directory so that it matches your first name and surname. This
directory will be the root directory of your web portfolio.
Use an underscore to "join" your first and last names and be sure to
only use lower-case characters. For example,
malcolm_kesson
step 3
Rename "your_name.html" so that its name exactly matches the name of
the directory in which it is located, for example, "malcolm_kesson.html".
This is your main web page, it links to several other secondary web pages.
Use a digital camera to take a self portrait. Name the file "me.jpg"
and save the image (150x150 pixels) to your web portfolio directory.
Add Your Name to the Web Page
There are two instances within the HTML file where you should replace the
words "YOUR_NAME" with your actual name - use upper and lower case characters
in the normal way. About half-way down the document you will find this
HTML code,
<A HREF="mailto:YOUR_EMAIL">YOUR_EMAIL</A>
Edit the text shown in bold so that "mailto:" will reference your email address,
for example,
<A HREF="mailto:mkesson@scad.edu">mkesson@scad.edu</A>
ADDING IMAGES
A GIF/JPEG image or a QuickTime movie may be displayed in your portfolio by
adding a block of HTML code called a table.
GIF/JPEG
The HTML code needed to link a GIF/JPEG image to your portfolio is shown
below in red. The gray code is shown to help you identify where the
new HTML code should be added. When linking to a GIF image change the extension
from "image.jpg" to "image.gif". Keep all names lower case.
<TABLE BORDER="0" CELLSPACING="0">
<TR>
<TD WIDTH="20" NOWRAP><!-- left hand margin --></TD>
<TD width="400" VALIGN="TOP" ALIGN="LEFT" NOWRAP>
<img src="someimage.jpg" ALT="title">
<BR>
<BR>
<P class="gray66">
Your text should go here...
</P>
</TD>
</TR>
</TABLE>
|
Note the new block of HTML code must be inserted before the closing </BODY>
and </HTML> tags.
MOVIES
The HTML code needed to link a QuickTime movie file to your portfolio is shown
below in red. The gray code is shown to help you identify where the
new HTML code should be added. Although the WIDTH will generally conform to
the width of your movie, the HEIGHT should be 20 pixels larger than
the actual height to enable the movie controller to be displayed correctly.
<TABLE BORDER="0" CELLSPACING="0">
<TR>
<TD WIDTH="20" NOWRAP><!-- left hand margin --></TD>
<TD width="400" VALIGN="TOP" ALIGN="LEFT" NOWRAP>
<EMBED SRC="somemovie.mov" WIDTH=319 HEIGHT=200
CONTROLLER=true LOOP=false AUTOPLAY=false></EMBED>
<BR>
<BR>
<P class="gray66">
Your text should go here...
</P>
</TD>
</TR>
</TABLE>
|
Again note the new block of HTML code must be inserted before the closing </BODY>
and </HTML> tags. For movies that are larger than say 300Kb it is
better to link to another page, otherwise, download times for your portfolio
will become excessive.
|
