Sheridan College
Architectural Technology
CADD32710 - Advanced Computer Applications

Task 02 - Portfolio Web Page

Overview:

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:

1.  Plan your web page layout.
• 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

Note:
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 possible.

2.  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.
• Notes:
  • 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 files.

3.  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.

Attached Documentation:
-None.
 

Minimum requirements:
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.

Submission Requirements:
 

Due Date:

Friday, Week 6 (13), before 10 pm.

Evaluation Scheme:

Evaluation Component	Weight
Portfolio content and layout (80%)	-
Document title and HTML structure	10
Thumbnail arrangement and HTML syntax	20
DWF, PDF, DWFx objects and link to plug-ins and add-ins	20
Look and Feel (layout) of page	30
Navigation links to large size images (20%)	20
Total:	100