1. Website Content, Forms and Dynamic Web Pages

2. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge, achievement and skills – Traditionally takes the form of a file folder or three-ring binder

3. Electronic Portfolios Electronic Portfolio: – Stores and presents portfolio content in a digital format such as a website

4. Electronic Portfolios Are preferred over traditional portfolios because they: Are interactive Can include video, sound and digital images Are easy to access, distribute and share Take up less space than a binder or stack of papers Can be updated easily Demonstrates technical knowledge

5. Electronic Portfolios Content and design varies depending on: – Purpose – Target audience In general, the home page of an electronic portfolio website should include: – Introduction – Contact information – Appropriate links

6. Electronic Portfolios Additional content and design considerations include: – Resume information Education, work experience, volunteer work, awards and athletic achievements – E-mail link To allow reviewers to send comments, questions, or request additional information – Work samples Which may be scanned images or links to files

7. Website Categories Most websites can be classified into general categories by the type of content: – Personal – Informational – Commercial

8. Personal Web Sites Convey the opinions, hobbies, knowledge or skills of an individual The purpose and target audience varies depending on the focus of the content

9. Personal Web Sites May Include: – Information on a topic of interest – Compilation of likes and dislikes – Personal information

10. Informational Web Sites Created for the purpose of displaying factual information about a particular topic Typically created by educational institutions, governments and organizations Should be updated frequently to keep content accurate Target audiences vary

11. Informational Web Sites Will have a variety of content to include: – A site map for easier navigation – A search form so that users can search the site for information – A list of links to websites that contain related information – Tables of tabular data – Banner ads or other advertising to help pay for site maintenance

12. Commercial Web Sites Include corporate presence websites and e- commerce websites

13. Corporate Presence Websites Present information about a company’s product or services Do NOT have online ordering capabilities Form of branding: – The technique of raising awareness about a company by making a company logo visible in many places – Successful branding means the user will recognize the logo at a later time

14. Corporate Presence Websites Corporate Presence Websites typically include: – Company history – List of products or services – FAQ page – Site map – Search capabilities – Description of employment opportunities – Feedback page – A promotion or contest to keep the users returning to the site

15. Corporate Presence Websites The purpose is to make users aware of the products and services offered by the company The target audience varies greatly

16. E-commerce Websites Created by businesses for the purpose of selling their products or services to consumers online Amazon.com is a well known e-commerce web site

17. E-commerce Websites E-commerce Websites typically include: – Products and service descriptions – Visuals of available products – Search capabilities – Site map – Contact and return information – A promotion or coupon to keep users returning to the site – Personalized user account information – A shopping cart

18. FAQ Page A web page that contains frequently asked questions and their answers The intent is to answer commonly asked questions quickly without the user having to call or send an e-mail

19. Importing Tabular Data Tables are used for page layout and can also be used to display tabular data: – data that has been created in another application and saved in delimited text format, which can be a text (.txt) file Tab-delimited data: – Indicates that each item in a row is separated by a tab character

20. Importing Tabular Data To import tabular data and create a table for the data click: – Insert (drop down menu)  Table objects  Import Tabular data – A dialog box is displayed with many options A table will be created at the insertion point which includes data. – Cell contents can further be formatted just like any cells in a table

21. Creating a Site Map A web page that contains links to information on other pages of the website The links are usually arranged in alphabetical order or grouped by subject Helps users find the web page they are looking for if they cannot find the web page using the navigation bar The links also provide an overview of the website’s contents

22. Jump Menu A navigation tool that contains a list of hyperlinks To add a jump menu at the insertion point, click the Jump Menu button in the Forms category in the Insert Panel

23. Creating a Form A form allows users to communicate and interact with a web server Forms are used extensively on websites for tasks such as surveys, polls, online ordering and guest books The design of the form should be simple to use, easy to understand and as short as possible

24. Creating a Form The size of a form is determined by the form objects that are added Form objects are used to obtain information from the user in a structured manner Form object properties are set in the Property Inspector