|
|
| (23 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| <p><strong>Short URL for sharing: [http://mzl.la/weblit http://mzl.la/weblit]</strong></p>
| | #REDIRECT [[Learning/WebLiteracyStandard/Legacy]] |
| | |
| <p>The grid below is from the <strong>[https://wiki.mozilla.org/Learning/WebLiteraciesWhitePaper Mozilla Web Literacies White Paper]</strong> where we discuss the skills, competencies and literacies needed to not only consume but help <em>make</em> the web!</p>
| |
| | |
| <p><strong>Hashtag for Twitter discussion: [https://twitter.com/search/realtime?q=%23mozweblit&src=typd #mozweblit]</strong></p>
| |
| | |
| <table style="border-collapse:collapse;width:100%;border: 1px solid black;color:white;">
| |
| <tr>
| |
| <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="background-color:#3B8CC3;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>CREATING</strong></td>
| |
| <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="background-color:#4EA499;border: 1px solid black;text-align:center;padding:20px 0;font-size:1.5em;"><strong>PROTECTING</strong></td>
| |
| </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>
| |
| <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="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="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>
| |
| </tr>
| |
| <tr>
| |
| <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="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="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>
| |
| </tr>
| |
| <tr>
| |
| <td style="background-color:#072C3C;text-align:center;color:white;padding:50px 0;font-size:2em;" colspan="4"><strong>INTERMEDIATE</strong></td>
| |
| </tr>
| |
| <tr>
| |
| <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="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="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>
| |
| </tr>
| |
| <tr>
| |
| <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="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="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>
| |
| </tr>
| |
| <tr>
| |
| <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="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="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>
| |
| </tr>
| |
| </table>
| |