1 / 12

Teaching Web Design to High School Students

Teaching Web Design to High School Students. What to Teach Students How to Teach it Sample Projects Audience Sharing Questions and Answers. What to Teach. The foundation of Web Design is HTML (Hypertext Markup Language). Web Page Construction Software DreamWeaver FrontPage

Download Presentation

Teaching Web Design to High School Students

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Teaching Web Design to High School Students • What to Teach Students • How to Teach it • Sample Projects • Audience Sharing • Questions and Answers Teaching Web Design to High School Students

  2. What to Teach • The foundation of Web Design is HTML (Hypertext Markup Language). • Web Page Construction Software • DreamWeaver • FrontPage • Graphic Design Tools • Adobe Photoshop • Adobe Illustrator • Flash • Programming • Javascript (Dynamic Web Design) Teaching Web Design to High School Students

  3. How to Teach Web Design • Instruction – Educate the students through notes and examples • Application - Have the students demonstrate their comprehension through independent guided assignments • Expression – Let the students express their creativity and passion for Web Design through structured projects. Teaching Web Design to High School Students

  4. How to Teach Web Design • DO NOT MAKE STUDENTS MEMORIZE CODE!!!!! • It is important that students understand the meaning of the code, and understand how to use the code. • HOWEVER, making the students memorize code will frustrate them and often make them feel negatively towards Web Design. Teaching Web Design to High School Students

  5. Instructional Tool:Code Busters The Code Buster is an instructional tool to help students analyze code. A large part of Web Design is being able to “de-bug” errors in your code. By using Code Busters on a regular basis, students will learn how to independently analyze and fix the problems in their code. Code Busters will also help reinforce the students’ understanding of HTML Teaching Web Design to High School Students

  6. Sample ProjectsPersonal Profile • In the age of Myspace.com and Facebook.com one project idea that really captures student interest is creating a Personal Profile. Personal Profile Teaching Web Design to High School Students

  7. Sample ProjectsClass Schedule • Have the students turn their class schedule into a list using HTML. This is a great project to introduce to the students at the beginning of the year while their still trying to learn their schedule. Teaching Web Design to High School Students

  8. Frames Project Students design their own “Resource Center” for courses they are enrolled in. These stay on the server for use in the library! Teaching Web Design to High School Students

  9. Table Project Students design a schedule using a calendar. They may use a team schedule, band concert schedule Must contain links to other pages. Teaching Web Design to High School Students

  10. Audience Sharing Look for these projects online at www.btanys.org Teaching Web Design to High School Students

  11. Questions? and Gifts Teaching Web Design to High School Students

  12. Thank You! • Contact information: • Fort Plain High School • Kathie DeKalb (kdekalb@fortplain.org) • Nicole Weimer (nweimer@midtel.net) Teaching Web Design to High School Students

More Related