Este Curso é Financiado pelo Programa Operacional Potencial Humano designado por POPH, onde a...
Transcript of Este Curso é Financiado pelo Programa Operacional Potencial Humano designado por POPH, onde a...
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 Paulo Ferreira Susana
Pedro Maria Joel Elisabete
Susana Marto Cristina Paulo Pereira
Isabel Ivone HelenaMaikel
António
Ana RitaIsrael
Mário
Simone
Conclusão do ensino Conclusão do ensino Secundário...Secundário...
Conclusão do ensino Conclusão do ensino Secundário...Secundário...
Com carteira Profissional... Com carteira Profissional... Com carteira Profissional... Com carteira Profissional...
E a Principal com E a Principal com AmigosAmigos......E a Principal com E a Principal com AmigosAmigos......
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:
Paulo PereiraPedro SantosPaulo FerreiraSusana MartoIsrael Saraiva
Ana Rita
Constituído por:
Susana Moreira Joel Santos Isabel Neves
Mário Baptista Elisabete Santos Helena MartinsMaikel Ferreira
Constituído por:
Maria Martins António Carrilho Simone Santos
Cristina Rodrigues Maria João Bastos
Ivone Oliveira Isabel Santos
Estrutura inicial do site
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 editadasno Photoshop,fazemos o corte das imagens que precisamos,para de seguida passarmos à programaçãodo site no programaAdobe Dreamweaver.
Adobe Photoshop CS4
Aqui vamos construira estrutura do nosso sitecom as imagens e textodesenhadas anteriormente.Para isso a linguagem utilizada foi o HTML e CSS.O HTML é a uma linguagemutilizada para a criação de páginas Web.
O CSS é responsável por o estilo utilizado na apresentação do site.
Adobe Dreamweaver CS4
Adobe Dreamweaver CS4
Código
HTML
Código CSS
Site Estático vs Site Dinâmico
Estático
• Actualizado apenas pelo Web Designer.
• Ficheiros HTML simples.
• Sites simples de empresas.
Dinâmico
• Actualizado por qualquer utilizador.
• HTML, MySql, PHP, C-Sharp.
• 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.