Showcase ePortfolio Project Final Site Template Design

Assignment Description: Students will have their site design completed with navigation scheme in place, content areas identified and ready to export to Dreamweaver. Depending on the web production approach chosen, students will have to prepare and purpose their design and or design elements for that specific approach – production with HTML CSS, Divs, ApDivs, and/or combinations of these features. Students also need to have identified any additional programming features they will include – examples of this are galleries, java scripts that key specific actions, etc.

Here are the three templates I will be using to create my website:

The home page or splash page:

This is the basic template for my website:

And this is the template for the Professional page. Since the menu is an accordion style, I had to create a new template:

I would post PDF links, but my computer is functioning too slowly. I plan to use HTML because I am more familiar with it than CSS. All of these pages are sliced and ready to import to Dreamweaver. Each  page will have an image on the right and text on the left, with a quote in the smaller blue box. The social media boxes will link out. My resume will be split into sections that will each link to a new page (same window) with a full pdf link of the resume constant on each page. The most complicated page will be the portfolio. I’m guessing I will have to use a gallery widget. I’m hoping to have just a few thumbnail sized images that people can click on to see larger. Then I will just have hyperlinks to writing samples. The contact page will just list my email and a thank you. I’m not sure yet what functions will be difficult to manage until I start using Dreamweaver. I have the images and quotes ready. I need to work on the text for each page.

 

Leave a Reply

Your email address will not be published. Required fields are marked *