Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.

Slides:



Advertisements
Similar presentations
Project 1 ACSM PowerPoint.
Advertisements

Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
HTML Tags and Their Functions
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Lesson Planning & Misc. Tools Richard Hartshorne, Ph.D. Associate Professor, Educational Technology Skype: rhartsho49er
Created 09/01/2006 Revised 6/9/2010 Office of Information, Technology and Accountability Microsoft Publisher - Introduction.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Difference between content, layout and styles Miss Allgar
Chapter Concepts Discuss Fonts Understand Fonts
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
Introduction to PowerPoint
E-Portfolios for Students
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
ISTC 301 Standards Web Design & Development. Teaching with Tech Standards “The digital-age teaching professional must demonstrate a vision of technology.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Web Technologies Website Development Trade & Industrial Education
Press Association Websites The job of a website is to house information and make it easily accessible.
Web-designWeb-design. Web design What is it? Web-design features Before…
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
CREATING AND SHAPING Web Page Design Chapter 2. Text Matters  Even though when thinking about building Web pages people think of design first, the heart.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Project Manager: Lead Designer: Information Architect: Lead Developer: Lakeshia Burnside Myrtle Nurse Ashlei Evans Stacey Jeanpaul Web site Visual Design.
Unit #3 Resume with a Template Questions or problems? Reminder for Discussion – do not forget to respond to 2 classmates.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/
Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Electronic Portfolios as a Summative Assessment Team Purple – Todd Taylor.
ISTC 301 Standards Web Design & Development. Teaching with Tech Standards “The digital-age teaching professional must demonstrate a vision of technology.
Urban Farming ( Urban Farming ( BK FarmyardsUrban Farming URL S: The.
Website Analysis Health Care Professional Drug Information Analysis on By Mark Taouk
Next Door Organics ( LIS : Personas and Scenarios: Meghan Constantinou, Barbara Douglass, Susan.
Web Page Concept and Design :
Research Project- Why? Put together ALL of your knowledge of ECOLOGY! Get more practice on how to do good research *focus on what’s important* LEARN about.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Posters, Magazines, Websites
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Web Site Development - Process of planning and creating a website.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
E-PORTFOLIOS E-PORTFOLIOS Building For Your Future.
Graphic Design Tricks Good ideas for Powerpoint presentations.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Welcome to the ePortfolio Teaching Circle Dr. Michelle Pulaski Behling Media, Communications and Visual Arts.
Web Site Design Web site diagrams from the Yale Style Manual at:
Web-design.
Designing Information Systems Notes
Objective % Explain concepts used to create websites.
Creating & Managing for Teaching Purposes
Website Procedures Basic Concepts.
Business Communication
ICT Communications Lesson 4: Creating Content for the Web
Unit 3 - A Digital Portfolio
E-PORTFOLIO Dayang Siti Nur Fathihah Nurul Shazwani Amira Safiqah
Elements of Effective Web Design
Objective Explain concepts used to create websites.
Presentation transcript:

Website e-portfolio

What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic evidence assembled and managed by a user, usually on the Web. Such electronic evidence may include inputted text, electronic files, images, multimedia, blog entries, and hyperlinks. E-portfolios are both demonstrations of the user's abilities and platforms for self-expression, and, if they are online, they can be maintained dynamically over time. Some e-portfolio applications permit varying degrees of audience access, so the same portfolio might be used for multiple purposes.

Directions Getting Google Account If you don't have a personal Google account or a Google Apps account through your school district, please follow these steps to create your account: 1) Go to 2) Click on "sign in" in the upper right corner of the window 3) Below the sign in boxes, click on "Create an Account Now" 4) Proceed to step through the account creation wizard.

How to create a Google site

ePortfolio - Getting Started

CriteriaUnsatisfactoryLimitedProficientExemplary Artist Statement Student had no clear understanding of what the message was in his work. Did not include reasons for doing work or description of media or techniques. Included medium and descriptions of techniques used to make the art work but was not able to describe any meaningful purpose of his work. Student made a clear connect between the artwork presented and what inspired them to create. They had an idea of what they wanted to communicate in their artwork and understood the success or lack of success in presenting his message. Statement is clear and concise and is supported with two or more valid reasons between the artwork presented and what inspired them to create. They had an idea of what they wanted to communicate in their artwork and understood the success or lack of success in presenting his message. No grammatical or spelling errors; highly polished and professional; # of works Less than the number of art works required. ( ) works X All works are presented 5 Work from class is presented plus work from other classes or personal presented. 5+ Quality of images Poor to no formatting. Art work in JPG format that are poor. Images have thumb- nails that enlarge to image Art work in JPG format that are recognizable. Images have thumb-nails that enlarge to image. Art work in JPG format that is sharp true to color. Images have thumb-nails that enlarge to image. Navigation There are significant problems with the portfolio. The navigation links are confusing, and it is difficult to locate artifacts and move to related pages or a different section. There are significant problems with pages connecting to preceding pages or the Table of Contents. Many of the external links do not connect to the appropriate website or file. The navigation links are somewhat confusing, and it is often unclear how to locate an artifact or move to related pages or a different section. Some of the pages connect to the Table of Contents, but in other places the links do not connect to preceding pages or to the Table of Contents. Some of the external links do not connect to the appropriate website or file. The navigation links generally function well, but it is not always clear how to locate an artifact or move to related pages or different section. Most of the pages connect to the Table of Contents. Most of the external links connect to the appropriate website or file. The navigation links are intuitive. The various parts of the portfolio are labeled, clearly organized and allow the reader to easily locate an artifact and move to related pages or a different section. All pages connect to the Table of Contents, and all external links connect to the appropriate website or file. layout The eportfolio is difficult to read. Color of background, fonts, and links decreases the readability of the text. Color is distracting and used inconsistently throughout. Horizontal and vertical space alignment is used inappropriately, and the content appears disorganized and cluttered. The eportfolio is often difficult to read due to inappropriate use of fonts and type size for headings, sub-headings and text or inconsistent use of font styles. Color of background, fonts, and links decreases the readability of the text, is distracting and used inconsistently in some places throughout the eportfolio. Horizontal and vertical space alignment is sometimes used inappropriately to organize content. The eportfolio is generally easy to read. Color, background, font styles, and type size for headings, sub-headings and text are generally used consistently throughout the eportfolio. Horizontal and vertical space alignment is generally used appropriately to organize content. The e-portfolio is easy to read. Color, background, font styles (italic, bold, underline) and type size for headings, sub- headings and text are used consistently and enhance the readability throughout the e-portfolio. Horizontal and vertical space alignment is used appropriately to organize content.