190 lines
10 KiB
HTML
190 lines
10 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Spectral by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>CineClube</title>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
|
</head>
|
|
<body class="landing is-preload">
|
|
|
|
<!-- Page Wrapper -->
|
|
<div id="page-wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header" class="alt">
|
|
<h1><a href="index.html">CineClube</a></h1>
|
|
<nav id="nav">
|
|
<ul>
|
|
<li class="special">
|
|
<a href="#menu" class="menuToggle"><span>Menu</span></a>
|
|
<div id="menu">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="descricao.html">Descrição</a></li>
|
|
<li><a href="artigos.html">Artigos</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Banner -->
|
|
<section id="banner">
|
|
<div class="inner">
|
|
<h2>CineClube</h2>
|
|
<p>Projeto de Audiovisual<br />
|
|
Desenvolvidos por alunos<br />
|
|
da <a href="http://html5up.net">E.M. Prof.ª Jacira Medeiros de Sousa Lima</a>.</p>
|
|
<ul class="actions special">
|
|
<li><a href="artigos.html" class="button primary">Saiba Mais</a></li>
|
|
</ul>
|
|
</div>
|
|
<a href="#one" class="more scrolly"></a>
|
|
</section>
|
|
|
|
<!-- One -->
|
|
<section id="one" class="wrapper style1 special">
|
|
<div class="inner">
|
|
<header class="major">
|
|
<h2>Nossas Oficinas 🎬<br /></h2>
|
|
<p>
|
|
Explore os curtas produzidos em nossas oficinas práticas de cinema! Cada vídeo é o resultado de uma imersão criativa, onde participantes experimentaram técnicas de roteiro, filmagem e edição. Navegue por essa coleção de produções e descubra diferentes narrativas, estilos e olhares que surgiram ao longo das oficinas.</p>
|
|
</header>
|
|
<ul class="icons major">
|
|
<li> <i class="fa-solid fa-film major major style1"></i></li>
|
|
<li><span class="fa-solid fa-graduation-cap major style2"><span class="label"></span></span></li>
|
|
<li><span class="fa-solid fa-people-group major style3"><span class="label"></span></span></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Two -->
|
|
<section id="two" class="wrapper alt style2">
|
|
<section class="spotlight" id="">
|
|
<figure class="effect-ming tm-video-item">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Oficina III<br />
|
|
Momento Lumiérie</h2>
|
|
<p>Na oficina "Dispositivo Minuto Lumière", os participantes exploraram a escola e seus arredores com um novo olhar, buscando transformar cenas do cotidiano em cinema. Cada um escolheu um enquadramento, definindo qual recorte do mundo queria destacar, e posicionou a câmera para captar imagens de forma criativa. As filmagens, limitadas a um minuto, incentivaram a observação atenta e a experimentação com ângulos e composições. A atividade proporcionou uma experiência prática e reflexiva sobre a construção da imagem no cinema, reforçando a ideia de que tudo ao redor pode se tornar narrativa audiovisual.</p>
|
|
<ul class="actions small">
|
|
<li><a href="curtas.html" class="button primary small" data-oficina="oficina_III" >Ver curtas</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section class="spotlight" id="oficina_IV">
|
|
<figure class="effect-ming tm-video-item">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Oficina IV<br />
|
|
Planos de Cinema</h2>
|
|
<p>A oficina de planos de cinema ensina os participantes a capturar trechos de filmes sem interrupções da câmera, conhecidos como planos. Esses planos, que podem ser abertos, médios ou fechados, são essenciais para construir cenas e narrativas. Planos abertos estabelecem o ambiente, planos médios focam nas emoções e ações dos personagens, e planos fechados destacam detalhes específicos. Durante a oficina, os participantes praticam a filmagem de diferentes planos em sequência, aprendendo a criar uma montagem básica sem a necessidade de edição complexa. Essa prática ajuda a compreender a importância de cada tipo de plano na construção de uma história visual.</p>
|
|
<ul class="actions small">
|
|
<li><a href="curtas.html" class="button primary small" data-oficina="oficina_IV">Ver curtas</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</section>
|
|
<section class="spotlight" id="oficina_V>
|
|
<figure class="effect-ming tm-video-item">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Oficina V<br />
|
|
Roteiro e cortes de cinema</h2>
|
|
<p>A oficina de cortes no cinema ensina a transição entre planos, mantendo a continuidade ou criando efeitos intencionais. Cortes podem ser diretos ou usar efeitos como fade-out e fusões. Os participantes criam roteiros com 8 a 15 planos e filmam cenas curtas, usando pausas na câmera para simular cortes, explorando a construção narrativa de forma prática.</p>
|
|
<ul class="actions small">
|
|
<li><a href="curtas.html" class="button primary small" data-oficina="oficina_V">Ver curtas</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section class="spotlight" id="oficina_VI">
|
|
<figure class="effect-ming tm-video-item">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Oficina VI<br />
|
|
Dispositivo "Daqui onde estou eu vejo..."</h2>
|
|
<p>A oficina "Daqui onde estou eu vejo..." propõe um exercício de criação cinematográfica que explora memórias afetivas no ambiente escolar. Em duplas, os participantes alternam entre operar a câmera e compartilhar memórias enquanto estão sentados em uma cadeira em locais significativos. A partir dessas experiências, os grupos elaboram narrativas e filmam cenas inspiradas em técnicas cinematográficas, como planos detalhados, cortes secos e variações de ângulos, para criar um curta-metragem coletivo que conecta memórias pessoais ao espaço escolar.</p>
|
|
<ul class="actions small">
|
|
<li><a href="curtas.html" class="button primary small" data-oficina="oficina_VI">Ver curtas</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</section>
|
|
<section class="spotlight" id="oficina_VII">
|
|
<figure class="effect-ming tm-video-item">
|
|
<a href="https://www.youtube.com/@CineArteIFPAR/videos">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</a>
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Oficina VII<br />
|
|
Oficina dos olhares</h2>
|
|
<p>A "Oficina dos Olhares" envolveu estudantes do 9º ano na criação de vídeos de até um minuto, utilizando dispositivos como "Olhar Halloween", "Olhar ________(uma emoção)" e "Olhar natural". Os participantes experimentaram com máscaras e filtros artesanais nas lentes de celulares para produzir seus vídeos. A oficina foi conduzida pelo professor de inglês Márcio, com a colaboração da coordenadora do projeto de extensão Marina, que orientou os grupos durante o processo criativo. O relatório inclui fotos da produção e links para os vídeos finais no YouTube.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<section class="spotlight" id="oficina_VII">
|
|
<figure class="effect-ming tm-video-item">
|
|
<img src="images/pic01.jpg" alt="Image" class="img-fluid">
|
|
</figure>
|
|
<div class="content">
|
|
<h2>Ciranda<br />
|
|
Roda de saberes</h2>
|
|
<p>A "Roda de Saberes" foi uma oficina especial realizada em colaboração com a professora Aliny Pranto da UFRN. Utilizando o dispositivo “daqui onde estou eu vejo…”, foram filmados depoimentos de docentes, gestores, familiares e ex-funcionários sobre suas memórias da E.M. Professora Jacira Medeiros. As filmagens foram feitas em parceria com o coletivo audiovisual Casa de Circe de Rosa dos Ventos, de Parnamirim.</p>
|
|
<ul class="actions small">
|
|
<li><a href="curtas.html" class="button primary small" data-oficina="oficina_VII">Ver curtas</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</section>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<ul class="copyright">
|
|
<li>© </li><li>Design: <a href="#">Karen Muniz</a></li>
|
|
</ul>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const buttons = document.querySelectorAll('.button.primary.small');
|
|
|
|
buttons.forEach(button => {
|
|
button.addEventListener('click', function(event) {
|
|
event.preventDefault(); // Impede o comportamento padrão do link
|
|
const oficina = this.getAttribute('data-oficina'); // Pega o valor do atributo data-oficina
|
|
window.location.href = `curtas.html?oficina=${oficina}`; // Redireciona com o parâmetro
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html> |