CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA YARA MENDES SILVA RODRIGUES PALMITAL 2014
GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA YARA MENDES SILVA RODRIGUES WEBSITE MUNDO MULHER Trabalho de Conclusão de Curso, apresentado a Escola Técnica Estadual Professor Mário Antônio Verza de Palmital (SP) como requisito parcial de conclusão do Curso Técnico em Informática para Internet. Orientador: Luciana Michele Ventura Palmital 2014
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA YARA MENDES SILVA RODRIGUES WEBSITE MUNDO MULHER Aprovado em 19/11/2014 Examinadores:
Dedicamos este trabalho a todas as pessoas que nos apoiaram e não mediram esforços para nos ajudar, especialmente a nossas famílias e professores.
AGRADECIMENTOS A professora orientadora, Luciana Michele Ventura, que nos transmitiu seu conhecimento para que este trabalho fosse concluído com tamanho sucesso. Ao professor Marco Antônio Gusmao Carvalho, que também nos auxiliou durante todo o desenvolvimento do website.
Uma mulher bonita não é aquela de quem se elogiam as pernas ou os braços, mas aquela cuja inteira aparência é de tal beleza que não deixa possibilidades para admirar as partes isoladas. Sêneca
RESUMO Nosso grupo é formado por três mulheres, o que nos levou a pensar em um tema que fizesse parte do nosso cotidiano, que fosse algo que nos atraísse. Assim optamos pelo tema beleza, o que seria algo muito abrangente, por isso decidimos nos especificar em quatro vertentes, Moda, Cabelo, Unhas e Maquiagem. Nosso website traz quatro matérias de cada tema, todas com imagens e textos explicativos. Os temas das matérias foram definidos segundo o que consideramos que sejam as principais dúvidas femininas, todas as imagens das matérias foram produzidas por nós mesmas, e todos os temas das matérias fazem parte do nosso cotidiano, pois buscamos usar e pensar em algo que fizesse parte da nossa vida. No site tentamos usar uma linguagem simples e de fácil entendimento, algo que qualquer pessoa independente do conhecimento que ela tenha lê-se e compreendesse o que está sendo passado, inclusive todos os termos da área da beleza são explicados, para que mesmo quem não tem hábito de ler matérias sobre beleza possa entender o que está sendo ensinado.todas participamos tanto da parte teórica quanto da prática, e o resultado final é a junção do que aprendemos no curso e do que pesquisamos sobre beleza. Palavras-chave: Website. Beleza..
LISTA DE ILUSTRAÇÕES Figura 1 Home...14 Figura 2 - Página Moda...15 Figura 3 - Página Cabelos...16 Figura 4 - Página Unhas...17 Figura 5 - Página Maquiagem...18
LISTA DE ABREVIATURAS E SIGLAS HTML CSS W3C HyperText Markup Language Cascading Style Sheets World Wide Web Consortium
SUMÁRIO 1 INTRODUÇÃO... 11 1.1 OBJETIVOS... 11 1.1.1 OBJETIVOS ESPECÍFICOS... 12 1.1.2 OBJETIVOS GERAIS... 12 1.1.3 Metodologia... 12 2 TECNOLOGIAS QUE FORAM UTILIZADAS... 13 2.1 HTML... 13 2.2 CSS... 13 2.3 FERRAMENTA ADOBE DREAMWEAVER... 14 3 RESULTADOS... 15 3.1 IMAGENS DAS PÁGINAS DO WEBSITE... 15 3.1.1 Figura 1 Home... 15 3.1.2 Figura 2 - Página Moda... 16 3.1.3 Figura 3 - Página Cabelos... 17 3.1.4 Figura 4 - Página Unhas... 18 3.1.5 Figura 5 - Página Maquiagem... 19 4 CONSIDERAÇÕES FINAIS... 20 5 REFERÊNCIAS BIBLIOGRÁFICAS... 21
11 1 INTRODUÇÃO O presente trabalho traz como tema a beleza, que sem dúvida é um dos pricipais conteúdos da internet. O website é dividido em subtemas: Moda, Cabelos, Unhas e Maquiagem. Todas essas páginas internas também são subdivididas, todas possuem quatro matérias que falam de diferentes vertentes do mesmo tema. Essas matérias por sua vez, possuem um texto explicativo e algumas também tem passo a passo, o que facilita com que a pessoa aprenda o que está sendo ensinado.além disso todas contam com fotos de sugestões de como se pode utilizar as dicas dadas na matéria. Nosso site, também busca trazer a ideia de valorização do estilo próprio, pois ensinamos a fazer e a usar o que é tendência, mas sempre deixamos claro a ideia de que cada um deve saber o que é melhor pra si mesmo, cada pessoa deve usar o que combina melhor com sua personalidade e seu modo de ver a vida, deixamos a mensagem de que a verdadeira beleza está em se amar, pois ninguém pode dizer o que é errado ou não, pois cada um vê segundo seus próprios conceitos. 1.1 OBJETIVOS O objetivo do website é levar informações sobre temas relacionados as mulheres, sendo eles: Moda, Maquiagem, Cabelos e Unhas.
12 1.1.1 OBJETIVOS ESPECÍFICOS Levar novas tendências as mulheres, ensinando truques e compartilhando dicas, para que elas possam ser mais bonitas de um jeito simples e fácil. Pesquisar quais são as tendências atuais e publicá-las no site; Utilizar uma linguagem de fácil entendimento; Criar um leiaute acessível e simples; 1.1.2 OBJETIVOS GERAIS simples e clara. Criar um site que compartilhe informações através de uma linguagem 1.1.3 Metodologia O presente trabalho é fruto da discussão entre os integrantes do grupo sobre beleza, especificamente moda, cabelo, unhas e maquiagem. O website foi desenvolvido usando a ferramenta dreamweaver, para criarmos as páginas usando HTML (Linguagem de Marcação de Hipertexto) e CSS (folha de estilo).
13 2 TECNOLOGIAS QUE FORAM UTILIZADAS 2.22.1 HTML Segundo Mozilla o HTML foi criado em 1993, com o propósito de compartilharem documentos pela Internet e facilitar o acesso de exibição e visualização com uma formatação mais sofisticada e exibição de imagens mais ampla. Sua função é definir formatos para páginas web e possibilitar a inserção de links de hipertexto, permitindo a navegação entre várias páginas. Normalmente ele é o código usado para criar homepages sites e acessar documentos na web. Ele vem com uma formatação diferenciada de texto, utilizando tag, com ele podemos inserir parágrafos, cabeçalhos, títulos, formulários. 2.32.2 CSS O CSS era apenas possível o controle de algumas fontes e cores que hoje em dia conhecemos como folha de estilo padrão do navegador. E só em setembro de 1994 que surgiu a primeira proposta para implementação das CSS, até o próprio Tim Bernes-Lee considerava que a estilização era uma questão para o próprio navegador resolver. E em dezembro de 1996 as CSS1 foi lançada oficialmente com uma recomendação da W3C (consórcio internacional da rede mundial de computadores).
14 O CSS tornou-se uma linguagem padrão da internet e com o tempo foi sendo mais testada, pois todos queriam imagens, cores e designer avançados e o HTML antigo não tinha suporte para isso. E com o tempo surgiram outros problemas, e foi que em 1995 Håkon Wium Lie e Bert Bos apresentaram a proposta que logo foi apoiada pela W3C. A ideia era que o HTML só iria criar a estrutura do website e a tarefa de apresentação ficaria para o CSS com um arquivo separado ou no próprio HTML usando tags. Com os problemas de compatibilidade entre browsers e muitas vezes ate a falta de conhecimento os conceitos do CSS em maioria não são seguidos totalmente, mas a W3C trabalha para tornar o desenvolvimento padrão e também exigir dos navegadores uma interpretação adequada e compatível. 2.42.3 FERRAMENTA ADOBE DREAMWEAVER O Dreamweaver é um software de edição de páginas de web criado pela Macromedia e adquirida pela Adobe, pois é um software onde permite trabalhar com textos, imagens e entre outros elementos. O Dreamweaver nas suas versões antigas servia apenas para editar HTML simples, com o lançamento de novas versões foi tendo suporte a diversas tecnologias e outras linguagens. Sua forma de criação é bem parecida com programas de edição de layouts de publicação impressa, o Dreamweaver não precisa manipular o HTML e ajuda no tempo de criação e usuários com poucas experiências e também é totalmente personalizado.
15 3 RESULTADOS 3.1 IMAGENS DAS PÁGINAS DO WEBSITE 3.1.1 Figura 1 Home
3.1.2 Figura 2 - Página Moda 16
3.1.3 Figura 3 - Página Cabelos 17
3.1.4 Figura 4 - Página Unhas 18
3.1.5 Figura 5 - Página Maquiagem 19
20 4 CONSIDERAÇÕES FINAIS No desenvolvimento do trabalho, utilizamos tudo o que aprendemos durante o curso, de modo que o trabalho é a junção do nosso aprendizado e das pesquisas que realizamos. Portanto, o objetivo do trabalho foi atingido, pois o grupo realizou todas as tarefas que eram necessárias, cumpriu os prazos de entrega e o trabalho, tanto na parte teórica quanto na prática, atendeu a todos os requisitos.
21 5 REFERÊNCIAS BIBLIOGRÁFICAS Linhares, Ernande. CSS história. Disponível em:<http://htmlcode.com.br/css/css-historia>. Acesso em: 12 DE AGOSTO DE 2014. Pereira, Altieri. A origem do CSS, um pouco da história. Disponível em:<http://www.devmedia.com.br/a-origem-do-css-um-pouco-da-historia/15195>. Acesso em: 12 DE AGOSTO DE 2014. Sotware editor de sites Dreamweaver: história, versões e aplicações. Disponível em:<http://ihaa.com.br/sotware-editor-de-sites-dreamweaver-historiaversoes-e-aplicacoes/>. Acesso em: 03 de setembro, 2014. William, David. A História Do HTML. Disponível em:<http://www.frontendbrasil.com.br/artigos/a-historia-do-html/>. Acesso em: 21 DE AGOSTO DE 2014. Mozilla. Introdução ao HTML. Disponível em: https://developer.mozilla.org/pt- BR/docs/HTML/Introduction/. Acesso em: 12 DE NOVEMBRO DE 2014.