Webmaker/WebLiteracyMap/Building: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with "__NOTOC__ == Building == ''Creating for the Web'' === Composing for the Web === ''Creating and curating content for the Web'' * Inserting hyperlinks into a Web page * Embedd...")
 
No edit summary
 
Line 1: Line 1:
__NOTOC__
__NOTOC__
== Building ==
== Building ==
''Creating for the Web''
''Writing the web''




=== Composing for the Web ===
=== Composing for the Web ===
''Creating and curating content for the Web''
''Creating and curating content for the Web''
* Inserting hyperlinks into a Web page
* Inserting hyperlinks into a web page
* Embedding multimedia content into a Web page
* Creating Web resources in ways appropriate to the medium/genre
* Identifying and using HTML tags
* Identifying and using HTML tags
* Structuring a Web page
* Embedding multimedia content into a web page
* Creating web resources in ways appropriate to the medium/genre
* Setting up and controlling a space to publish on the Web
 




=== Remixing ===
=== Remixing ===
''Modifying existing Web resources to create something new''
''Modifying existing Web resources to create something new''
* Identifying and using openly-licensed work
* Identifying remixable content
* Combining multimedia resources
* Combining multimedia resources to create something new on the web
* Creating something new on the Web using existing resources
* Shifting context and meaning by creating derivative content
* Citing and referencing original content
 




=== Design & accessibility ===
=== Designing for the Web ===
''Creating universally effective communications through Web resources''
''Enhancing visual aesthetics and user experiences''
* Identifying the different parts of a Web page using industry-recognized terms
* Using CSS properties to change the style and layout of a Web page
* Improving the accessibility of a Web page by modifying its color scheme and markup
* Iterating on a design after feedback from a target audience
* Reorganizing the structure of a Web page to improve its hierarchy conceptual flow
* Demonstrating the difference between inline, embedded and external CSS
* Demonstrating the difference between inline, embedded and external CSS
* Using CSS tags to change the style and layout of a Web page
* Improving user experiences through feedback and iteration
* Creating device-agnostic web resources
 




=== Coding/scripting ===
=== Coding/scripting ===
''Creating interactive experiences on the Web''
''Creating interactive experiences on the web''
* Explaining the differences between client-side and server-side scripting
* Composing working loops and arrays
* Reading and explaining the structure of code
* Reading and explaining the structure of code
* Using a script framework
* Identifying and applying common coding patterns and concepts
* Adding code comments for clarification and attribution
* Adding comments to code for clarification and attribution
* Applying a script framework
* Querying a web service using an API
 




=== Infrastructure ===
=== Accessibility ===
''Understanding the Internet stack''
''Communicating in a universally-recognisable way''
* Understanding and labeling the Web stack
* Using empathy and awareness to inform the design of web content that is accessible to all users
* Explaining the differences between the Web and the Internet
* Designing for different cultures which may have different interpretations of design elements
* Exporting and backing up your data from Web services
* Comparing and exploring how different interfaces impact diverse users
* Moving the place(s) where your data is hosted on the Web
* Improving the accessibility of a web page through the design of its color scheme, structure/hierarchy and markup
* Securing your data against malware and computer criminals
* Comparing and contrasting how different interfaces impact diverse web users

Latest revision as of 13:57, 8 April 2015

Building

Writing the web


Composing for the Web

Creating and curating content for the Web

  • Inserting hyperlinks into a web page
  • Identifying and using HTML tags
  • Embedding multimedia content into a web page
  • Creating web resources in ways appropriate to the medium/genre
  • Setting up and controlling a space to publish on the Web


Remixing

Modifying existing Web resources to create something new

  • Identifying remixable content
  • Combining multimedia resources to create something new on the web
  • Shifting context and meaning by creating derivative content
  • Citing and referencing original content


Designing for the Web

Enhancing visual aesthetics and user experiences

  • Using CSS properties to change the style and layout of a Web page
  • Demonstrating the difference between inline, embedded and external CSS
  • Improving user experiences through feedback and iteration
  • Creating device-agnostic web resources


Coding/scripting

Creating interactive experiences on the web

  • Reading and explaining the structure of code
  • Identifying and applying common coding patterns and concepts
  • Adding comments to code for clarification and attribution
  • Applying a script framework
  • Querying a web service using an API


Accessibility

Communicating in a universally-recognisable way

  • Using empathy and awareness to inform the design of web content that is accessible to all users
  • Designing for different cultures which may have different interpretations of design elements
  • Comparing and exploring how different interfaces impact diverse users
  • Improving the accessibility of a web page through the design of its color scheme, structure/hierarchy and markup
  • Comparing and contrasting how different interfaces impact diverse web users