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 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

3 Welcome! Pat Phillips K-12 Curriculum Programs, Microsoft Computer science teacher – 20 years Peggy Fisher Computer Science Teacher, IVHS Presenters

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

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

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 schools 1 minute overview video 1 minute overview video

7 Student Work

8

Expression Web for High Schools 9 Student Work

10 Expression Web for High Schools Student Work

11 Expression Web for High Schools Student Work

12 Expression Web for High Schools Student Work

13 Expression Web for High Schools Student Work

Time for Demos

15 Free Curriculum Units & Tutorials Quick Start Beaches Around the World A 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 World Expand by adding custom interactive buttons, interactive content areas, centered web pages, and new backgrounds. expression.microsoft.com/education

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.

17 Semester-Long Curriculum Unit Introduction to Web Design Using Microsoft Expression Studio Full Semester Standards based Created by teachers; tested by students Thoroughly spans Web design concepts and skills Modular design Revised with feedback from 100 educators Project-based learning Career skills development Valuable in many courses: CS, media, business, technology, communications, science & math

18 Topics in the Semester Curriculum HTML Basics 1 WeeksThe History and Future of the Web 2 Weeks Designing for Communication2 Weeks Working with Images and Media3 Weeks Beyond the Basics w/ Expression Web2 Weeks The Design Process3 Weeks The Production Process 3 Weeks Web Publishing and Maintenance2 Weeks

19 Web Design Teaching & Learning Materials Lesson Plans Everything needed to teach a comprehensive Web design course using Expression Studio Tutorials Supporting TextAssessment Tools Student ActivitiesEnrichment Activities Materials appropriate as for high school, upper middle school, and introductory college levels. expression.microsoft.com/education

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."

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, *Offer good only for public & private secondary schools (accredited by US Dept. of Education. ) Limit one subscription per school. Please ask for additional info.

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

Expression Web for High Schools 23 DreamSpark for Students

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/cc aspx ** Expression Learning Resources: expression.microsoft.com/en-us/cc aspx **

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 **

Expression Web for High Schools 26 More Microsoft Technology XNA Game Studio – Build fun games for Windows, Xbox 360, and Zunes Visual Studio 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

27 Free Software and Resources! Request free MSDN AA subscription

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.