##SOBRE O PROJETO

O projeto tem o layout baixado gratuitamente do site Freepik, na data 14/05/2013, onde foi conseguido o arquivo em extensão do Photoshop (.psd), possibilitando que alguns componentes pudessem ser utilizados no site, como as imagens das setas e dos artigos. A principal função era transformar um layout em .psd em uma página HTML igual visualmente, desenvolvendo o front-end (HTML, CSS) de um site, com objetivos acadêmicos e não comerciais.

As dificultades incluíram o posicionamento dos elementos, pois as colunas do conteúdo não ficavam uma ao lado da outra. Isso foi resolvido com um melhor entendimento das propriedades das tags e das propriedades CSS utilizadas nas mesmas. Outra grande dificuldade foi o não conhecimento de todos os recursos do HTML e do CSS, o que é resolvido com estudo e também orientação com pessoas mais experientes.

Com este trabalho foi possível rever e aprimorar conhecimentos tidos em HTML e CSS, mesclando com as novas tecnologias criadas com a versão do HTML - HTML5, e do CSS - CSS3. O HTML5 vem com novas tags, como section, artigon, figure, hgroup, figure, e muitas outras. Com isso foi possível melhorar as técnicas de distribuição dos elementos na página HTML, além de terem uma sintaxe mais correta a ser lida pelo navegador, com funções mais específicas de cada tag, não apenas para posicionamento na página. Um exemplo é a tag article, que é lida como o(s) conteúdos(s) mais importante(s) na página pelo navegador. Antigamente tudo era distribuido com div's.

Além disso foi aprendido como utilizar gradiente em algumas tags de bloco, utilizando-se a propriedade background-image no css, como na tag a, formando-se um botão, além de incluir ícones em locais específicos com a tag (italico), que permite essa inserção de uma imagem como ícone.

##TECNOLOGIAS E FERRAMENTAS UTILIZADAS

• Adobe Photoshop;
• Ferramentas do desenvolvedor do Google Chrome;
• Sublime Text2, com o plugin Emmet;
• HTML5;
• CSS3;
• GitHub;
• git;

##RECURSOS UTILIZADOS (Referências) Layout em psd disponibilizado no LINK Freepik, baixado na data 14/05/2013, com objetivos acadêmicos e não comerciais.