Exibir código-fonte para O planejamento do curso MOOC

<div style="background: #e8eaf6;min-height: 100px;box-shadow: #3f51b5 10px 10px 0px 1px;margin-right: 10px;padding: 10px 10px 2px;margin-bottom: 30px;color: #101010;font-size: 17px; color: #101010;">
    <p style="line-height: 1.8; text-align: justify;">O <b>Desenho Educacional</b> engloba o processo de planejamento, organização e criação de estratégias didático-pedagógicas e metodológicas para o desenvolvimento de materiais didáticos, cursos, disciplinas e projetos para EaD. Para facilitar este
        processo, utilizaremos alguns documentos pré-formatados (<i>templates</i>) bem como um fluxo de trabalho que será detalhado ainda neste tópico.</p>
</div>
<br>
<div style="line-height: 1.9; text-align: justify;">
    <p style=""><span class="" style=""><span style=""><b style="color: rgb(63, 81, 181); font-size: large;">Por que se preocupar com o desenho educacional na produção de cursos MOOC?</b><b><br></b></span></span><span style="font-size: 17px; color: rgb(16, 16, 16);"
            class="">Primeiro de tudo, porque <b><span class="" style="color: rgb(64, 81, 181);">planejar é preciso!</span></b> E planejar de forma clara, lógica e estruturada é ainda mais importante! É nisso que o desenho educacional vai nos ajudar. Dentre
        as vantagens de planejar e organizar o curso seguindo esta estratégia, podemos destacar:</span>
    </p>
    <p style=""><span style="font-size: 17px; color: rgb(16, 16, 16);" class=""><b><span class="" style="color: rgb(4, 78, 0);">1) O trabalho coletivo, colaborativo e em tempo real!</span></b><br>Se optar por planejar e organizar o curso no repositório de trabalho
        online, no Google Drive, você poderá fazer isso de forma colaborativa e em tempo real, essa é a principal vantagem de utilizar o Google Drive para o preenchimento dos documentos.<br></span><span style="font-size: 17px; color: rgb(16, 16, 16);">Ao preencher os documentos online, evite colar conteúdos diretamente de páginas da internet ou arquivos, pois eles carregam formatações indesejadas. Todos os campos dos documentos online já possuem sua própria formatação, então quando for colar algum texto, use o atalho Ctrl + shift + v, ou, botão direito do mouse&nbsp; + Colar sem formatação.</span></p>
    <p
        style=""><span style="font-size: 17px; color: rgb(16, 16, 16);" class=""><b><span class="" style="color: rgb(4, 78, 0);">2) Utilizar os <i>templates</i> (documentos) para estruturar o material e a metodologia do curso.</span></b><br>O repositório de trabalho
        é pensado e construído para que você coloque no "papel", de forma organizada e estruturada, praticamente todas as informações do curso antes mesmo dele ser desenvolvido no Moodle. É como se você desenvolvesse o curso antes de começar o trabalho
        no Moodle. Mas você pode se perguntar: Isso não seria um retrabalho? Te digo com propriedade que não! Esse processo, quando bem feito, vai te fazer "cortar caminho" no momento em que for montar a sala no Ambiente.</span>
        </p>
        <p style=""><span style="font-size: 17px; color: rgb(16, 16, 16);" class=""><b><span class="" style="color: rgb(4, 78, 0);">3) Colocar as ideias no papel nos dá uma clareza do que precisa melhorar!</span></b><br>Além de, claro, seguir uma metodologia pensada
            para esta finalidade, e isto por si só já é uma grande vantagem, o momento em que estiver construindo os documentos no repositório de trabalho, você terá uma visão do todo e conseguirá entender o que já está bom e, principalmente, o que precisa
            melhorar.<br></span>
        </p>
        <p style="color: rgb(16, 16, 16);"><span style="font-size: large; color: rgb(63, 81, 181);" class=""><b>Organize as ideias, coloque-as no papel (no repositório de trabalho no nosso caso :-)). Um bom planejamento vai facilitar muito o processo de desenvolvimento do curso no Moodle!</b></span><br></p>
</div>