Este Curso é Financiado pelo
Programa Operacional Potencial
Humano designado por POPH,
onde a Entidade Formadora e
Promotora é a Mega expansão.
Técnico/a de informática – Sistemas
Mira de Aire
Maria João
Pedro
Maria
Paulo Ferreira
Joel
Susana
Elisabete
Susana Marto
Isabel
Ivone
Cristina
Maikel
Paulo Pereira
Helena
António
Israel
Mário
Ana Rita
Simone
Conclusão do ensino
Secundário...
Com carteira Profissional...
E a Principal com Amigos...
Saídas Profissionais do Curso
• Instalar e proceder à manutenção de
computadores, periféricos, redes Locais,
Sistemas operativos e utilitários;
• Configurar e operar aplicações informáticos de
escritório e proceder à gestão de base;
• Desenvolver programação para Web, proceder à
gestão de base de dados.
Propostas apresentadas pelos
formandos
• Um Site de Mira de Aire
• Uma Base de Dados relativa a dados demográficos
de Mira de Aire
• Um Site sobre os restaurantes de Mira de Aire
• Uma Formação de Informática para Idosos
• Workshops de Informática
• Comunicação através de Video-chamada
• Base de Dados para intercomunicação de Lares de
Idosos
Objectivos do Site:
• Demonstrar e aplicar os conhecimentos que adquirimos
ao longo do nosso curso;
• Promover a Vila de Mira de Aire;
• Promover o curso de Técnico/a de Informática –
Sistemas.
Constituído por:
Maria Martins
António Carrilho
Simone Santos
Cristina Rodrigues
Maria João Bastos
Ivone Oliveira
Isabel Santos
Constituído por:
Susana Moreira
Joel Santos
Isabel Neves
Mário Baptista
Elisabete Santos
Helena Martins
Maikel Ferreira
Constituído por:
Paulo Pereira
Pedro Santos
Paulo Ferreira
Susana Marto
Israel Saraiva
Ana Rita
Estrutura inicial do site
Home Page
Notícias /
Enventos
Empresas
Pág Detalhada
de cada
empresa
Instituições
Página sociais
culturais
Turismo
Bares e
restaurantes
Alojamento
Locais a visitar
Contactos
O que é um layout?
• Aparência visual;
• Esboço que mostra distribuição física, tamanho e peso
dos elementos como texto, gráficos ou figuras num
determinado espaço;
• Conjunto de ideias numa folha para depois realizar o
projecto ou pode ser o projecto já em desenvolvimento.
Processo de desenvolvimento
e aprovação
• Podem fazer-se diversas alterações;
• Depende da conversa ou conversas entre o designer e
o cliente, para que o layout seja desenvolvido de acordo
com o gosto do cliente;
• Após obtenção da aprovação é levado a público.
O Web Design
• É uma extensão da prática do design – processo criativo
relacionado com a configuração, a concepção, a
elaboração ou a especificação de um objecto;
• Consiste na criação de websites e documentos
disponíveis no ambiente da Web;
• Requer conhecimento de diversas áreas técnicas além
do design;
Áreas Técnicas
São exemplos disso:
• Arquitectura da informação – organizar ou tornar claro
o que parece complexo;
• Programação;
• Usabilidade;
• Acessibilidade.
A importância da cor
• A exigência do cliente
• Qual a melhor opção?
• O maior erro que um Web designer poderá cometer é
aceitar e dizer, “O cliente tem sempre razão, se ele quer
assim, assim será…!“.
• Guiar o cliente e levar o mais possível a sua avante
As cores e os efeitos psicológicos
Combinação de cores
• A combinação das cores afecta o psicológico e pode
tornar-se um ponto importante no interesse do público
ao visitarem o site;
• Um site pouco apelativo pode levar a que o visitante
não se entusiasme e não volte lá mais.
Layouts desenvolvidos
Adobe Photoshop CS4
Após as imagens serem
criadas e editadas
no Photoshop,
fazemos o corte das
imagens que precisamos,
para de seguida
passarmos à programação
do site no programa
Adobe Dreamweaver.
Adobe Photoshop CS4
Adobe Dreamweaver CS4
Aqui vamos construir
a estrutura do nosso site
com as imagens e texto
desenhadas anteriormente.
Para isso a linguagem
utilizada foi o HTML e CSS.
O HTML é a uma linguagem
utilizada para a criação de
páginas Web.
O CSS é responsável por o
estilo utilizado na
apresentação do site.
Adobe Dreamweaver CS4
Site Estático vs Site Dinâmico
Estático
Dinâmico
• Actualizado apenas pelo
Web Designer.
• Actualizado por qualquer
utilizador.
• Ficheiros HTML simples.
• HTML, MySql, PHP, CSharp.
• Sites simples de
empresas.
• Blogs, Wikis.
SQL
• Linguagem padrão de base de dados
• Linguagem declarativa
• Simples e fácil de usar
C-Sharp
• Orientada a objectos
• Maior interactividade com os internautas
• Desenvolvimento em ambiente Windows
ASP.NET
• Estrutura para processamento de linguagens de script
• Simples e intuitivo de utilizar
• Integração com as CSS
• Código é executado e não interpretado, logo é mais
rápido.