Social Story
From Labmm2
(→Folhas de estilos (CSS)) |
(→Folhas de estilos (CSS)) |
||
| Line 91: | Line 91: | ||
background-color:#2f5d72; | background-color:#2f5d72; | ||
| - | + | -moz-border-radius: 5px; | |
| - | + | -webkit-border-radius: 5px; | |
| - | + | border-radius: 5px; | |
color:#FFF; | color:#FFF; | ||
Revision as of 14:44, 17 June 2011
Espaço destinado a inserção do Relatório do projecto "Social Story" desenvolvido pelos alunos:
Alexandre Pereira, nº 49994
Ana Sofia Paiva, nº 49997
Júlia Farias, nº 60123
António Alves, nº 60352
Tiago Vieira nº 50765
Contents |
Apresentação e contextualização do tema
Após um processo de brainstorming (*) inicial, tivemos em conjunto a ideia inicial: As redes sociais. A partir daí, desenvolvemos o nosso super conceito, que vai estar presente durante a aplicação multimédia: apresentar, de uma forma diferente, a história/importância das redes sociais na actualidade e o seu impacto através da vida de uma pessoa. Assim, vivendo num mundo contemporâneo e onde a internet tem um papel cada vez mais marcante sobre as vidas das pessoas, achamos esta temática pertinente para além de interessante para a população em geral.
Desta forma, os nossos objectivos envolvem : 1 – Apresentação das vantagens e desvantagens das redes sociais: pretendemos contar, de forma curiosa, dinâmica e engraçada os diversos episódios da vida de uma personagem fictícia de forma a mostrar o impacto das redes sociais na vida das suas pessoas, o que inclui situações positivas e situações negativas.; 2 - Apresentar a história destas mesmas redes através de uma componente mais informativa, onde mostraremos algumas curiosidades para além da história das principais redes sociais, mostrando ao utilizador a sua importância na história dos websites online. 3 - Sensibização da população para algumas questões mais polémicas relacionadas com as redes sociais e a vida social online: Mostrar que a criação de uma rede online pode ser positiva, quando utilizada da maneira certa ou negativa, quando a privacidade é excedida juntamente com importância de criar um equilíbrio entre “o que é bom” e o “que é mal” na utilização destas redes. Pretendemos também incentivar o utilizador a formar a sua própria opinião e pensamento crítico. 4 – Construir um website diferente e que as pessoas possam reconhecer : Criar uma página web graficamente simples mas interessante, directa e original, utilizando diversas formas de apresentação dos conteúdos (vídeo,fotos,etc...). Implementar funcionalidades interessantes (livro,menu,vídeos,imagens), inovando os tradicionais websites informativos
(*) - Brainstorming
Da primeira reunião surgiram ideias que passamos a citar: um site sobre futebol, sobre uma festa; (algo relacionado com cerveja); sobre turismo; viagens; o desenvolvimento de uma página web sobre fotografia; a criação de um portfólio virtual (do trabalho de um artísta, construtor,...); o desenvolvimento de uma magazine online; uma magazine online de fotografias; o desenvolvimento de uma história, contando-a interactivamente; a criação de um livro; um site sobre redes sociais; a criação de um livro que contasse uma história relacionada com as redes sociais de forma interactiva. Como podemos constatar, o processo de brainstorming passou desde ideias menos boas até pequenas ideias que combinadas resultaram no super conceito final.
No que toca a escolha feita, inicialmente, a nossa intenção era apenas contar uma história fictícia onde pudessemos mostrar as vantagens/desvantagens na utilização das redes sociais. No entanto, achamos que deveriamos disponibilizar uma área mais informativa, daí a inserção das curiosidades sobre cada uma das principais redes sociais.
Layouts
Estruturas 'gerais'
 Estrutura geral |
 Pagina de entrada |
 Index |
Layouts de cada página
Estrutura XHTML implementada
Folhas de estilos (CSS)
HOMEPAGE
body {
background-color:#2f373b;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.content{
padding:5px;
width:919px;
vertical-align:middle;
text-align:center;
}
.centro{
margin-top:250px;
margin-left:420px;
}
.iniciar{
width:80px;
height:20px;
margin-top:10px;
margin-left:900px;
background-color:#2f5d72;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#FFF;
text-align:center;
padding:2px;
vertical-align:middle;
}
a:link,a:active,a:visited{
opacity:0.50;
-moz-opacity: 0.50;
filter: alpha(opacity=50);
text-decoration:none;
color:#FFF;
}
a:hover{
opacity:1;
-moz-opacity:1;
filter: alpha(opacity=100);
text-decoration:none;
color:#FFF;
}
