ISTC 301 Standards Web Design & Development

Teaching with Tech Standards “The digital-age teaching professional must demonstrate a vision of technology infusion and develop the technology skills of others. These are the hallmarks of the new education leader (Knezek, 2008).” Guidelines for teachers & school library media specialists: skills & attitudes  National Educational Technology Standards (NETS)  Maryland Teacher Technology Standards (MTTS)  American Library Association/American Association of School Librarians (ALA/AASL) Demonstrate standards alignment in portfolio

Standards Group Activity In your group, compare and contrast the NETS, MTTS, and ALA/AALS. What are the areas of overlap? What are the differences? In your group, choose a standard to present and share an example activity that may be implemented in the classroom as evidence of meeting the standard. Be specific about the pedagogical goal and the technology used to address it.

Online Portfolio Project Checklist Content (see below) - 25 points Web design (readable, professional, navigable, correct grammar and spelling) - 5 points A complete online portfolio should include a page for each of the following components:  An introduction page with name, professional info, and picture (examples here and here)  Inspiration web  Research paper summary  Instructional design project (summary and learning journal)  Blogging & Web 2.0 (link to your choice of blog post)  Digital storytelling (picture of storyboard and link to video)  Final project (technology product, paper, presentation)  Reflection: review and reflect upon the views on classroom technology use blog post that you wrote at the beginning of the semester. For each of these components (aside from the introduction page), you must demonstrate alignment with the ALA/AASL, MTTS, and NETS standards. Choose one standard and outcome from the MTTS, ALA/AASL, and NETS, and briefly discuss how you see your work on the project as being representative of the outcome prescribed within the standard.

Before you start: Planning What are your goals? Know your audience Design critique Content inventory (Lynch & Horton, 2002)

Web Design Guidelines: User-centered design

Web Page Development Naming conventions  Folder name & document name must have NO spaces, punctuation, funny characters like Create root portfolio folder  Everything for website goes in folder! Create home web page  Save as index.html  Name, professional info, and picture Create a project page  Save as inspiration.html  Inspiration web (.gif) and standards alignment statement

Web Page Development Text Images .jpg &.gif only  Clip art  From file  Resize Colors o Background, text, and links Links  External  Internal: link to inspiration.html & create consistent navigation within site

Web Page Development Using tables for layout & design Preview in browser Publishing your site: Save portfolio folder into WWW folder  H: drive/Web Disk 

Online Portfolio Development Create a new page for each portfolio component (i.e., inspiration.html) - see rubric for list of components. Save into portfolio folder! Update internal navigation as you go so that users can find their way around your site Document version management  Download documents from Web Disk to work on personal computer  Make sure the most recent version of your site makes it back into your WWW folder on Web Disk