uaveiro-leci/1ano/1semestre/iei/infor2022-ap-g16/projeto/index.html

152 lines
8.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ciberseguran&ccedil;a</title>
<link rel="icon" href="images/favicon.jpeg">
<!-- Bootstrap v5.3 navbar -->
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/headers/">
<!-- Bootstrap stylesheet -->
<link rel="stylesheet" href="css/bootstrap-header.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- Personal Styles -->
<link rel="stylesheet" href="css/style.css">
<!-- Custom styles for this template -->
<link href="css/headers.css" rel="stylesheet">
<!-- Bootstrap JS-->
<script src="js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="p-3 text-bg-dark">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="index.html" class="nav-link px-2 text-secondary">In&iacute;cio</a></li>
<li>
<div class="flex-shrink-0 dropdown">
<a href="#" class="nav-link px-2 text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Amea&ccedil;as
</a>
<ul class="dropdown-menu text-small shadow">
<li><a class="dropdown-item" href="ameacas.html">Topo da p&aacute;gina</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="ameacas.html#ameacas-ciberneticas">Amea&ccedil;as Cibern&eacute;ticas</a></li>
<li><a class="dropdown-item" href="ameacas.html#guerras-ciberneticas">Guerras Cibern&eacute;ticas</a></li>
<li><a class="dropdown-item" href="ameacas.html#internet-banking">Internet Banking</a></li>
<li><a class="dropdown-item" href="ameacas.html#mobile-malware">Mobile Malware</a></li>
</ul>
</div>
</li>
<li>
<div class="flex-shrink-0 dropdown">
<a href="#" class="nav-link px-2 text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Vulnerabilidades
</a>
<ul class="dropdown-menu text-small shadow">
<li><a class="dropdown-item" href="vulnerabilidades.html">Topo da p&aacute;gina</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="vulnerabilidades.html#analise-de-vulnerabilidades">An&aacute;lise de vulnerabilidades</a></li>
<li><a class="dropdown-item" href="vulnerabilidades.html#analise-de-evidencias">An&aacute;lise de evid&ecirc;ncias</a></li>
</ul>
</div>
</li>
<li><a href="solucoes.html" class="nav-link px-2 text-white">Solu&ccedil;&otilde;es de seguran&ccedil;a</a></li>
<li><button style="width: 100px; height: 40px; cursor: auto; opacity: 0;" onclick="window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ')"></button></li>
</ul>
<div class="text-end">
<button class="btn btn-warning"> <a class="btn btn-warning" href="about.html" target="_blank"> Sobre </a></button>
</div>
</div>
</div>
</nav>
<div class="container body-content">
<div class="index-title">
<h1 id="ciberseguranca-title" style="font-size: 120px">CIBERSEGURAN&Ccedil;A</h1>
<button class="btn btn-dark" style="font-size: 30px" onclick="window.location.href='#contents'">Conte&uacute;dos</button>
</div>
<script>
$(document).ready(function(){
$(".index-title").height($(window).height()-$("nav").height()).css("padding-top", $(".index-title").height()*0.3);
});
</script>
<h1 id="contents">Lista de conte&uacute;dos</h1>
<ul id="contents-list">
<li>
<a href="#conceito">Conceito</a>
</li>
<li>
<a href="#programacao">Programa&ccedil;&atilde;o aplicada &agrave; Ciberseguran&ccedil;a</a>
</li>
<li>
<a href="ameacas.html">Tipos de Amea&ccedil;as</a>
<ul>
<li><a href="ameacas.html#ameacas-ciberneticas">Amea&ccedil;as Cibern&eacute;ticas</a></li>
<li><a href="ameacas.html#guerras-ciberneticas">Guerras Cibern&eacute;ticas</a></li>
<li><a href="ameacas.html#internet-banking">Internet Banking</a></li>
<li><a href="ameacas.html#mobile-malware">Mobile Malware</a></li>
</ul>
</li>
<li>
<a href="vulnerabilidades.html">Vulnerabilidades</a>
<ul>
<li><a href="vulnerabilidades.html">An&aacute;lise de Vulnerabilidades</a></li>
<li><a href="vulnerabilidades.html">An&aacute;lise de Evid&ecirc;ncias</a></li>
</ul>
</li>
<li>
<a href="solucoes.html">Solu&ccedil;&otilde;es de seguran&ccedil;a</a>
</li>
</ul>
<hr>
<h1 id="introducao">Introdu&ccedil;&atilde;o</h1>
<p>
Com o passar dos anos, as tecnologias que temos ao nosso dispor têm evolu&iacute;do de uma forma r&aacute;pida e sem fim, como, por exemplo, o hardware de um computador. Mas, com constantes evolu&ccedil;&otilde;es, tamb&eacute;m vem uma necessidade de responsabilidade, pois com quanto mais recursos existirem, maior ser&aacute; o impacto de danos a indiv&iacute;duos ou entidades.
</p>
<p>
Dito isto, neste website iremos apresentar diversos tipos de amea&ccedil;as cibern&eacute;ticas, bem como as principais vulnerabilidades m&eacute;todos para as detetar e as solu&ccedil;&otilde;es de seguran&ccedil;a que existem para as amea&ccedil;as.
</p>
<hr>
<h1 id="conceito">Conceito</h1>
<p>
Quando os sistemas e ambientes digitais foram criados n&atilde;o existia quase nenhuma intera&ccedil;&atilde;o entre dispositivos e a pouca que existia era efetuada por cabo. Por&eacute;m, quando a internet foi criada, a intera&ccedil;&atilde;o entre dispositivos digitais aumentou e com isso, tal como acontece com intera&ccedil;&otilde;es humanas, vieram diversos perigos e amea&ccedil;as aos utilizadores. Da mesma forma que existem crimes no mundo f&iacute;sico tamb&eacute;m existem crimes digitais e da mesma forma que existem solu&ccedil;&otilde;es e entidades respons&aacute;veis pela preven&ccedil;&atilde;o e combate a crimes f&iacute;sicos, tamb&eacute;m os mesmos existem para o mundo digital, proporcionando ciberseguran&ccedil;a aos utilizadores da internet e ambientes digitais.
</p>
<hr>
<h1 id="programacao">Programa&ccedil;&atilde;o aplicada &agrave; Ciberseguran&ccedil;a</h1>
<p>
Como &eacute; &oacute;bvio, para a automatiza&ccedil;&atilde;o quer seja para os sistemas de ataque ou para os sistemas de defesa &eacute; usada bastante programa&ccedil;&atilde;o e como isto n&atilde;o s&atilde;o sistemas d&iacute;spon&iacute;veis a todos os utilizadores, cada <i>hacker</i> cria a sua aplica&ccedil;&atilde;o &agrave; sua maneira para atingir os seus objetivos.
</p>
<h2>Linguagens mais usadas em Ciberseguran&ccedil;a</h2>
<ul>
<li><a href="https://www.python.org/">Python</a></li>
<li>C</li>
<li><a href="https://www.php.net/">PHP</a></li>
<li><a href="https://cplusplus.com/">C++</a></li>
</ul>
<h2>Sistema mais usados em Ciberseguran&ccedil;a</h2>
<p>
Todos os <i>hackers</i> optam pelo uso de uma distribui&ccedil;&atilde;o de linux a seu gosto e embora a maioria delas funcionem, o <a href="https://www.kali.org/">Kali Linux</a> &eacute; o mais usado por ter uma grande quantidade de ferramentas dedicadas &agrave; &aacute;rea. Esta ferramenta encontra-se mais detalhado <a href="vulnerabilidades.html#kali">aqui</a>.
</p>
</div>
<button id="goToTopButton" onclick="window.scrollTo(0,0)">
<img src="images/arrow-up.png" alt="^" style="height: 100%; width: 100%;">
</button>
<footer>
<div class="container">
<div style="float: left">
Ciberseguran&ccedil;a&emsp;&bullet;&emsp;<a href="index.html">In&iacute;cio</a>&emsp;&bullet;&emsp;Criado por <a href="https://github.com/RubenCGomes">R&uacute;ben Gomes</a> e <a href="https://github.com/TiagoRG">Tiago Garcia</a>
</div>
<div style="float: right">
UAveiro&emsp;&bullet;&emsp;DETI
</div>
</div>
</footer>
<!-- Personal JS -->
<script src="js/topButton.js"></script>
</body>
</html>