​Web Composing: Concepts, Skills, & Applied Uses


Basics

See also: What's a Webpage?

Concepts

  • What's a webpage?
  • HTML: HyperText Markup Language (only the characters matter)
  • Tags
  • Editor
  • Server
  • Browser
  • Files and folders
  • Relative addresses

Skills

  • Choosing an editor (e.g. Dreamweaver)
  • WYSIWYG: What You See It What You Get
  • Basic tags
    • <title> <p> <br> <strong> <i> <a href="http//">
  • Closing tags
    • </title> </p> </strong> </i> </a>
  • Local vs. server (e.g. opening local files)
  • FTP: File Transfer Protocol
  • View: Source
  • Testing and bug checking
  • Getting help

Applied Uses

  • HTML or Smart Text in forums
  • Home page

Concepts

  • Images
  • Interface
  • Accessibility
  • Intellectual property
  • Learning by experimenting

Skills

  • Images
  • Style and aesthetics
  • Advanced tags
    • <img src=""> <h1> <a name=""> <ul> <li> <table> <tr> <td>
  • Don't forget to close tags
    • </h1> </a> </ul> </li> </table> </tr> </td>
  • Creating for re-use
  • Creating for easy management
  • Mindful Web surfing (discover what you like)
  • Cut, paste, and adapt code
  • Getting feedback
  • Don't get stuck in details

Applied Uses

  • Personal Web site
  • Blog
  • Course management software (e.g. Angel)

Expert

See also: Expert Stuff

Concepts

  • Site management
  • Frames
  • Cascading Style Sheets (CSS)
  • Database-driven Web site
  • Open source software

Skills

  • ASP, Javascript, PHP, Perl, Python, XML
  • Database-driven sites
  • Wiki, PostNuke, and other site-wide solutions
  • Joining communities (e.g. Web rings)

Applied Uses

  • Class site
  • Professional Web design (remember, this is a real profession now)
  • Department or community sites
 

 Links

 
  
Portfolio Resources
Live Help
ePortfolio (D2L)
SOE Tutorials & Advice
UWSP Tutorials & Advice
Templates
Performance Tasks
Artifact Cover Page
Summative Evaluation
Software
About SOE Portfolios
Version Tracking
Wisconsin Content Standard