-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (116 loc) · 8.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html>
<head>
<title>Métodos de Estudo</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<h1>Métodos de Estudo</h1>
<section>
<nav class="principal">
<ul>
<li>
<a href="#flashcards">Flashcards</a>
</li>
<li>
<a href="#resumo">Resumo</a>
</li>
<li>
<a href="#mapa-mental">Mapa Mental</a>
</li>
<li>
<a href="#pomodoro">Pomodoro</a>
</li>
<li>
<a href="#fichas-de-estudo">Fichas de Estudo</a>
</li>
<li>
<a href="#metodo-cornell">Método Cornell</a>
</li>
<li>
<a href="#discuta-com-um-amigo">Discuta com um Amigo</a>
</li>
</ul>
</nav>
<section id="flashcards">
<h2>Flashcards</h2>
<img src="flash.png" alt="Imagem com pergunta sobre o que são Flashcards">
<p>Flashcards são basicamente pequenos cartões para testar sua memória. Essencialmente, eles têm de um lado, uma pergunta, e do outro, a resposta. Isso também pode variar, como: tópico e palavras-chave ou termo e definição. Enfim, qualquer outra dicotomia que possa imaginar.</p>
</section>
<section id="resumo">
<h2>Resumo</h2>
<img src="ficharesumo.png" alt="Imagem com exemplo de ficha resumo vazia">
<p>Exposição sintetizada de um acontecimento ou de uma série de acontecimentos, das características básicas de alguma coisa, com a finalidade de transmitir uma ideia geral sobre seu sentido.</p>
<p>Coloque no resumo as ideias, conceitos principais. É legal escrever com suas próprias palavras sobre o que entendeu.</p>
<p>No <a target="_blank" href="https://guiadoestudante.abril.com.br/blog/dicas-estudo/4-passos-para-fazer-um-bom-resumo/">Guia do Estudante</a> eles ensinam um passo a passo para fazer um bom resumo.</p>
</section>
<section id="mapa-mental">
<h2>Mapa Mental</h2>
<img src="mapa.png" alt="Imagem com exemplo de Mapa Mental e o que deve conter">
<p>O mapa mental facilita a revisão, destacando as palavras-chave e indicando as relações entre essas palavras para que o estudante possa relembrar o que aprendeu com facilidade.</p>
<p>Sua aparência mais comum é uma palavra ou imagem no meio de uma folha, da qual saem linhas que puxam outras palavras ou imagens relacionadas à do centro. </p>
<p>Resumidamente é um diagrama composto por palavras, ícones e setas.</p>
<p>Para aprender a fazer um mapa mental, o blog e site <a target="_blank" href="https://www.estudaqui.com/blog/como-estudar/mapa-mental-para-estudo/amp/">Estudaqui</a> ensina de um jeito bem simples como montar um mapa mental de estudo ideal para você.</p>
</section>
<section id="pomodoro">
<h2>Pomodoro</h2>
<img src="pomodoro.png" alt="Imagem com ciclo da técnica Pomodoro">
<p>A técnica Pomodoro propõe uma divisão da jornada em intervalos de 25 minutos. Durante esses bloquinhos de tempo, uma determinada tarefa deve ser realizada ininterruptamente. Ao fim de cada período, é feita uma pausa de 5 minutos e, ao final de cada 4 blocos de 25 minutos, uma pausa de 30.</p>
<p>Os objetivos da técnica Pomodoro estão ligados à diminuição da ansiedade e ao aumento do foco e concentração nas tarefas, evitando tempo desperdiçado e distrações. Ao anotar no papel o que precisa ser feito, você consegue não só organizar melhor suas atividades, como também estabelecer metas para cada dia ou período.</p>
<p>Um pomodoro é equivalente à 25 minutos de estudo + 5 minutos de descanso e/ou pausa.</p>
</section>
<section id="fichas-de-estudo">
<h2>Fichas de Estudo</h2>
<img src="ficha.png" alt="Imagem com exemplo de Ficha de Estudo vazia">
<p>Bem similar aos <a href="#flashcards">Flashcards</a>, servindo também para uma revisão rápida, porém conta com a ideia principal do asssunto, focando mais no conceito.</p>
</section>
<section id="metodo-cornell">
<h2>Método Cornell</h2>
<img src="cornell.png" alt="Imagem de como utilizar o Método Cornell">
<p>O método consiste em dividir a sua página em três seções: anotações, tópicos e sumário. É notável que algumas pessoas nem sequer utilizam o sumário, mas podemos anotar coisas pra pesquisar sobre a aula.</p>
<h4>ANOTAÇÕES</h4>
<p>É a maior parte das divisões das folhas, onde você anota todas as informações, gráficos, respostas, objetivos, sentenças, desenhos, frases de forma resumida ou como você entendeu. Aproveite para fazer desenhos ou criar códigos para facilitar o reconhecimento. Por exemplo, uma lupa pode ser um tópico que você quer se aprofundar, um balão uma frase e um livro para leituras a se fazer.</p>
<p>O exemplo da imagem acima possui muitas táticas visuais: color coding, divisores, post it, setas, balões, textos destacados, listas, siglas... A diferença é que a pessoa utilizou a parte de anotações para fazer os tópicos e do lado esquerdo colocou observações. Sendo assim, você pode adaptar da melhor forma que quiser as três divisões.</p>
<h4>TÓPICOS</h4>
<p>Na parte da esquerda é onde você irá anotar os tópicos da área ao lado, perguntas, palavras-chave, referencias, ideias centrais relacionadas as anotações. É aconselhado você fazer isso depois da aula para deixar algo mais conciso.</p>
<p>Aqui nesse exemplo, a pessoa utilizou de bandeirinhas pra marcar os títulos.</p>
<h4>SUMÁRIO</h4>
<p>Essa é a terceira parte que fica no final da folha, onde é recomendado anotar um breve resumo sobre o que se encontra na página e qualquer outra coisa que te ajude a identificar do que se trata essas anotações. Eu por exemplo prefiro anotar o tema, data e matéria em cima da folha e utilizo esse local para anotar coisas complementares (nomes de artigos, livros, material, trabalho a fazer, pesquisas).</p>
<p>Buscando pela internet, muitas pessoas também retiraram o sumário na sua adaptação ao método cornell.</p>
<p>No exemplo acima, o estudante utilizou muitos desenhos e cores, além de utilizar o sumário para um resumo e a parte de tópicos com muitas palavras chaves.</p>
<p>No site <a target="_blank" href="https://www.atravesdalinha.com.br/2017/09/como-utilizar-o-metodo-cornell-para.html">Através da Linha</a>, tem um modelo em branco disponível para ser baixado. Já corre lá!!</p>
</section>
<section id="discuta-com-um-amigo">
<h2>Discuta com um Amigo</h2>
<img src="discuta.png" alt="Imagem com definição de Discuta com um Amigo">
<p>É importante e interessante, pois, assim, podemos compartilhar dúvidas, pontos de vista, resolver exercícios e compreender a matéria ou assunto tratado em si, de um modo mais simples.</p>
</section>
</section>
<h3>Saiba mais dicas de estudo em</h3>
<nav>
<ul>
<li>
<a target="_blank" href="https://guiadoestudante.abril.com.br/blog/dicas-estudo/">Guia do Estudante</a>
</li>
<li>
<a target="_blank" href="https://www.instagram.com/inspiracaonosestudos/?hl=pt-br">Inspiração nos Estudos</a>
</li>
<li>
<a target="_blank" href="https://faro.edu.br/blog/8-dicas-para-montar-e-manter-uma-rotina-de-estudos/">Rotina de Estudos</a>
</li>
</li>
</ul>
</nav>
<h4>Tem algum método diferente que queira compartilhar? Deixe seu e-mail!</h4>
<form>
<label for="nome">Nome:</label>
<input id="nome" type="text">
<label for="email">Email:</label>
<input id="email" type="email">
<label for="telefone">Telefone:</label>
<input id="telefone" type="number">
<button id="botaoEnviar" >Enviar</button>
</form>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>