Childrens Literature and Literacy

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
<html>
<h2>
  Language of Design
  </h2>
<div class="cards">
  
    <div class="card-body">
      <h2 class="card-front">
        Background
      </h2>

      <p class="card-back">
        The over all scene behind a subject.
      <br >
        <img src="https://cdn.glitch.com/ed7d7413-aab6-4cd4-87fc-4b997127a051%2F3549142_orig.jpg?v=1595519035937"><br >
        The clouds are in the background
      </p>
    </div>
  
 
    <div class="card-body">
      <h2 class="card-front">
        Foreground
      </h2>

      <p class="card-back">
        The scene in front of the subject
      <br >
        <img src="https://static.photocdn.pt/images/articles/2017/10/31/articles/2017_8/iStock-846199390-min.jpg" alt="lighthouse on rocky coast"><br >
        The rocky landscape in front of the lighthouse is the foreground
      </p>
    </div>
  

 
    <div class="card-body">
      <h2 class="card-front">
        Subject
      </h2>

      <p class="card-back">
        The focus, or main point of a piece of art.<br>
        <img src="https://picturecorrect-wpengine.netdna-ssl.com/wp-content/uploads/2016/07/how-to-emphasize-photo-subject.gif" alt="cactus with sun behind"><br>
        The cactus is the subject of the photo.
      </p>
    </div>
  
 
    <div class="card-body">
      <h2 class="card-front">
   Framing
      </h2>
</html>
{{:39811256860_03b47e2340_c.jpg?400|}}
<html>
      <p class="card-back">
            Framing is a technique to draw attention to the subject by having other objects create a "box" or "walls".<br>
            
  
       The photographer is framing the church with the trees
      </p>
    </div>
  
 
    <div class="card-body">
      <h2 class="card-front">
        Signal Words
      </h2>

      <p class="card-back">
        Signal words tell the audience you are changing subjects
        <img src="https://www.lexialearning.com/sites/default/files/signal%20words.png" alt="List of Common Signal Words">
      </p>
    </div>

 
    <div class="card-body">
      <h2 class="card-front">
        Tips for Artists
      </h2>

      <ul class="card-back">
       <li>Plan out your stories</li>
        <li>Match your prewriting strategy to your media</li>
        <li>Consider how foreground and background influence your subject</li>
        <li>Use common transition patterns. In both media and writing, make the signals clear to the audience</li>
        <li>Have a color pallet for transitions and headers</li>
        <li>If using slides have transition slides and use common layout</li>
        <li>Break the above rules when it improves design</li>
      </ul>
    </div>
 
  
    <div class="card-body">
      <h2 class="card-front">
        Tips for Parents
      </h2>

      <ul class="card-back">
       <li>Pause the DVR discuss foreground, background, and subject</li>
        <li>Go on a trip to a museum or museum website together</li>
        <li>Look through family photos and find the foreground and background</li>
       
      </ul>
    </div>

</div>
  <h2>
 Language of Designing Design
  </h2>
<div class="cards">
  

    <div class="card-body">
      <h2 class="card-front">
        Storyboard
      </h2>

      <p class="card-back">
        The graphic organizer artist use to make media like movies and podcasts<br>
        <img src="https://upload.wikimedia.org/wikipedia/commons/d/d0/Storyboard_for_The_Radio_Adventures_of_Dr._Floyd.jpg"><br>
        The storyboard has areas for action, dialogue, and details.
      </p>
    </div>

    <div class="card-body">
      <h2 class="card-front">
        Transitions
      </h2>

      <p class="card-back">
        A design or writing choice designed to indicate the changing of subjects or details<br>
        In writing we use specific signal words as transitions. All media uses this type of text structure
        <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br>
       Star Wars uses a lot of "wipes" as a transition. 
      </p>
    </div>
 
 
    <div class="card-body">
      <h2 class="card-front">
        Out of Panel
      </h2>

      <p class="card-back">
       Out of panel means action that occurs to characters the audience does not see. An artist needs to help explain out of panel action
      <br >
        <img src="https://media1.fdncms.com/chronogram/imager/u/original/8993620/guide_rr-pollak---flash-gordon.jpg" alt="scene from flash gordon comic"><br >
        Artists use dialogue in comics to explain action that occurred out of panel
      </p>
    </div>


    <div class="card-body">
      <h2 class="card-front">
        Dialogue
      </h2>

      <p class="card-back">
        The conversations between characters or subjects in a story
      <br >
        <img src="http://www.cmpartners.com/wp-content/uploads/2018/02/dialogue_header.jpg" alt="silohuettes with "><br >
        Characters can have internal, talking to themselves, or external, talking to other, dialogue.
      </p>
    </div>



    <div class="card-body">
      <h2 class="card-front">
        Asset
      </h2>

      <p class="card-back">
        An asset is a short media clip or image used in a project<br>
        <img src="https://picturecorrect-wpengine.netdna-ssl.com/wp-content/uploads/2016/07/how-to-emphasize-photo-subject.gif" alt="cactus with sun behind"><br>
        The cactus is the subject of the photo.
      </p>
    </div>
 

    <div class="card-body">
      <h2 class="card-front">
        Transitions
      </h2>

      <p class="card-back">
        A design or writing choice designed to indicate the changing of subjects or details<br>
        In writing we use specific signal words as transitions. All media uses this type of text structure
        <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br>
       Star Wars uses a lot of "wipes" as a transition. 
      </p>
    </div>

   
    <div class="card-body">
      <h2 class="card-front">
        Audio
      </h2>

      <p class="card-back">
        Audio, or sound derives from the Greek word audire, which comes from the ancient Proto Indian European language word of "au" to perceive. 
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/68/The_Elements_of_Sound_jpg.jpg" alt="List of Common Signal Words">The machine displayed the sound waves of the audio track
      </p>
    </div>


    <div class="card-body">
      <h2 class="card-front">
        Tips for Artists
      </h2>

      <ul class="card-back">
       <li>Create storyboard</li>
        <li>125 words is about a minute of dialogue</li>
        <li>You can use voiceover to give characters internal dialogues</li>
      </ul>
    </div>


    <div class="card-body">
      <h2 class="card-front">
        Tips for Parents
      </h2>

      <ul class="card-back">
       <li>Pause the DVR discuss transitions</li>
        <li>Play with the online etymology dictionary together</li>
        <li>Create a family  interview time capsule</li>
       
      </ul>
    </div>
 
