CADD32710 - Advanced Computer Applications
02 - Portfolio Web Page
Collect some of your best
work (images and CAD drawings), and create a portfolio web page. Publish the
resulting HTML document and related files onto your personal web space on trantor under the filename portfolio.html.
MAKE SURE THE NAME IS portfolio.html and that it is on the ROOT folder of your configured dreamweaver local site!
Scope of Work:
- Plan your web
- Collect the
images and CAD drawings you wish to display.
- In Adobe Photoshop,
create thumbnail images of the images you wish to display in your portfolio.
- Plan the layout
of the portfolio web page. Use HTML tables to create the row and column
arrangements necessary for the thumbnails and other data. Plan for at least
two CAD drawings to be included in DWF, PDF, or DWFx format.
- To create DWF, PDF, DWFx files:
- In AutoCAD,
load the drawing(s) you wish to display in your portfolio web page.
- freeze the layers
you do not wish to include in the DWF file(s).
- create multiple
views with the VIEW command.
- plot to the DWF, PDF, or DWFx file(s).
- Copy all the
images (the thumbnail images and the original images) to the "img" folder
on your personal web folder on trantor.
- Copy the DWF, PDF, DWFx
files to the root of your personal web folder, or to the "img" folder.
- Note: the portfolio.html file should be located on the root of your trantor web site
When working on your
page layout, you should also take into consideration the background colour
and/or texture pattern to be used, the font size and colour, etc.. This
should be done in conjunction with tasks 1 and 3, so all your web pages
have a consistent look and feel. Also, you should use externally referenced CSS styles whenever
- Create the
main portfolio web page.
- Create the proper
HTML document structure. Adjust the HTML document colours, background, and
title. Use common CSS styles whenever possible.
- You MUST use CSS styles to format the text!
- The CSS styles must be referenced from an external file and NOT located in the document itself.
- Repeat: The CSS styles must be referenced from an external file and NOT located in the document itself.
- Create the table structures
for the thumbnail images created in step 1 and saved in the "img" folder,
and add the proper tags and attributes to your portfolio.html document
so that they display properly.
- Add the necessary
links for the DWF, PDF, DWFx files, and display the files created in step 1.
- Add a note with a link
to Autodesk's Design Review page and/or Adobe Reader for download if users cannot see the
- Add the necessary
links to your thumbnail images.
- For each thumbnail
image, add an anchor tag with a link to the original JPEG or GIF file. When
the portfolio web page is displayed, clicking on a thumbnail image loads
in the larger original image.
The portfolio must include the following:
- At least eight images (eight thumbnails and eight large images) of your work.
- At least three different projects (for example a residential renovation project, the Revit project, the VIZ 2 class project etc.)
- At least two CAD drawings (in PDF or DWF format) and thumbnails.
|Submit the file named
"portfolio.html" to your personal web folder on trantor, and copy
the "img" folder with all its files to your trantor website as well.
Your portfolio page
should be fully accessible from anywhere on the Internet by entering
where xxxxxxxx is your CAD Lab Login id.
Note: If your web file is not accessible under the above URL, it will be presumed
missing and you will receive a zero for this assignment (there is no way to search the web server for misnamed files).
The files will be
reviewed and automatically copied off the trantor site at the due date. Make sure all
your files are correct and on the trantor website by the due date. Any late
submissions will not be accepted, for any reason.
Friday, Week 13, before 10 pm.
content and layout (80%)
Document title and HTML structure
Thumbnail arrangement and HTML syntax
DWF, PDF, DWFx objects and link to plug-ins and add-ins
Look and Feel (layout) of page
Navigation links to large size images (20%)