Protótipo do Portfólio

Na disciplina de Padrões de Projeto de Sítios Internet II do 2º Semestre de 2019, foi definido pelo professor Felipe Maciel Rodrigues, que os alunos desenvolvam um protótipo do portfólio, o propósito principal é criar um protótipo funcional que utilize todos os conceitos apreendidos até o momento.
No protótipo foram utilizadas as seguintes tecnologias HTML, CSS e Materialize, para elaboração do conteúdo visual foi utilizado o Photoshop.
O site deve ser baseado a partir do protótipo feito na aula de Design Digital, o qual deve abordar os conceitos de HTML e CSS, com o uso de Materialize para utilização de ícones e outros materiais.
O protótipo do portifólio tem como a função de dar início a criação do portifólio final, ou seja, de ser executado utilizando os componentes que desejam utilizar no portifólio final, dando base para que no futuro se dê continuidade ao projeto futuramente.
Na parte prática foram utilizadas as tags header, section, nav, main, figure, footer e alguns outros conceitos.


Resultado Final
Resultado Final
Resultado Final

Para a produções do Sobre Mim foi criado um card horizontal e um card imagem e um card content, o qual o horizontal foi preenchido pelo card imagem e o card content, os quais tem função de ter uma imagem do autor e uma caixa texto, onde se encontra a biografia do autor.
No final da imagem se encontra o footer o qual tem a função de armazenar as informações de contato.
Para a página experiência os botões foram alocados na parte de Cima para que não atrapalhe no meio da tela, pois foi feito uma div class="container" para ser a caixa de texto, que serve para exibir as experiencias profissionais e acadêmicas.
Na página trabalhos foi usado o Carousel que serve como um slide show giratório, o qual funciona com o uso de imagens, texto ou marcação personalizada.
Na página Habilidades os botões foram alocados na parte de cima da página igualmente na página Experiência para que não atrapalhe no meio da tela, pois foi feito uma div class="container" para ser a caixa de texto que deve exibir todas as linguagens de programação e design digital ensinadas na FATEC Lins e o nível de experiência.
A versão do portifólio Desktop leva em conta ter uma tela limpa sem muita poluição visual contendo apenas o necessário para que não se tenha muitas informações perdidas pela tela.
No projeto também foi utilizado o conceito de grid, que permite uma maior flexibilidade na estilização ao se ajustar os componentes na tela.
Conclui-se, portanto, que após o término e entrega deste trabalho aprendi a trabalhar com mais facilidade com as tecnologias, HTML, CSS e Materialize como também exibição de conteúdo e apresentação de informações.




Voltar Site Pronto

Localização