O documento descreve a criação de um website para a Igreja Vida, visando facilitar a interação entre os membros e fornecer acesso a conteúdo cristão. Utilizando linguagens como HTML, JavaScript e CSS, bem como ferramentas como Dreamweaver e Photoshop, o projeto foi bem recebido pelos membros da igreja. Os autores expressam gratidão pelos aprendizados adquiridos durante o desenvolvimento do site e aos colaboradores envolvidos.

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 destinado à igreja vida, para melhor atender os membros, 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 de informações pertinentes à Igreja Vida. Com o desenvolvimento deste projeto aprendemos a criação de 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 Primeiramente a Deus e aos nossos familiares, ao nosso professor orientador João P. Barbosa e a todos os professores, que esteve conosco desde o primeiro instante. Além é claro, de todos nossos colegas que estiveram conosco durante essa fase de nossas vidas, e todos os outros professores dos outros módulos, que foram essenciais para nosso aprendizado. A todos aqui presentes nosso muito obrigado!

24. Fim