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.