Este Curso é Financiado pelo Programa Operacional Potencial Humano designado por POPH, onde a Entidade Formadora e Promotora é a Mega expansão.

Apresentação em tema: "Este Curso é Financiado pelo Programa Operacional Potencial Humano designado por POPH, onde a Entidade Formadora e Promotora é a Mega expansão."— Transcrição da apresentação:

1

2 Este Curso é Financiado pelo Programa Operacional Potencial Humano designado por POPH, onde a Entidade Formadora e Promotora é a Mega expansão.

3 Técnico/a de informática – Sistemas
Mira de Aire

4

5 Maria João Paulo Ferreira Susana Pedro Maria Joel Elisabete

6 Susana Marto Cristina Paulo Pereira Isabel Ivone Maikel Helena

7 António Mário Israel Ana Rita Simone

8 Com carteira Profissional... E a Principal com Amigos...
Conclusão do ensino Secundário... Com carteira Profissional... E a Principal com Amigos...

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

10 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

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

12 Constituído por: Constituído por: 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

13

14

15

16 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

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

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

19 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;

20 Áreas Técnicas São exemplos disso:
Arquitectura da informação – organizar ou tornar claro o que parece complexo; Programação; Usabilidade; Acessibilidade.

21 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

22 As cores e os efeitos psicológicos

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

24 Layouts desenvolvidos

25

26

27

28

29

30 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

31 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

32 Código HTML

33 Código CSS

34 Site Estático vs Site Dinâmico
Actualizado apenas pelo Web Designer. Ficheiros HTML simples. Sites simples de empresas. Actualizado por qualquer utilizador. HTML, MySql, PHP, C- Sharp. Blogs, Wikis.

35 SQL Linguagem padrão de base de dados Linguagem declarativa
Simples e fácil de usar

36 C-Sharp Orientada a objectos Maior interactividade com os internautas
Desenvolvimento em ambiente Windows

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