1 / 9

Standards Web Design & Development

Standards Web Design & Development. ISTC 301. 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).”

keala
Download Presentation

Standards Web Design & Development

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. StandardsWeb Design & Development ISTC 301

  2. 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: skills & attitudes • National Educational Technology Standards (NETS) • Maryland Teacher Technology Standards (MTTS) • Demonstrate standards alignment in PTE and portfolio

  3. MTTS Group Activity • Review your groups’ assigned standard, then present the standard 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.

  4. Online Portfolio Project Rubric • Content (see below) - 60 points • Web design (readable, professional, navigable, correct grammar and spelling) - 10 points • A complete online portfolio should include a page for each of the following components (60 points): • An introduction page with name, professional info, and picture (examples here and here) • Inspiration web • Summary of and link to learning theories project • Content software evaluation project (summary of findings; links to BCPS rubric and PowerPoint presentation) • Assistive technology screenshot of alt tag in SharePoint • Blogging & Web 2.0 (screenshot of blog post and link to blog post) • Digital storytelling (brief description of story; picture from story; screenshot of video) • Practical teaching experience (links to lesson plan, presentation, reflection) • Reflection: review and reflect upon the views on classroom technology use blog post that you wrote at the beginning of the semester. • In addition, for each of these components you must identify one or two of the MTTS and briefly discuss how you see your work (both your thinking, and the product) on the project as being representative of the outcome prescribed within the standard.

  5. Web Design Guidelines: User-centered design • Who is your audience? • Good structure and organization • Clear, consistent, and easy navigation • Simple, clean design • Readability: be wary of color choices! • Professional • Proofread!

  6. Web Page Development with SharePoint • Create root portfolio folder • Everything for website goes in folder! • Connect to WWW folder on Tiger • \\tiger\yourusername\WWW • Naming conventions • Folder name & document name must have NO spaces, punctuation, funny characters like *$%@´~` • Create home page • Save as index.html • Name, professional info, and picture

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

  8. Web Page Development • Using tables for layout & design • Preview in browser • Check your site • http://tiger.towson.edu/~username/portfolio/

  9. 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 • See wiki for project details

More Related