Learning/WebLiteracies: Difference between revisions
< Learning
Jump to navigation
Jump to search
Dajbelshaw (talk | contribs) No edit summary |
Dajbelshaw (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<table style="border-collapse:collapse;width:100%;"> | <table style="border-collapse:collapse;width:100%;border: 1px solid black;color:white;"> | ||
<tr style="background-color:black;"> | <tr> | ||
<td></td> | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>EXPLORING</strong></td> | ||
<td style="color: | <td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>CREATING</strong></td> | ||
<td style="color: | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>CONNECTING</strong></td> | ||
<td style="color: | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>PROTECTING</strong></td> | ||
<td style="color: | </tr> | ||
<tr> | |||
<td style="background-color:#072C3C;text-align:center;padding:50px 0;font-size:2em;" colspan="4"><strong>BEGINNER</strong></td> | |||
</tr> | |||
<tr> | |||
<td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Browser basics</strong><br><em>(e.g. URLs, copy/paste)</em></td> | |||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>HTML basics</strong><br><em>(e.g. adding images, linking)</em></td> | |||
<td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Participation</strong><br><em>(e.g. etiquette, curation)</em></td> | |||
<td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Privacy</strong><br><em>(e.g. cookies, privacy controls)</em></td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Search engine basics</strong><br><em>(e.g. keyword search, filtering)</em></td> | ||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>CSS basics</strong><br><em>(e.g. fonts, positioning)</em></td> | |||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Collaboration</strong><br><em>(e.g. co-creation, wikis)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Security basics</strong><br><em>(e.g. HTTPS, password management)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Web mechanics</strong><br><em>(e.g. view source, hyperlinks)</em></td> | ||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Web design basics</strong><br><em>(e.g. affordances of the web, designing for audiences)</em></td> | |||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Sharing</strong><br><em>(e.g. social networks, embedding)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Rights online</strong><br><em>(e.g. copyright, open licensing)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#072C3C;text-align:center;color:white;padding:50px 0;font-size:2em;" colspan="4"><strong>INTERMEDIATE</strong></td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Browser skills</strong><br><em>(e.g. cookie management, add-ons)</em></td> | ||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Javascript basics</strong><br><em>(e.g. programming basics, javascript syntax)</em></td> | |||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Javascript basics</strong><br><em>(e.g. programming basics, javascript syntax)</em></td> | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Contributing to web communities</strong><br><em>(e.g. distributed working, collaborative curation)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Contributing to web communities</strong><br><em>(e.g. distributed working, collaborative curation)</em></td> | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Identity</strong><br><em>(e.g. personal information curation, tracking management)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Identity</strong><br><em>(e.g. personal information curation, tracking management)</em></td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Credibility</strong><br><em>(e.g. trustworthiness of websites, evaluating information)</em></td> | ||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Advanced web design</strong><br><em>(e.g. responsive design, accessibility)</em></td> | |||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Advanced web design</strong><br><em>(e.g. responsive design, accessibility)</em></td> | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Storytelling</strong><br><em>(e.g. multimedia, augmentation)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Storytelling</strong><br><em>(e.g. multimedia, augmentation)</em></td> | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Security & encryption</strong><br><em>(e.g. data protection, basic encryption)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Security & encryption</strong><br><em>(e.g. data protection, basic encryption)</em></td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background-color: | <td style="background-color:#E13D3B;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Remixing</strong><br><em>(e.g. mashups, hackable games)</em></td> | ||
<td style="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Infrastructure</strong><br><em>(e.g. hosting, domains)</em></td> | |||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Infrastructure</strong><br><em>(e.g. hosting, domains)</em></td> | <td style="background-color:#F1A51E;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Open practices</strong><br><em>(e.g. open standards, open source)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Open practices</strong><br><em>(e.g. open standards, open source)</em></td> | <td style="background-color:#4EA499;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Legalese on the web</strong><br><em>(e.g. privacy policies, terms of service agreements)</em></td> | ||
<td style="border: 1px solid black;text-align:center;padding:10px 20px;"><strong>Legalese on the web</strong><br><em>(e.g. privacy policies, terms of service agreements)</em></td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
<p style="padding-top:50px;">Link to [https://wiki.mozilla.org/Learning/WebLiteraciesWhitePaper Web Literacies White Paper]</p> | <p style="padding-top:50px;">Link to [https://wiki.mozilla.org/Learning/WebLiteraciesWhitePaper Web Literacies White Paper]</p> | ||
Revision as of 15:43, 25 October 2012
| EXPLORING | CREATING | CONNECTING | PROTECTING |
| BEGINNER | |||
| Browser basics (e.g. URLs, copy/paste) |
HTML basics (e.g. adding images, linking) |
Participation (e.g. etiquette, curation) |
Privacy (e.g. cookies, privacy controls) |
| Search engine basics (e.g. keyword search, filtering) |
CSS basics (e.g. fonts, positioning) |
Collaboration (e.g. co-creation, wikis) |
Security basics (e.g. HTTPS, password management) |
| Web mechanics (e.g. view source, hyperlinks) |
Web design basics (e.g. affordances of the web, designing for audiences) |
Sharing (e.g. social networks, embedding) |
Rights online (e.g. copyright, open licensing) |
| INTERMEDIATE | |||
| Browser skills (e.g. cookie management, add-ons) |
Javascript basics (e.g. programming basics, javascript syntax) |
Contributing to web communities (e.g. distributed working, collaborative curation) |
Identity (e.g. personal information curation, tracking management) |
| Credibility (e.g. trustworthiness of websites, evaluating information) |
Advanced web design (e.g. responsive design, accessibility) |
Storytelling (e.g. multimedia, augmentation) |
Security & encryption (e.g. data protection, basic encryption) |
| Remixing (e.g. mashups, hackable games) |
Infrastructure (e.g. hosting, domains) |
Open practices (e.g. open standards, open source) |
Legalese on the web (e.g. privacy policies, terms of service agreements) |
Link to Web Literacies White Paper