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.
