API tools faq
paste
Advertisement
kguak

week7-flip

kguak
Nov 19th, 2019
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <title>Content Page</title>
  9.     <link rel="stylesheet" href="https://e.centennialcollege.ca/content/enforced/473194-cmpw708.dev/ecentennial.css">
  10.     <link rel="stylesheet" href="https://e.centennialcollege.ca/content/enforced/473194-cmpw708.dev/font-awesome.css">
  11.     <!-- Font Awesome -->
  12.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
  13.     <!-- Bootstrap core CSS -->
  14.     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
  15.     <!-- Material Design Bootstrap -->
  16.     <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.10/css/mdb.min.css" rel="stylesheet">
  17.     <style>
  18.         /* .flip-card {
  19.             background-color: transparent;
  20.             width: 25rem;
  21.             height: 80px;
  22.             perspective: 1000px;
  23.         } */
  24.  
  25.         .flip-card {
  26.             height: 7.5rem
  27.         }
  28.  
  29.         .flip-card-inner {
  30.             position: relative;
  31.             width: 100%;
  32.             height: 100%;
  33.             text-align: center;
  34.             transition: transform 0.6s;
  35.             transform-style: preserve-3d;
  36.             box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  37.         }
  38.  
  39.         .flip-card:hover .flip-card-inner {
  40.             transform: rotateY(180deg);
  41.         }
  42.  
  43.         .flip-card-front,
  44.         .flip-card-back {
  45.             position: absolute;
  46.             width: 100%;
  47.             height: 100%;
  48.             backface-visibility: hidden;
  49.         }
  50.  
  51.         .flip-card-front {
  52.             padding-top: 14%;
  53.         }
  54.  
  55.         .flip-card-back {
  56.             background-color: #454546;
  57.             /* color: white; */
  58.             transform: rotateY(180deg);
  59.             margin: auto;
  60.             height: 7.5rem
  61.         }
  62.     </style>
  63. </head>
  64.  
  65. <body>
  66.     <h2 class="h2">Types of editing</h2>
  67.     <div class="container mt-3 mb-5">
  68.         <p class="lead">From IP Ed., the Institute of Professional Editors, Limited:</p>
  69.         <p>The tasks that an editor performs can be grouped broadly into three levels: substantive editing, copyediting
  70.             and proofreading. A comprehensive edit involves all three levels of edit.</p>
  71.         <!-- Card deck -->
  72.         <div class="card-deck">
  73.             <!-- Card -->
  74.             <div class="card mb-5">
  75.                 <!--Card content-->
  76.                 <div class="card-body">
  77.                     <!--Title-->
  78.                     <h4 class="card-title">Substantive</h4>
  79.                     <!--Text-->
  80.                     <p class="card-text">Substantive editing (sometimes called structural or content editing) aims to
  81.                         ensure that the structure, content, language, style and presentation of the document are
  82.                         suitable for its intended purpose and readership.</p>
  83.                 </div>
  84.             </div>
  85.             <!-- Card -->
  86.             <!-- Card -->
  87.             <div class="card mb-5">
  88.                 <!--Card content-->
  89.                 <div class="card-body">
  90.                     <!--Title-->
  91.                     <h4 class="card-title">Copyediting</h4>
  92.                     <!--Text-->
  93.                     <p class="card-text">Copyediting aims to achieve accuracy, clarity and consistency in a document. It
  94.                         does not involve significant rewriting, providing a single authorial voice or tailoring text to
  95.                         a specific audience &ndash; these belong to a substantive edit</p>
  96.                 </div>
  97.             </div>
  98.             <!-- Card -->
  99.             <!-- Card -->
  100.             <div class="card mb-5">
  101.                 <!--Card content-->
  102.                 <div class="card-body">
  103.                     <!--Title-->
  104.                     <h4 class="card-title">Proofreading</h4>
  105.                     <!--Text-->
  106.                     <p class="card-text">Proofreading (usually called this but sometimes known as verification editing)
  107.                         involves checking that the document is ready to be published. It includes making sure that all
  108.                         elements of the document are included and in the proper order, all amendments have been
  109.                         inserted, the house or other set style has been followed, and all spelling or punctuation errors
  110.                         have been deleted.</p>
  111.                 </div>
  112.             </div>
  113.             <!-- Card -->
  114.         </div>
  115.         <!-- Card deck -->
  116.         <p>All of these levels of edit are essential in producing a high-quality publication, whether on paper or
  117.             onscreen. They are performed at different times in the publication process and are not necessarily performed
  118.             only once. The three levels usually overlap to some degree; an editor hired to do a copyedit is quite likely
  119.             to also perform some of the tasks usually associated with a substantive edit. (IPEd)</p>
  120.     </div>
  121.     <h2 class="h2">Where to begin</h2>
  122.     <div class="container mt-3 mb-5">
  123.         <p class="lead">Whether editing another writer&rsquo;s work or your own, a substantive edit starts in a familiar
  124.             place: who is your audience and what are your goals? If editing your own work, revisit the audience and goal
  125.             analysis you developed at the beginning of your writing process. If you are writing someone else&rsquo;s
  126.             work, ask to see their analysis or have a brief conversation about it before you even begin to look at what
  127.             they&rsquo;ve done. Ensure you&rsquo;ve answered these questions before moving to the next steps:</p>
  128.  
  129.         <div class="container mt-5">
  130.             <div class="row">
  131.                 <div class="col-sm-4 mb-5">
  132.                     <div class="flip-card">
  133.                         <div class="flip-card-inner card">
  134.                             <div class="flip-card-front card card-body">
  135.                                 <div class="title">Question 1</div>
  136.  
  137.                             </div>
  138.                             <div class="flip-card-back black-text card-body">
  139.                                 <div class="white-text h5"><em>What is the purpose of the document?</em></div>
  140.                             </div>
  141.                         </div>
  142.                     </div>
  143.                 </div>
  144.                 <div class="col-sm-4 mb-5">
  145.                     <div class="flip-card">
  146.                         <div class="flip-card-inner card">
  147.                             <div class="flip-card-front card card-body">
  148.                                 <div class="title">Question 2</div>
  149.  
  150.                             </div>
  151.                             <div class="flip-card-back black-text card-body">
  152.                                 <div class="white-text h5"><em>Who will read it and why?</em></div>
  153.                             </div>
  154.                         </div>
  155.                     </div>
  156.                 </div>
  157.                 <div class="col-sm-4 mb-5">
  158.                     <div class="flip-card">
  159.                         <div class="flip-card-inner card">
  160.                             <div class="flip-card-front card card-body">
  161.                                 <div class="title">Question 3</div>
  162.  
  163.                             </div>
  164.                             <div class="flip-card-back black-text card-body">
  165.                                 <div class="white-text h5"><em>What should readers know or do as a result?
  166.                                     </em></div>
  167.                             </div>
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.                 <div class="col-sm-4 mb-5">
  172.                     <div class="flip-card">
  173.                         <div class="flip-card-inner card">
  174.                             <div class="flip-card-front card card-body">
  175.                                 <div class="title">Question 4</div>
  176.  
  177.                             </div>
  178.                             <div class="flip-card-back black-text card-body">
  179.                                 <div class="white-text h5"><em>How much do readers already know about the subject?
  180.  
  181.                                     </em></div>
  182.                             </div>
  183.                         </div>
  184.                     </div>
  185.  
  186.                 </div>
  187.                 <div class="col-sm-4 mb-5">
  188.                     <div class="flip-card">
  189.                         <div class="flip-card-inner card">
  190.                             <div class="flip-card-front card card-body">
  191.                                 <div class="title">Question 5</div>
  192.  
  193.                             </div>
  194.                             <div class="flip-card-back black-text card-body">
  195.                                 <div class="white-text h5"><em>In what circumstances will they read it?
  196.  
  197.                                     </em></div>
  198.                             </div>
  199.                         </div>
  200.                     </div>
  201.  
  202.                 </div>
  203.                 <div class="col-sm-4 mb-5">
  204.                     <div class="flip-card">
  205.                         <div class="flip-card-inner card">
  206.                             <div class="flip-card-front card card-body">
  207.                                 <div class="title">Question 6</div>
  208.  
  209.                             </div>
  210.                             <div class="flip-card-back black-text card-body">
  211.                                 <div class="white-text h5"><em>Will they read the document from start to finish or
  212.                                         select sections?
  213.  
  214.                                     </em></div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.  
  219.                 </div>
  220.                 <div class="col-sm-4 mb-5">
  221.                     <div class="flip-card">
  222.                         <div class="flip-card-inner card">
  223.                             <div class="flip-card-front card card-body">
  224.                                 <div class="title">Question 7</div>
  225.  
  226.                             </div>
  227.                             <div class="flip-card-back black-text card-body">
  228.                                 <div class="white-text h5"><em>Will they use the document for reference or information?
  229.                                         (IPEd)
  230.  
  231.                                     </em></div>
  232.                             </div>
  233.                         </div>
  234.                     </div>
  235.  
  236.                 </div>
  237.             </div>
  238.         </div>
  239.  
  240.         <!-- Collapse buttons -->
  241.         <div class="text-center">
  242.             <a class="btn btn-outline-elegant" data-toggle="collapse" href="#questions-list" aria-expanded="false"
  243.                aria-controls="questions-list">
  244.                 <i class="fas fa-list"></i> List All
  245.  
  246.             </a>
  247.  
  248.         </div>
  249.         <!-- / Collapse buttons -->
  250.  
  251.         <!-- Collapsible element -->
  252.         <div class="collapse" id="questions-list">
  253.             <div class="mt-3">
  254.                 <ul>
  255.                     <li><em>What is the purpose of the document?</em></li>
  256.                     <li><em>Who will read it and why?</em></li>
  257.                     <li><em>What should readers know or do as a result?</em></li>
  258.                     <li><em>How much do readers already know about the subject?</em></li>
  259.                     <li><em>In what circumstances will they read it?</em></li>
  260.                     <li><em>Will they read the document from start to finish or select sections?</em></li>
  261.                     <li><em>Will they use the document for reference or information? (IPEd)</em></li>
  262.                 </ul>
  263.             </div>
  264.         </div>
  265.         <!-- / Collapsible element -->
  266.  
  267.  
  268.     </div>
  269.     <h2 class="h2">Components of substantive editing</h2>
  270.     <div class="container">
  271.         <p class="lead mb-4 mt-4">Now that you have familiarized yourself with the audience and goals of the document,
  272.             you can begin the edit, focusing on three major components: structural review, language and style editing,
  273.             and clarity of presentation.</p>
  274.         <!-- Card deck -->
  275.         <div class="card-deck">
  276.             <!-- Card -->
  277.             <div class="card mb-5">
  278.                 <!--Card content-->
  279.                 <div class="card-body">
  280.                     <!--Title-->
  281.                     <h4 class="card-title">Structural review</h4>
  282.                     <!--Text-->
  283.                     <p class="card-text">The goal of the structural review is to, uh, review the structure. You&rsquo;re
  284.                         assessing if anything is missing or unclear, if anything needs to be added or rewritten, if the
  285.                         structure makes sense, if the document has a logical flow, and if it can be easily navigated. If
  286.                         a document outline was developed before the document was written, it will be helpful to review
  287.                         it as well. Remember, your job as an editor isn&rsquo;t to do the rewriting, but rather to act
  288.                         as a pilot-audience, pointing out areas that need to be improved.</p>
  289.                 </div>
  290.             </div>
  291.             <!-- Card -->
  292.             <!-- Card -->
  293.             <div class="card mb-5">
  294.                 <!--Card content-->
  295.                 <div class="card-body">
  296.                     <!--Title-->
  297.                     <h4 class="card-title">Language and style editing</h4>
  298.                     <!--Text-->
  299.                     <p class="card-text">Many professional documents are written by more than one person. Time should be
  300.                         taken during a substantive edit to ensure the document has a clear, unified voice. You also need
  301.                         to ensure the voice is effective and appropriate for the audience. Make note of jargon and
  302.                         technical terms.</p>
  303.                 </div>
  304.             </div>
  305.             <!-- Card -->
  306.             <!-- Card -->
  307.             <div class="card mb-5">
  308.                 <!--Card content-->
  309.                 <div class="card-body">
  310.                     <!--Title-->
  311.                     <h4 class="card-title">Clarity of presentation</h4>
  312.                     <!--Text-->
  313.                     <p class="card-text">Finally, you want to ensure that the presentation of the document is clear and
  314.                         consistent. In this step, you&rsquo;ll want to check that the document hierarchy makes sense
  315.                         (heading levels are used consistently throughout) and the headings clearly describe the contents
  316.                         of the section, that images and tables are well-placed, well-designed, titled and captioned, and
  317.                         that references are used wherever necessary.</p>
  318.                 </div>
  319.             </div>
  320.             <!-- Card -->
  321.         </div>
  322.         <!-- Card deck -->
  323.         <p>All of these levels of edit are essential in producing a high-quality publication, whether on paper or
  324.             onscreen. They are performed at different times in the publication process and are not necessarily performed
  325.             only once. The three levels usually overlap to some degree; an editor hired to do a copyedit is quite likely
  326.             to also perform some of the tasks usually associated with a substantive edit. (IPEd)</p>
  327.     </div>
  328.     <div class="container mt-4 mb-5">
  329.         <div class="alert alert-warning" role="alert">
  330.             <p>That&rsquo;s it for part one of this two-part lesson. Next week, we&rsquo;ll get into the nuts and bolts
  331.                 of how to perform a substantive edit. If you want to get started on your peer edit, spend this week
  332.                 familiarizing yourself with the blog post&rsquo;s audience and goals, and then read through the post,
  333.                 jotting down some first impressions. Don&rsquo;t do any actual editing yet, though! You can find your
  334.                 partner in the assignment description <a
  335.                    href="/d2l/common/dialogs/quickLink/quickLink.d2l?ou=473194&amp;type=dropbox&amp;rcode=CENCOL-2064863"
  336.                    target="_self">here</a>.</p>
  337.         </div>
  338.     </div>
  339.     <p class="footer">Communications-Professional Writing - School&nbsp;of Communications, Media, Art, and Design</p>
  340.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  341.        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  342.        crossorigin="anonymous"></script>
  343.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  344.        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
  345.        crossorigin="anonymous"></script>
  346.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
  347.        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
  348.        crossorigin="anonymous"></script>
  349. </body>
  350.  
  351. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!