Department of Technology Education

TECHNOLOGY EDUCATION

Tiverton High School

 

GRAPHIC DESIGN COMPUTER TECH. & WEB DEVELOPMENT

Digital Portfolio’s

 

A. Get it in the right place!  

  1. Find the folder called “Digital Portfolio - Templates”
  2. Open Front Page
  3. Go to File>New>Page or WEB, choose “New Web”
  4. when the New Web Dialogue box appears,
    1. Browse to folder DP templates
    2. Choose “One Page Web” and click OK

 

B. Build the basic structure

  1. Decide on the sub pages of your web structure.
    example: (About Me, Academics, Athletics, Employment, Hobbies, Community Service)
    1. Create the pages needed,
    2. Go to Save as, Name each Page, set the Title, and click Save.
  2. Switch to Navigation View
  3. Drag files into navigation structure (Page C-5 of Textbook)

 

C. Set a Theme

  1. Choose a theme and apply the theme to all pages

 

D. Set Up a Template

  1. Select the Index Page
  2. Draw a table and cell structure on your index page (see Below)


Table Format EXAMPLES:

Table and Cell Format for Horizontal Links:

Page Banner or Header

Navigation Bar

Content

 

Table and Cell Format for Vertical Links:

Page Banner or Header

Navigation Bar

Content

 

  1. Set Table and Cell Properties
        - right click, go to Table Properties,  set the width to 760 pixels
        -drag the cursor over all the cells to select all, right click, choose Cell Properties,
         set Vertical Alignment to TOP
  2. In the top Cell, Go to Insert> Page Banner.
  3.  Go to Insert>Navigation on the left (Vertical links) or the middle (Horizontal Links)
     Be sure to select Bar Based on Navigation Structure, Use Page’s Theme.
  4. Save your work.

 


E. Copy the template onto the other Pages –Reset Navigation Bar

  1. Copy this template and paste it into one sub link pages.
    The Navigation bar will not sow on the lower pages! To correct……
    Right click on Navigation Bar.
    Choose Edit The Navigation Bar Properties.
    Change Properties to show “Same level” and Home Page.
  2. Copy and Paste into remaining sub link pages.


Remember:

    1. Index Navigation Bar should be set to show “Child Level”
    2. Lower Level Navigation Bar should be set to show “Home Page” and “Same Level”

 

F. Insert Picture:

  1. Acquire a picture of yourself. (email, camera or use the yearbook pictures I have)
  2. Insert it into your home page.
  3. Save, when the Save Embedded Files Dialogue Box appears:
    1. Rename the picture.
    2. Choose Change Folder, Navigate to the Images Folder, and Save

 

G. Add Content!!!!!!!!!!