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 2: | Line 2: | ||
<hr /> | <hr /> | ||
<p>The grid below is from the ***<strong>[https://wiki.mozilla.org/Learning/WebLiteraciesWhitePaper Mozilla Web Literacies White Paper]</strong>*** <em>work in progress</em> where we discuss the skills, competencies and literacies needed to not only consume but help <em>make</em> the web!</p> | <p>The grid below is from the ***<strong>[https://wiki.mozilla.org/Learning/WebLiteraciesWhitePaper Mozilla Web Literacies White Paper]</strong>*** <em>(a work in progress)</em> where we discuss the skills, competencies and literacies needed to not only consume but help <em>make</em> the web!</p> | ||
<ul> | <ul> | ||
<li><strong>Short URL for sharing:</strong> [http://mzl.la/weblit http://mzl.la/weblit]</li> | <li><strong>Short URL for sharing:</strong> [http://mzl.la/weblit http://mzl.la/weblit]</li> | ||
| Line 21: | Line 21: | ||
<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:#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:#3B8CC3;border: 1px solid black;text-align:center;padding:10px 20px;"><strong>[https://wiki.mozilla.org/Learning/WebLiteracies/Beginner/Creating/HTMLBasic 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:#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> | <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> | ||
Revision as of 12:16, 19 November 2012
BADGES! (we now have our first iteration of Webmaker badges)
The grid below is from the ***Mozilla Web Literacies White Paper*** (a work in progress) where we discuss the skills, competencies and literacies needed to not only consume but help make the web!
- Short URL for sharing: http://mzl.la/weblit
- Hashtag for Twitter discussion: #mozweblit
- Slide-sized versions of the grid: Beginner / Intermediate
| 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) |