</div>
  <h2>
  Language of Designing Meaning
  </h2>
<div class="cards">
  

    <div class="card-body">
      <h2 class="card-front">
        Intro and Outro
      </h2>

      <p class="card-back">
        The beginning, intro, and the end, outro of media often has a theme song or common announcement<br>
        <img src="https://www.thepodcasthost.com/wp-content/uploads/2019/11/Best_Health_Podcasts-illustration.jpg"><br>
        The intro and outro help you grow your audience by "branding" your media
      </p>
    </div>


    <div class="card-body">
      <h2 class="card-front">
        Integrate
      </h2>

      <p class="card-back">
        To combine parts together in a whole; to bring disparate people; some usually facing oppression, together.
        <img src="https://s3.amazonaws.com/pbblogassets/uploads/2016/03/Wipes-from-Star-Wars.gif" alt="wipe transition example from Star Wars"><br>
       We use graphic organizers and notes to integrate ideas with our prior knowledge. People use storytelling to integrate culture and identity into identity and culture.
      </p>
    </div>

 
    <div class="card-body">
      <h2 class="card-front">
        Clarify
      </h2>

      <p class="card-back">
       To make a solution, like dirty water, more clear; make a statement less confusing
      <br >
        <img src="https://ecdn.teacherspayteachers.com/thumbitem/Monitor-and-Clarify-Worksheets-and-Poster-1187566-1500875396/original-1187566-1.jpg" alt="picutre with clarifying strategies of re-read and checking context"><br >
        A good podcast can clarify confusing topics for the audience
      </p>
    </div>
 

    <div class="card-body">
      <h2 class="card-front">
        Relevancy
      </h2>

      <p class="card-back">
        a appropriate connected or "on topic" a subject is to yoru goal
      <br >
        <img src="https://studio.eku.edu/sites/studio.eku.edu/files/_thumbs/Images/evalinfojpeg_2(1).jpg" alt="poster of evaluation techniques"><br >
        When you evaluate the relevancy of a website you ask "How useful is this to me?"
      </p>
    </div>
 


    <div class="card-body">
      <h2 class="card-front">
     Emphasize
      </h2>

      <p class="card-back">
       To make something important or to stress the point<br>
        <img src="https://thesaurus.plus/img/antonyms/167/emphasize.png" alt="ctwo birds listing emphasize antonyms"><br>
        We use bold fonts to emphasize key words in writing 
      </p>
    </div>

  
  
    <div class="card-body">
      <h2 class="card-front">
       Salient
      </h2>

      <p class="card-back">
        The most noteable or important point
        <img src="https://uvocorp-com-static3.netdna-ssl.com/freelancewriting/wp-content/uploads/2012/08/Salient-features-process-of-creative-writing.png" alt="pencil with light bulb on top"><br>A good podcast breaks an issue down into a few salient points
      </p>
    </div>

 
    <div class="card-body">
      <h2 class="card-front">
        Tips for Artists
      </h2>

      <ul class="card-back">
       <li>write with your senses to add relevancy</li>
        <li>Evaluate the relevancy of search results</li>
        <li>Use storyboards and scripts to focus on salient points</li>
      </ul>
    </div>

 
    <div class="card-body">
      <h2 class="card-front">
        Tips for Parents
      </h2>

      <ul class="card-back">
       <li>Listen to a podcast with your child. Identify the salient points</li>
        <li>Use these words throughout camp. Ask questions like what was relevant at camp? What was the salient point?</li>
        <li>Enjoy your kids work</li>
       
      </ul>
    </div>
 
</div>
</html>