Presented by groups 7 & 8 (Jen, Julie, Sue, Eric, Huguette & Mark) Website Development.

Slides:

Advertisements

Similar presentations

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

Advertisements

6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.

Power Presentations CD-ROM. Overviews Using the Main Menu Navigating the Power Presentations & Images Interactives Working with the Media Gallery Accessing.

Interactive Egypt Map Project Overview Teacher Planning Work Samples & Reflections Teaching Resources Assessment & Standards Classroom Teacher Guide Pre-service.

Neil Sayers - Student Number: URL

Life of a Project Virtual Patients Year 1: from multimedia developer’s perspective Sunhea Choi and Lizzie Ault 6 th July 2009.

Hypermedia “The limits to learning is mostly self-imposed” Colin Rose.

6.1 Chapter 6 Teaching with Multimedia and Hypermedia Tools M. D. Roblyer Integrating Educational Technology into Teaching, 4/E Copyright © 2006 by Pearson.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.

© Anselm Spoerri Lecture 15 Short Course Review Term Project Evaluations Guiding Principles Summary.

8.1 Chapter 8 Integrating the Internet into the Curriculum M. D. Roblyer Integrating Educational Technology into Teaching, 4/E Copyright © 2006 by Pearson.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.

Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.

ED6346 Chris Quek July 22, 2010 The OUTSKIRTS.  History of Internet  Scenario 1  Questions to Scenario 1  Scenario 3  Questions to Scenario 3  Questions.

Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

Evaluating Educational Technology and Integration Strategies By: Dakota Tucker, Derrick Haney, Demi Ford, and Kent Elmore Chapter 7.

Evaluating Websites.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Teaching with Multimedia and Hypermedia

 What is a wireframe?  What features are important?  Which wireframe tools might you want to try?

Developing A Website. Reminder 1 You want your website to be _______? 1)Artistic 2)Easy to use 3)Interactive 4)Multimedia-driven.

Web Technologies Website Development Trade & Industrial Education

© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.

MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,

By Susan Marshall, Tracy Robart, and Cindy Smith.

Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.

MULTIMEDIA BY M.EMELYA(Y5CS025). ABSTRACT TECHNOLOGY TECH+OLOGY.

Starting Out on the Internet by M.D. Roblyer. Preface w Need the following two Items An Internet-Ready Computer An Internet Connection.

5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.

Best Practices for Higher Education and K-12 Distance Education Programs Aubrey D. Crook, M.Ed. © 2006.

Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.

Teaching with iPads. Insert Screenshot here Session Overview Getting started with using iPads Methods of integrating iPads in the classroom Educational.

Adobe Certified Associate Objectives 1 Setting Project Requirements.

Kylie Hsu California State University, Los Angeles MERLOT International Conference Costa Mesa, California August 3-6, 2004 Chinese Language and Culture.

Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.

Unit 11 Interactive Multimedia Products Task A Product Review –

Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.

The lean method Vision I – June 4, The lean approach: Topics The lean startup Customer development MVP Prototypes Customer acquisition Get customers.

Wireframes in Physical Design Yonglei Tao. 1-2 Website Wireframes  A visual guide that represents the framework of a website  Created for the purpose.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Interaction Design Chapter 1. Good design? Bad design?

Groups 2 and 3.  The three lesson plans we chose came from the website educationworld.com  Lesson One – The Bird Can Blog: Online Writing with a Twist.

Key Competencies.

CIT Coursework (08-10) 2 nd Briefing Starting to write your learning package.

By: Lisa Harris Lisa Johnson Suzanne Sprouse.  Standards drive planning  Guide Instruction  Necessary for assessment,  i.e. you are going to assess.

Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.

DiDA – Website creation Mark overview Use of multimedia (9 marks) Suitability for audience (9 marks) Use of website features (5 marks) Review (5 marks)

Erica Schlamp’s BioPresentation Who is Erica Schlamp? The Roles of Project Based Learning and Multimedia in my classroom Interactive Multimedia Previous.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Section 6.1 Section 6.2 Write Web text Use a mission statement

The BMA website How we can help you.

LESSON 4 Module 4: Working with Images Navigation Tools.

Olympic Unit Plan for Language Arts

Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.

Term Project Evaluations Guiding Principles Summary

How to Develop for e-learning

Page plans A01 Design.

Elements of User Experience

Website Procedures Basic Concepts.

Welcome Unit R005 - Creating an interactive product using multimedia components ICT Dept.

Your Poster Title Goes Here

For use on your feedback page

Homepage-Parent/ Index Page

Virology: An Interactive Guide

Is my group’s news presentation conventional?

Gail E. Tompkins California State University, Fresno

Presentation transcript:

Presented by groups 7 & 8 (Jen, Julie, Sue, Eric, Huguette & Mark) Website Development

Website development can be very rewarding. However, for those educators who have taught website development to their students, they have found that it can be time consuming and very tedious for their students, and risks students focusing on technical development rather than the content they are communicating with the website. Chapter 8 Question 2

As an educator, how do we get students to focus on content rather than the technology?  Authentic learning experience  Link it to curriculum  Clear and precise goal

Focus on content Mapping out the pages in terms of functions, giving a general idea of content on each page and showing how users navigate from one page to another. Wireframing and/or Storyboarding Deciding what the website will look like using colors, features, and layout. Design and Layout Creating the tables, inserting the images and photos, inserting the interactive elements, and any other features. using the website development tool of choice. Development

Look at different websites Assess & Evaluate Create a rubric with studentsrubric Exemplars and Rubrics

Criteria for Evaluating Website Design Good structure and organization Good visual design Clear text and/or graphic links Easy navigation ✓ ✓ ✓ ✓

Your Logo Doering, Aaron H., Roblyer, M.D. Integrating Educational Technology into Teaching, Sixth Edition, Peason, Rubrics: “Kathy Schrock’s Guide for Educators” rubrics.html rubrics.html References