Escola Estadual de Ensino Médio Profª Maria Rocha
Curso Técnico de Informática

Web Site para Associação
Colibri

Diego Ad...
1 - EMPRESA
• A Associação Colibri é uma entidade beneficente de
assistência social, sem fins econômicos, com o objetivo d...
1 - EMPRESA
Seu objetivo é contribuir para a realização dos plenos
direitos das pessoas com NEs e desenvolvimento das suas...
2 – OBJETIVO DO ESTÁGIO
• O objetivo é aperfeiçoar o conhecimento técnico na área de
Web Design do Curso Técnico em Inform...
3 – FERRAMENTAS UTILIZADAS
- COREL DRAW X6: Programa de recursos gráficos utilizado
para a criação de imagens, desenhos ar...
3 – FERRAMENTAS UTILIZADAS
- BLOCO DE NOTAS: Editor de textos que permite a
formatação de fontes, permite a visualização d...
4 – HTML
HTML: É a acrossemia de HyperText Markup Language.
É uma das linguagens utilizadas para desenvolver páginas
na in...
5 - CSS
- CSS: É a acrossemia de Cascading Style Sheets (CSS) é
uma "folha de estilo" composta por “camadas” e utilizada
p...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• PLANEJAMENTO: Essa atividade teve como objetivo o
planejamento
básico
do
site,
como
o
...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• COLETA DE INFORMAÇÕES: Essa atividade teve como
objetivo recolher as informações básic...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• ORGANIZAÇÃO DE MATERIAL: Essa atividade teve como
objetivo providenciar os programas e...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• PESQUISA DE SITES: Essa atividade teve como objetivo
fazer uma pesquisa sobre 10 sites...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• ORGANOGRAMA: O Organograma teve como objetivo
traçar o mapa funcional do site e dividi...
6 – PASSOS PARA A CRIAÇÃO DO SITE
• WIREFRAME: O wireframe teve como objetivo organizar o
layout do site e organizar seu c...
7 – A HOSPEDAGEM
• O site foi hospedado no HOSTINGER.COM, um site de
hospedagem gratuita e de boa qualidade.
8 - O OBJETIVO DO SITE
• O site terá como objetivo aumentar a popularidade
da empresa e maior abrangência na comunicação
c...
9 – CONCLUSÃO
• O estágio de Web Design do Curso Técnico em
Informática serviu para colocar em prática e
aperfeiçoar o meu...
Próximos SlideShares
Carregando em…5
×

Apresentação da Produção do Website da Associação Colibri

328 visualizações

Publicada em

