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.

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 7 – A HOSPEDAGEM
• O site foi hospedado no HOSTINGER.COM, um site de
hospedagem gratuita e de boa qualidade.

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