Elmhurst College

Developing Electronic Portfolio Web Pages What steps are needed to develop portfolio web pages? Introduction: It is necessary to understand and work with a program to convert word processor files into HTML files. HTML is the programming language used on the internet. If you wish to see what this looks like, then from your internet browser, from the Edit menu, select View Page or View Frame; and then the Source code. You can do this now from this page if you desire. By using a conversion program, you are spared the details of the complex HTML programming needed to produce the pages on the internet. A rudimentary knowledge of HTML programming language may be helpful as you begin to work with slightly more advanced applications. Some existing assignments and documents can be converted to web based assignments. Existing word processed documents can be converted to HTML format "easily" - using software that converts it automatically to HTML, such as Word, Netscape Composer, Adobe Page Mill, Front Page, or Dreamweaver. Develop Portfolio Web Pages: In using this method, you might develop several web pages that are inter linked using the HTML software suggested above. There might be ten or more pages. The table below shows how the pages may be linked and grouped. This may become more sophisticated with experience. Text below the table gives more complete information. Example and template documents are highlighted below in the table. Portfolio Home Page essential information, five dimensions, five skills, and professional documents  Template Index.html Dimensions Skills  Professional Documents (Links are created to the specific Dimension pages) Career Exploration Intercultural Persectives Leadership / Team Work Responsibility to the Wider Community Values and Ethics Individual Pages on the five Dimensions will be linked directly from here. Example documents with each dimension will be linked from the individual Dimensions pages. (Links are created to the specific Skills pages) Analytical Reasoning Computer / Information Literacy Interpersonal Skills Oral Communication Written Communication Individual Pages on the five Dimensions will be linked directly from there. Example documents with each dimension will be linked from the individual Skills pages. Professional ResumeTemplate Academic Diary Template Professional Statement Page 1: Junior Portfolio Program Home Page: This is your personal home page and may contain any information you wish to share with other people. At the minimum it should contain your name, academic major, and email address. This page will then contain the index that links to the rest of the pages. Template Index.html Individual Dimensions and Skills Pages - linked from the Home Page: For each of the five Dimensions and Skills , you would need to have a separate page and depending upon the length and number of examples this may be further subdivided. Each Dimension and Skill page should contain brief description of the dimension or skill and then the supporting reflective statements and links to supporting documents. Template for Dimensions and Skills Professional Documents Pages: Individual pages with the electronic Professional Resume, Academic Diary, and Professional Statements.This will be a series of pages. Academic Diary Page: This is designed to help you keep track of your various college courses, activities, and other experiences. Electronic Professional Resume Page: This will be the electronic version of your professional resume. This will latter become the main index or home page that you will eventually use in the professional setting. This will contain at least three links: Educational Background - a link to you Academic Diary Lliberal Arts and the Professions - a link to a submenu page for the Dimensions Professional Skills - a link to a submenu page for the Skills The five dimensions will be on the Dimension Menu Page with further links to individual pages and examples. Following in a similar fashion will be the Skills Menu Page.   What steps are needed to develop portfolio web pages?