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

Web Site para Associação Colibri

Diego Adrian Lima Caetano2013

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.

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.

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.

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.

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

3 – FERRAMENTAS UTILIZADAS

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.

4 – HTML

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

5 - CSS

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.

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

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.

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.

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.

6 – PASSOS PARA A CRIAÇÃO DO SITE

• WIREFRAME: O wireframe teve como objetivo organizar o layout do site e organizar seu conteúdo .

6 – PASSOS PARA A CRIAÇÃO DO SITE

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 com os clientes e parceiros.

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.