Este documento descreve o desenvolvimento de um website para a Igreja Vida utilizando HTML, JavaScript e CSS. O objetivo do site é facilitar a interação dos membros com a igreja e manter todos informados sobre os eventos. Ferramentas como Bloco de Notas, Dreamweaver, Xara Webstyle, Photoshop e Corel Draw foram usadas para criar e editar o conteúdo do site.

1. Website Igreja Vida David William da Costa Marcel Norie Bergamin Sugimoto Professor orientador: João Paulo Barbosa

2. Introdução Foi elaborado um website para a Igreja Vida. A igreja foi escolhida como tema porque seus membros já estavam precisando de tal ferramenta há tempos.

3. Objetivos A intenção do website é facilitar a interação do membro com a igreja, mantê-lo informado de tudo o que acontece com a igreja e que ele possa ter fácil acesso a conteúdo cristão na internet.

4. Linguagens Utilizadas Neste projeto foram utilizadas as seguintes linguagens: HTML; JavaScript; CSS.

5. Linguagem HTML O HTML (Hyper Text Markup Language) é uma linguagem de elaboração de documentos com hipertextos, cujo a função é enviar para o navegador instalado (Internet Explorer, Netscape, Firefox, etc.) comandos de formatação que informem ao navegador qual é o tipo de informação que deverão ser exibidas na tela.

6. JavaScript O JavaScript é uma linguagem de programação baseada na linguagem JAVA. É destinada para o uso em páginas Web ou em servidores web. Esta linguagem permite ao programador ter acesso a elementos de uma página web, como imagens, elementos de um formulário, links, etc. Estes objetos podem ser manipulados ou mudados via programação, pois o JavaScript permite também ao programador capturar eventos, como um click do mouse ou uma tecla pressionada de seu teclado, isto lhe dá a capacidade de poder criar ações baseadas nas ações do usuário.

7. CSS CSS ( C ascading S tyle S heets / Folha de Estilos em Cascata) é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais. O HTML pode ser usado para definir o layout de websites, contudo a CSS proporciona mais opções e é mais preciso e sofisticado. A CSS é suportado por todos os navegadores atuais.

8. Ferramentas Utilizadas Bloco de notas; Dreamweaver; Xara Webstyle; PhotoShop; Corel Draw; Flash;

9. Bloco de Notas O Bloco de Notas é um editor de textos simples que foi incluído em todas as versões Microsoft Windows desde a versão 1.0 em 1985 e é utilizado para criar documentos simples. Seu uso mais comum é para edição de arquivos de texto, mas também pode ser utilizado para edições de páginas da web.

10. Bloco de Notas

11. Dreamweaver O Dreamweaver é um editor HTML profissional para desenhar, codificar e desenvolver sites, páginas e aplicativos para a Web. Ele permite trabalhar com codificação manual HTML, e também com ambiente de edição visual. Fornecendo também um ambiente de codificação completo que inclui ferramentas de edição de códigos (como codificação por cores e preenchimento de tags).

12. Dreamweaver

13. Xara Webstyle É um editor gráfico onde que possibilita a criação de banners, menus, botões, imagens, logos, textos, entre outros. Ele fornece as bases e você modifica a formatação do conteúdo de modo fácil e rápido, deixando o site com uma melhor aparência.

14. Xara Webstyle

15. PhotoShop O Photoshop é um software editor de imagens bidimensionais desenvolvido pela Adobe Systems. É considerado o líder no mercado dos editores de imagem profissionais. Apesar de ter sido concebido para edição de imagens para impressão em papel, o Photoshop está a ser cada vez mais usado também para produzir imagens destinadas à Internet.

16. PhotoShop

17. Corel Draw O Corel Draw é um dos programas de edição gráfica mais utilizados no mundo, ele permite a criação e manipulação de desenhos artísticos, publicitários, logotipos, capas de revistas, livros, CDs, imagens de objectos para aplicação nas páginas de Internet (botões, ícones, etc) confecção de cartazes, etc.

18. Corel Draw

19. Flash É uma ferramenta de autoria e edição de imagens vetoriais com animação, som e interatividade. Baseada em imagens vetoriais, possibilita a criação de efeitos avançados em arquivos bastante pequenos. Além de imagens vetoriais, ao conteúdo Flash podem ser acrescentados, sons, vídeos, etc. Uma vantagem do flash é que, ao ampliar imagens, não se perde absolutamente nada em qualidade. A desvantagem é a impossibilidade de representar imagens mais complexas e realistas com qualidade fotográfica.

20. Flash

21. WEBSITE – IGREJA VIDA

22. Concluímos que com todo o avanço tecnológico e o aumento do conforto e comodidade foi preciso criar um website para os fiéis, tendo estes os recursos e todas as facilidades que a internet proporciona. O site foi bem aceito por todos membros da igreja, que há tempos já estavam desejando tal ferramenta de comunicação e pesquisa. Com o desenvolvimento deste projeto aprendemos a criar websites, com diversas variações de linguagens de programação para tal. Aprendemos ainda a utilizar alguns programas para manipulação de imagem e a postar/hospedar sites na internet. Este trabalho foi muito prazeroso e proveitoso, onde todo o tempo dedicado foi de extremo aprendizado e dedicação. Conclusão

23. Agradecimentos Agradecemos primeiramente à Deus e aos nossos familiares, ao nosso professor orientador João P. Barbosa e a todos os professores que estiveram conosco desde o primeiro instante, e que foram essenciais para nosso aprendizado. Agradecemos também à todos nossos colegas que estiveram conosco durante essa fase de nossas vidas. A todos aqui presentes nosso muito obrigado!

24. FIM