CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

Tamanho: px

Começar a partir da página:

Download "CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET"

Sabrina Eger Fontes
8 Há anos
Visualizações:

1 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

INTERNET WEBSITE MUNDO MULHER GABRIELA DE SOUZA DA SILVA

2 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

Estadual Professor Mário Antônio Verza de Palmital (SP) como requisito parcial de

3 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:

GABRIELA DE SOUZA DA SILVA LUANA MAIARA DE PAULA SILVA YARA MENDES

4 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.

5 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.

6 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

7 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..

Nosso website traz quatro matérias de cada tema, todas com imagens e textos explicativos.

8 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

9 LISTA DE ABREVIATURAS E SIGLAS HTML CSS W3C HyperText Markup Language Cascading Style Sheets World Wide Web Consortium

10 SUMÁRIO 1 INTRODUÇÃO OBJETIVOS OBJETIVOS ESPECÍFICOS OBJETIVOS GERAIS Metodologia TECNOLOGIAS QUE FORAM UTILIZADAS HTML CSS FERRAMENTA ADOBE DREAMWEAVER RESULTADOS IMAGENS DAS PÁGINAS DO WEBSITE Figura 1 Home Figura 2 - Página Moda Figura 3 - Página Cabelos Figura 4 - Página Unhas Figura 5 - Página Maquiagem CONSIDERAÇÕES FINAIS REFERÊNCIAS BIBLIOGRÁFICAS... 21

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.

11 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.

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.

12 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; OBJETIVOS GERAIS simples e clara. Criar um site que compartilhe informações através de uma linguagem 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).

Criar um site que compartilhe informações através de uma linguagem 1.

13 13 2 TECNOLOGIAS QUE FORAM UTILIZADAS 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 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).

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.

14 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 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.

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.

15 15 3 RESULTADOS 3.1 IMAGENS DAS PÁGINAS DO WEBSITE Figura 1 Home

16 3.1.2 Figura 2 - Página Moda 16

17 3.1.3 Figura 3 - Página Cabelos 17

18 3.1.4 Figura 4 - Página Unhas 18

19 3.1.5 Figura 5 - Página Maquiagem 19

20 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.

Portanto, o objetivo do trabalho foi atingido, pois o grupo realizou todas as tarefas que eram

21 21 5 REFERÊNCIAS BIBLIOGRÁFICAS Linhares, Ernande. CSS história. Disponível em:< Acesso em: 12 DE AGOSTO DE Pereira, Altieri. A origem do CSS, um pouco da história. Disponível em:< Acesso em: 12 DE AGOSTO DE Sotware editor de sites Dreamweaver: história, versões e aplicações. Disponível em:< Acesso em: 03 de setembro, William, David. A História Do HTML. Disponível em:< Acesso em: 21 DE AGOSTO DE Mozilla. Introdução ao HTML. Disponível em: BR/docs/HTML/Introduction/. Acesso em: 12 DE NOVEMBRO DE 2014.

Documentos relacionados

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 Eduardo Laguna Rubai, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR- Brasil eduardorubay@gmail.com, bonetti@unipar.br Resumo.