Apresentação do processo de produção do Website da Associação Colibri, realizado durante o estagio do Curso Técnico de Informática na área de Web Design.

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
328
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação da Produção do Website da Associação Colibri

  1. 1. Escola Estadual de Ensino Médio Profª Maria Rocha Curso Técnico de Informática Web Site para Associação Colibri Diego Adrian Lima Caetano 2013
  2. 2. 1 - EMPRESA • A Associação Colibri é uma entidade beneficente de assistência social, sem fins econômicos, com o objetivo de prestar atendimento á pessoas portadoras de deficiência nas áreas de educação e assistência social. • Sua sede foi aberta em março de 2012 na Rua Ernesto Beck, bairro Passo D’Areia, em Santa Maria. Possui 70 alunos e 4 professores.
  3. 3. 1 - EMPRESA Seu objetivo é contribuir para a realização dos plenos direitos das pessoas com NEs e desenvolvimento das suas potencialidades como fator de auto-realização, vida independente, exercício da cidadania e inclusão social.
  4. 4. 2 – OBJETIVO DO ESTÁGIO • O objetivo é aperfeiçoar o conhecimento técnico na área de Web Design do Curso Técnico em Informática, através da construção de um web site, bem como a manutenção e atualização do mesmo.
  5. 5. 3 – FERRAMENTAS UTILIZADAS - COREL DRAW X6: Programa de recursos gráficos utilizado para a criação de imagens, desenhos artísticos, publicitários, projetos de equipamentos industriais e mecânicos, cartazes, logotipos e layouts de sites. Foi usado para a elaboração do organograma, o layout do site e a criação do slogan por ser um programa com diversos recursos gráficos.
  6. 6. 3 – FERRAMENTAS UTILIZADAS - BLOCO DE NOTAS: Editor de textos que permite a formatação de fontes, permite a visualização de arquivos que acompanha a instalação de programas, além de servir para a elaboração do código fonte dos sites em HTML. Foi usado para aplicar meus conhecimentos de HTML, porque nele todos os códigos de programação são feitos manualmente pelo usuário, sem o auxílio de ferramentas auxiliares de programação.
  7. 7. 4 – HTML HTML: É a acrossemia de HyperText Markup Language. É uma das linguagens utilizadas para desenvolver páginas na internet. É utilizada para o funcionamento e a interpretação do conteúdo de um web site. HTML é a linguagem base de toda a programação de web sites. Foi usado para a criação do site por ser a linguagem de programação de sites que aprendi no curso técnico de informática, além de ser fácil, prático e fundamental para qualquer webdesigner.
  8. 8. 5 - CSS - CSS: É a acrossemia de Cascading Style Sheets (CSS) é uma "folha de estilo" composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML). Foi usado por ser uma linguagem de programação que fornece ao web-designer uma capacidade mais aprofundada e consistente de programar os elementos do site, além de uma manutenção mais dinâmica do mesmo.
  9. 9. 6 – PASSOS PARA A CRIAÇÃO DO SITE • PLANEJAMENTO: Essa atividade teve como objetivo o planejamento básico do site, como o layout, conteúdo, fotos, imagens. Para isso foi necessário identificar o público alvo, que serão principalmente as pessoas que possuem parentes com necessidades especiais e órgãos que queiram contribuir e ajudar no crescimento da associação.
  10. 10. 6 – PASSOS PARA A CRIAÇÃO DO SITE • COLETA DE INFORMAÇÕES: Essa atividade teve como objetivo recolher as informações básicas da associação para a construção do site. Foi usado o blog da associação http://colibrism.wordpress.com/ para coletar as principais informações da associação, como Histórico, Estatuto, Equipe, Atendimento, Contato e fotos da associação que serão usadas no site.
  11. 11. 6 – PASSOS PARA A CRIAÇÃO DO SITE • ORGANIZAÇÃO DE MATERIAL: Essa atividade teve como objetivo providenciar os programas e recursos necessários para a construção do site. O programas necessários foram o bloco de notas, que foi usado para a programação do site e o Corel Draw X6, que foi usado para a elaboração do organograma, wireframe e da parte gráfica do site, como o slogan e o layout.
  12. 12. 6 – PASSOS PARA A CRIAÇÃO DO SITE • PESQUISA DE SITES: Essa atividade teve como objetivo fazer uma pesquisa sobre 10 sites de associações para analisar a estrutura básica, coletar os pontos em comum entre eles e por fim elaborar um conteúdo para o site que seja o diferencial dele em relação a concorrência.
  13. 13. 6 – PASSOS PARA A CRIAÇÃO DO SITE • ORGANOGRAMA: O Organograma teve como objetivo traçar o mapa funcional do site e dividir suas funções em primárias e secundárias.
  14. 14. 6 – PASSOS PARA A CRIAÇÃO DO SITE • WIREFRAME: O wireframe teve como objetivo organizar o layout do site e organizar seu conteúdo .
  15. 15. 7 – A HOSPEDAGEM • O site foi hospedado no HOSTINGER.COM, um site de hospedagem gratuita e de boa qualidade.
  16. 16. 8 - O OBJETIVO DO SITE • O site terá como objetivo aumentar a popularidade da empresa e maior abrangência na comunicação com os clientes e parceiros.
  17. 17. 9 – CONCLUSÃO • O estágio de Web Design do Curso Técnico em Informática serviu para colocar em prática e aperfeiçoar o meu conhecimento sobre HTML adquirido ao longo do curso, tendo como objetivo final a formação profissional na área de Web Design.

×