Website Igreja Vida David William da Costa  Marcel Norie Bergamin Sugimoto Professor orientador: João Paulo Barbosa
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.
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.
Linguagens Utilizadas Neste projeto foram utilizadas as seguintes linguagens: HTML; JavaScript; CSS.
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.
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.
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.
Ferramentas Utilizadas Bloco de notas; Dreamweaver; Xara Webstyle; PhotoShop; Corel Draw; Flash;
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.
Bloco de Notas
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).
Dreamweaver
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.
Xara Webstyle
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.
PhotoShop
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.
Corel Draw
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.
Flash
WEBSITE – IGREJA VIDA
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
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!
FIM

Tcc

  • 1.
    Website Igreja VidaDavid William da Costa Marcel Norie Bergamin Sugimoto Professor orientador: João Paulo Barbosa
  • 2.
    Introdução Foi elaboradoum 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çãodo 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 Nesteprojeto foram utilizadas as seguintes linguagens: HTML; JavaScript; CSS.
  • 5.
    Linguagem HTML OHTML (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 Blocode notas; Dreamweaver; Xara Webstyle; PhotoShop; Corel Draw; Flash;
  • 9.
    Bloco de NotasO 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 21.
  • 22.
    Concluímos que comtodo 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.