27
Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft Peggy Fisher, Indian Valley High School, Mifflin County, PA

Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Embed Size (px)

Citation preview

Page 1: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Web Design Software & Curriculum

Web Design

A Door to your Students’ World

ISTE 2010, Denver, ColoradoPat Phillips, K-12 Curriculum Programs MicrosoftPeggy Fisher, Indian Valley High School, Mifflin County, PA

Page 2: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Web Design Software & Curriculum

Your Gift is Teaching. Our Gift is Free Curriculum

and Software.

Engage your students with cutting-edge software and curriculum.

We’ll make it easy

Web Design Software & Curriculum

Page 3: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

3

Welcome!

Pat PhillipsK-12 Curriculum Programs, MicrosoftComputer science teacher – 20 [email protected]

Peggy FisherComputer Science Teacher, [email protected]

Presenters

Page 4: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

4

Why Offer a Web Design Course?

57% of US on-line teens report that they created content for the internet

75% of US high schools offer at least one Web design/development course

The goal is to empower students to create with technology and develop new abilities

Encourage students to become tool-builders in addition to expert tool-users

Page 5: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

5

Web Design & Development as a Door

Today’s students are the “net-gen” and want to express themselves online

Web design/development appeals to a broader spectrum of students than programming

We have the opportunity to help students expand their problem-solving skills – skills to use cutting-edge tools and create new original and innovative designs

Web design can be a first step to more advanced technology and CS courses

Page 6: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

6

What is Expression Web Software?

A professional tool that can be used by students

Creates standards-based Web sites

Includes 4 Web and media applications

Web 2.0 enabled – Rich Data Presentation

Powerful Server Technology with ASP.NET

Available at no cost to qualified schools1 minute overview video

Page 7: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

7

Student Work

Page 8: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

8

Student Work

Page 9: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Expression Web for High Schools 9

Student Work

Page 10: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

10Expression Web for High Schools

Student Work

Page 11: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

11Expression Web for High Schools

Student Work

Page 12: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

12Expression Web for High Schools

Student Work

Page 13: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

13Expression Web for High Schools

Student Work

Page 14: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

15

Free Curriculum Units & Tutorials

Quick Start Beaches Around the WorldA fast paced lesson that helps beginners create HTML pages with layers, Cascading Style Sheets (CSS), interactive buttons, and Dynamic Web Templates.

Expression Design Tutorial - Create and edit designs with Expression’s vector-based drawing tools, produce graphical effects, and change settings for optimization .

Advanced Tutorial Beaches Around the WorldExpand by adding custom interactive buttons, interactive content areas, centered web pages, and new backgrounds.

expression.microsoft.com/education

Page 15: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

16

Free Materials to go with Free Software

California Water Animals Tutorial - A fast paced lesson that helps beginners create ASPX pages with layers, interactive buttons, CSS, and Master Pages.

expression.microsoft.com/education

Electronic Accessories Teaching Unit - A complete teaching and learning unit and tutorial to create HTML pages with layers, templates, Cascading Style Sheets (CSS), and interactive buttons.

Heavy Metal Show Car Tutorial - A fast paced beginner lesson with several fun and cool extras. The topic of this project is Richard Tapia’s amazing, award-winning 1970 Chevelle show car.

Page 16: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

17

Semester-Long Curriculum Unit

Introduction to Web Design Using Microsoft Expression StudioFull SemesterStandards basedCreated by teachers; tested by studentsThoroughly spans Web design concepts and skillsModular designRevised with feedback from 100 educatorsProject-based learningCareer skills developmentValuable in many courses: CS, media, business, technology, communications, science & math

Page 17: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

18

Topics in the Semester Curriculum

HTML Basics

1 Weeks

The History and Future of the Web

2 Weeks

Designing for Communication 2 Weeks

Working with Images and Media 3 Weeks

Beyond the Basics w/ Expression Web

2 Weeks

The Design Process 3 Weeks

The Production Process 3 Weeks

Web Publishing and Maintenance 2 Weeks

Page 18: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

19

Web Design Teaching & Learning Materials

Lesson Plans

Everything needed to teach a comprehensive Web design course using Expression Studio

Tutorials

Supporting Text Assessment Tools

Student Activities Enrichment Activities

Materials appropriate as for high school, upper middle school, and introductory college levels.

expression.microsoft.com/education

Page 19: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

20

What Teachers & Students Have Told Us

"I liked the fact that the tutorial gave clear directions on how to build a Web site. This program really got me interested in taking more technology courses. The software ran well and was fast and easy. Great Job!"

"I have really enjoyed seeing my students being so engaged in completing their Web sites. This project has given me a great idea for creating an elective class next year around Expression Web."

"What I liked best about this project was that the Web site I created looked how I wanted it to look and even reflected my personality."

Page 20: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

21

Can Microsoft Help Me Teach Web Design?

• Free software via a subscription to Microsoft Developer Network Academic Alliance (MSDN AA) for qualified* schools

• MSDN AA includes Expression Studio 3 & Visual Studio 2010

• Install on every instructional computer in the school

• More than 800 high schools have taught web design using Microsoft resources since fall 2008!

• To Request Software, email: [email protected]

*Offer good only for public & private secondary schools (accredited by US Dept. of Education. ) Limit one subscription per school. Please ask for additional info.

Page 21: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

22

DreamSpark for Students

• Free download of Microsoft developer & designer software for high school and college students.

• School registers

• Access keys provided to the teacher

• Students download software on personal computer

dreamspark.com

Page 22: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Expression Web for High Schools 23

DreamSpark for Students

Page 23: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Have links open for the sites on the next slide

Tutorials and teaching materials are available

expression.microsoft.com/education *

expression.microsoft.com/en-us/cc136529.aspx *

Expression Learning Resources: expression.microsoft.com/en-us/cc197140.aspx *

Page 24: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Expression Web for High Schools 25

Free Teaching & Learning Resources

• Tutorials and teaching materials are available expression.microsoft.com/education *

• More about Expression Web: expression.microsoft.com *

• Expression Learning Resources: expression.microsoft.com *

Page 25: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

Expression Web for High Schools 26

More Microsoft Technology

XNA Game Studio – Build fun games for Windows, Xbox 360, and Zunes

Visual Studio 2010 - a software development tools for VB and C# and the base for XNA Game Studio

Kodu – Graphic Programming for young students to introduce the “magic” of programming

Page 26: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

27

Free Software and Resources!

Request free MSDN AA [email protected]

Page 27: Web Design Software & Curriculum Web Design A Door to your Students’ World ISTE 2010, Denver, Colorado Pat Phillips, K-12 Curriculum Programs Microsoft

28

Free Software and Resources!

© 2010 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.