Transcript Document
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).”
Guidelines for teachers: skills & attitudes
National Educational Technology Standards (NETS)
Maryland Teacher Technology Standards (MTTS)
Demonstrate standards alignment in PTE and
portfolio
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.
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.
Web Design Guidelines:
User-centered design
Who is your audience?
Good structure and organization
Clear, consistent, and easy navigation
Simple, clean design
Readability:
Professional
Proofread!
be wary of color choices!
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
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
Check your site
http://tiger.towson.edu/~username/portfolio/
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