WebsiteNTC
From Labmm2
NTC
Descobre o teu curso
Novas Tecnologias da Comunicação
Apresentação e contextualização do tema
Website que fornece informações e algumas curiosidades sobre o curso de ensino superior no qual estudamos: Novas Tecnologias da Comunicação da Universidade de Aveiro.
Fluxograma
Layouts
Estrutura XHTML implementada
A estrutura implementada foi uma estrutura muito básica e simples de maneira a facilitar a navegação do utilizador, com uma div onde tem o banner, outra onde tem o menu lateral, e outra onde tem todo o conteúdo de cada página:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Website sobre o curso de Novas Tecnologias da Comunicação na Universidade de Aveiro" />
<meta name="keywords" content="NTC, Novas, Tecnologias, Comunicação, Novas Tecnologias da Comunicação, Universidade, Aveiro, Universidade de Aveiro, Ensino, Superior, Ensino Superior, DeCA, Departamento, Comunicação, Arte, Artes, Departamento de Comunicação e Artes, Multimédia, Audiovisual, cinematografia, som, imagem, fotografia, filme, made in deca" />
<meta name="author" content="Gil Millasseau, Luís Almeida, Tiago Andrade, Ivan Fernandes" />
<title>NTC | UA</title>
</head>
<body>
<div id="banner">
</div>
<div id="side_menu">
<h1>NTC | UA</h1>
<div id="linksmenu">
<ul>
<li class="menulink"><a href="index.html">Home</a></li>
<li class="menulink"><a href="plano.html">Plano Curricular</a></li>
<li class="menulink"><a href="saidas.html">Saídas Profissionais</a></li>
<li class="menulink"><a href="projectos.html">Projectos Anteriores</a></li>
</ul>
</div>
<hr>
<div class="socials">
<ul class="reset">
<li><a href="http://www.ntc-ua.com/" target="_blank"><img src="imgs/simbolos/blog_hover-01.png" /></a></li>
<li><a href="http://www.facebook.com/ntcua" target="_blank"><img src="imgs/simbolos/facebook_hover-01.png" /></a></li>
<li><a href="http://www.twitter.com/#!/fainaNTC" target="_blank"><img src="imgs/simbolos/twitter_hover-01.png" /></a></li>
<li><a href="http://www.ua.pt/" target="_blank"><img src="imgs/simbolos/ua_hover-01.png" /></a></li>
</ul>
</div>
</div>
<div id="content">
Conteúdo de cada página
</div>
</body>
</html>
div banner corresponde à div que tem o banner de cada página, aplicado no CSS;
div side_menu corresponde à div que tem todo o conteúdo da barra lateral que contém os links todos;
div linksmenu corresponde à div que tem todos os links das outras páginas;
div socials corresponde à div que tem todos os links para as redes sociais e para o site da UA;
div content corresponde à maior div da página que tem todo o conteúdo de cada uma das páginas.
Folhas de estilos (CSS)
Principais scripts desenvolvidas (JavaScript)
Integração com outras tecnologias (frameworks, linguagens, etc...)
Soluções técnicas para problemas encontrados
Melhoramentos futuros
Conclusões
Referências bibliográficas
ACORDEÃO - Plano Curricular
MENU
[ACORDEÃO - Saídas Profissionais]
[SLIDER - Saídas Profissionais]
THUMBNAILS ELÁSTICAS - Projectos Anteriores
BOTÃO LINK
[BOLAS]
