NOBEL XXI. Relatório final CDI COMUNIAÇÕES DIGITAIS E INTERNET. Inês Dias Turma 4;Rui Moreira Turma
|
|
- Armando Oliveira Canedo
- 6 Há anos
- Visualizações:
Transcrição
1 CDI COMUNIAÇÕES DIGITAIS E INTERNET NOBEL XXI Relatório final Inês Dias Turma 4;Rui Moreira Turma Universidade do Porto: Licenciatura em Ciências da Comunicação;
2 NOBEL XXI/INTRODUÇÃO Nobel XXI é o nome do nosso sítio web que pretende dar a conhecer tudo acerca do prémio criado por Alfred Nobel, distribuído anualmente a pessoas que fizeram pesquisas importantes, criaram técnicas pioneiras ou deram contribuições influentes na sociedade. O utilizador pode conhecer a história do prémio, todas as categorias e informações relevantes. O nome do site surge pelo facto de facultarmos também acesso aos vencedores do século XXI nas 6 categorias. Apesar de o conteúdo não ser parâmetro de avaliação, gostaríamos de referir que optamos por colocar no nosso website um elemento de distinção. Afinal, é sem dúvida importante ter estes aspetos em consideração quando se realiza um site. Temos de pensar em conquistar visualizadores e essa conquista depende da diferença, novidade e inovação. Assim, sendo vários os sites na internet que partilham as componentes anteriormente referidas, o nosso ingrediente surpresa, que nos distancia da restante oferta, é a presença de uma análise criativa aos dados do prémio. O utilizador na página Nobel em Números pode visualizar um tratamento de dados que resulta em constatações relevantes. Nomeadamente, fazemos uma comparação entre o sexo feminino e masculino em relação ao número de vitórias, e comparamos a quantidade de distinções nos diferentes continentes. Outros tratamentos de dados poderiam ter sido feitos mas acreditamos que assim já fica demonstrada a ideia que tínhamos para esta secção do nosso sítio na web. Mais à frente, no mapa do sítio, serão discriminados os conteúdos de cada página. 2
3 MAPA DO SÍTIO Como é visível na representação vetorial apresentada, o nosso site é composto por 15 páginas (mais um botão que dá para a Homepage). Uma outra característica importante de referir é a não linearidade do sítio web. O utilizador tem liberdade para se deslocar pelos conteúdos, não sendo forçado por uma linha rígida de navegação. Por exemplo, quando está num terceiro nível, na página Economia, o utilizador pode apenas com um clic voltar a consultar a página O Prémio. Este fator é de extrema importância e deve ser sempre tido em consideração. 3
4 Começamos por falar num primeiro nível: A Homepage. No nosso caso a página inicial adquire contornos muito específicos. Funciona como uma página de introdução que se poderia assemelhar ao estilo comummente adotado nos anos 90 em web design. Porém, o que por vezes acontece é que este tipo de design é utilizado de uma forma errada onde se bombardeia o utilizador com informação que ele não solicitou. Tivemos esse facto em consideração e a nossa página de entrada não corre o risco de cometer esse equívoco. Ela é apenas um ponto de partida. Não fazemos o utilizador perder tempo nem obrigamos a observação de informação não solicitada. A homepage contém apenas uma breve descrição dos conteúdos que o utilizador pode encontrar no sítio, facilitando a consulta. Depois de ler (ou não) a breve descrição o utilizador pode clicar num dos 4 links. Sendo conduzido a um segundo nível de páginas. Por opção, existe apenas retorno directo à homepage no footer, não obrigando os utilizadores a acederem constantemente à mesma para acederem a outros conteúdos. Sendo esta página num estilo introdutório, a informação que contém não é essencial para resto da navegação. Do mesmo modo, a não linearidade do site permite que exista sempre acesso a todos os conteúdos sem estar constantemente a voltar ao início ou a retroceder. Ao abandonar a homepage somos conduzidos para uma das seguintes páginas: O Prémio (contém informações relativas ao prémio), Categorias (podemos aceder a qualquer uma das 6 categorias em que é entregue esta distinção), Nobel e Números (onde podem consultadas as duas infografias relativas a dados recolhidos) e Alfred Nobel (com informações do criador do Prémio). A partir daqui as opções são imensas. Mais à frente exploramos o conteúdo e o código destas páginas. Num terceiro nível encontramos as 6 categorias, e as duas páginas das infografias. Ou seja, dados e tratamento de informação relativa aos vencedores. Finalmente lembramos que a qualquer momento o utilizador pode encontrar no Footer da página dois Links para, respetivamente, Sobre nós (com informações sobre os criadores do site e o objetivo do mesmo) e o Mapa do sítio (representação vetorial das possibilidades de navegação para consultar dados) E ainda, como já referido, à homepage. 4
5 ELEMENTOS DE COESÃO E ORGANIZAÇÃO NO DESIGN DO SÍTIO WEB 1. A COR Tivemos sempre em mente que a palete de cores escolhida para o design do site teria de ter um sentido denotativo, uma expressividade passível de ser explicada. A cor tem de funcionar como um elemento estético de coesão entre elementos do site. O conceito por trás da nossa palete de cores foi o prémio. Como se pode visualizar na imagem este tem um tom de dourado com um toque de castanho. O conceito de Golden e Tons Terra passou assim a ser o centro da nossa atenção na nossa busca pelas cores do site. As 4 cores do logótipo espelham esta ideia: #c57d4b (Alfred Nobel), #EEB422 (O Prémio), #511d07 (Categorias), #e7c989 (Nobel em Números). São estas as cores que se repetem ao longo do website conforme a área do logótipo em que o utilizador esta. Assim temos coesão lógica de tons que permite corelacionar o site de forma eficiente. 2. TIPOGRAFIA E TAMANHOS Para o nosso site optamos pelo tipo de letra Geórgia por ser uma letra muito utilizado em blogs e nos sites, classificada como uma das melhores letras para os blogs. Escolhemos também por ser uma letra não muito austera nem demasiado informal. Em relação ao tamanho da letra, nãodefinimos deste o princípio nem decidimos criao um padrão para todo o trabalho porque decidimos adaptar a cada conceito e a cada disposição na página. Quanto a negritos e itálios não utilizamos no nosso site pois o que queremos evidencia é feito através de cabeçalhos e tamanhos de letra. 5
6 3. LOGÓTIPO Como é facilmente percetível o logótipo do site é desenhado à imagem do Prémio que é oferecido todos os anos. Este funciona como menu principal composto por 4 Links. Mantem- se sempre no canto superior esquerdo de todas as páginas. Este elemento do sítio web é, para além de mais um contributo para a coesão estética, a componente que melhor contribui para contrariar a linearidade. A qualquer momento o utilizador salta para outros conteúdos sem ter de voltar á página inicial. 4. A BARRA LATERAL Seguindo o mesmo raciocínio anterior, este elemento também foi desenhado para contribuir na organização e ligação. A barra lateral acompanha um modelo de página que se repete enumeras vezes mas a cor da mesma vai sofrendo alterações conforme a área do logótipo em que o utilizador está. Isto ajuda a orientar a navegação no site. Temos aqui o exemplo de componentes do design a trabalharem juntos: Cor + Logótipo. Relacionam- se as componentes. Em duas páginas, nomeadamente nas duas infografias, esta barra deixa de existir. Foi uma opção tomada para diferenciar o tipo de conteúdos que estão a ser observados. Destacamos as páginas sem as distanciar. 6
7 5. MENU Este elemento do header da página está presente em Categorias e em Nobel e Números. Surge contendo os links que dão acesso a um terceiro nível de hierarquização de páginas. Hierarquização essa que muitas vezes se dissipa pela dinâmica de ligações e navegabilidade. Não existem níveis totalmente isolados. Mantem presente o conceito de coesão na cor: a cor da letra do menu, a cor destacada no logótipo e a cor da barra lateral coincidem. ESQUEMAS DE PÁGINA MODELO HOMEPAGE Este é o modelo de página da homepage. Tem presente essencialmente 2 elementos. Um conjunto de quatro imagens que funciona como Menu e nos permite aceder a um segundo nível. E, do lado direito, um Texto de Introdução que dá a conhecer aos utilizadores quais os conteúdos que pode encontrar no nosso site. Quanto à disposição, optamos por colocar o Texto de Introdução ao lado direito do Menu, não completamente centrado, como podemos verificar pelo padding- top de 100px. Como podemos verificar, esta página é mais pequena em altura, tem apenas 450px, de modo aos utilizadores terem apenas a página necessária, e utilizada para navegar. Por questão estética também. 7
8 MODELO DE PÁGINA 2 Este é o Segundo modelo de página (Alfred Nobel, O Prémio, Categorias, Nobel em Números, Paz, Literatura, Medicina, Física, Economia e Química). Podemos encontrar duas colunas. Podemos encontrar do lado esquerdo um header que contém sempre dois elementos. Um Menu com metade do tamanho da da página inicial que permite aceder aos mesmo conteúdos do já referido, com a fatia com a cor de acordo com a página dos conteúdos que nos encontramos. E uma barra 200x1100px em que varia a cor de acordo com a página e o conteúdo que acedemos. Temos também na parte superior um Menu de Navegação (não em todos, algumas páginas são contituidas da mesma forma mas sem menu. Por esta única variante, optamos por não definir como outro modelo de página) que no caso da página das categorias, tem 6 botões que nos permite aceder aos prémios de cada uma das 6 categorias reconhecidas; e no caso do Nobel em Números, tem 2 botões que nos permitem aceder às 2 8
9 infografias relativamente aos vencedor do prémio. Depois podemos encontrar uma secção, abaixo da nav com conteúdo que varia entre Imagens e Texto, Texto e Video, Texto e Tabelas ou apenas Texto. De acordo com a página que acedemos. No fundo da section podemos encontrar um footer com 3 ligações: Sobre Nós, Mapa do Sítio, e Homepage. As dimensões desta página modelo, tal como a do nível 3, é de 1000x1340px com um border a delimitar. As margens em torno da página são automáticas, de forma a não existir erro de dimensões, isto é demonstrado com os backgrounds lightgrey. MODELO DE PÁGINA 3 9
10 Este é o modelo de página 3 correspondente às páginas Nobel em Números Vencedores por Sexo, Nobel em Números Vencedores no Mapa, e com algumas variações nas páginas Sobre Nós e Mapa do Sítio. No caso das duas primeiras referidas, encontramos o mesmo menu das páginas anteriores mas num header pequeno no topo, ou seja, não funciona como coluna como no modelo de página anterior. Tem também uma secção mais abrangente, que permite a disposição maior de elementos e contém a mesma nav das páginas do modelo anterior que são as da página Nobel em Números. Na secção encontramos 4 tipos de elementos: duas imagens, uma legenda e o footer igual a todas as outras páginas. Como podemos verificar, o footer só não está presente, por opção, na homepage. Quanto a esta section encontramos uma imagem relative às infografias com a respetiva legenda e depois do lado direito uma barra, dentro da mesma section, com a imagem de Alfred Nobel com as dimensões de 200x1000px. Quanto às dimensões da página, são semelhantes às do modelo de página anteriormente referido. 10
11 ANÁLISE HTML E CSS Para melhor darmos a conhecer o nosso site e informarmos sobre os elementos que o compõem, decidimos retirar imagens do mesmo e descrever a forma como são compostos. Alguns elementos gerais presentes tanto a nível de HTML como de CSS. Esta é a nossa homepage que está dividida em duas secções, a esquerda, e a direita. Na seccção da esquerda podemos verificar a presença duas divs que compõem cada parte da imagem unida, (div first e div second ) e cada uma dessas divs contém outras duas divs com imagens. Se passarmos o rato por cima de cada uma das 4 divs (correspondentes a 4 imagens) elas mudam de côr de acordo com o conceito da página que são direccionadas (hover). Na secção da direita verificamos apenas texto. Um h1 (cabeçalho de tipo 1) e um h2 (cabeçalho de tipo 2). Também podemos verificar que, tal como ao longo do trabalho, o tipo de letra adoptado é o Georgia e as cores variam sempre de acordo com os conceitos de cada página. Através da imagem podemos também verificar os tamanhos de letra e o códigos das cores. 11
12 Nesta imagem podemos ver a forma como foi feito o nosso footer. O footer faz parte de uma div e cada uma das palavras presentes funciona como botão link para a página correspondente. ( ex: <a href="sobrenos.html">sobre nós</a>). Podemos verificar também uma imagem no quadrado vermelho. 12
13 Nesta imagem podemos observar a constituição de vários dos elementos HTML e CSS da página modelo 2. Do lado esquerdo encontramos um header com 2 elementos: o logótipo que nos permite aceder a qualquer uma das páginas que poderiam ser escolhidas na homepage, mantendo a não linearidade de pesquisa; e uma barra com a cor e o tamanho (o tamanho é igual em todas as páginas que está presente) correspondente ao conceito de cada página. O código da cor do menu de navegação é correspondente a todas as cores presentes nas páginas (tanto na fatia selecionada, como na barra, no menu e no texto). A fatia selecionada no logótipo O Prémio é a demonstração da passagem do rato por cima em que acontece a mudança de cor (de imagem um hover). Também verificamos a existência de uma nav que é um menu de navegação em que cada um dos botões corresponde a um link como podemos verificar na imagem, no quadrado azul. Quanto à outra parte geral da página, encontramos a section categoriassec em que os conteúdos dentro variam em tabelas, texto, imagens e vídeo. Neste caso encontramos textos em que cara parágrafo está inserido num <p>. 13
14 Nesta imagem podem verificar uma das tabelas que utilizamos. A tabela completa que está dentro duma div, que é denominada table border 1 (de tipo 1 isto tem a ver com o tipo de saliência da border que optamos). Dentro da tabela cada coluna horizontal é denominada tr e cada parcela td. 14
15 Nesta imagem que corresponde ao modelo de página 3, tem o logótipo num header e um menu de navegação. Depois tem uma section global, neste caso denominada infos, em que estão presentes elementos como texto, imagem e subtítulo (imagens e subtítulos é o caso aqui presente). Aqui é importante mostrar a presença da legenda da imagem da infografia, que é feita com <br><span style="font- size:small">. 15
16 Seleccionamos esta imagem na análise para mostrar a presença de vídeo no nosso site. O site foi introduzido na secção através de <iframe " ></iframe>, neste caso, <iframe width="560" height="315" src=" fnpcwm" frameborder="0" allowfullscreen></iframe>. 16
17 CONCLUSÃO Este site sobre o Prémio Nobel foi um projeto que nos deu muito trabalho, exigiu muitas reuniões, muita discussões de conceitos, muitas dores de cabeça porque não estávamos muito à vontade no HTML e no CSS. Era assim uma experiência nova em que os conhecimentos nas aulas, as constantes questões aos professores e vasta pesquisa, são prova que nem sempre são suficientes porque como afirmaram os professores nas aulas, aprende- se com a experiência, a trabalhar. Tal como diz Picasso Que a inspiração chegue não depende de mim. A única coisa que posso fazer é garantir que ela me encontre a trabalhar. Confessámos que nem sempre estávamos a conseguir implementar os conceitos. Mas chegamos ao fim com a plena consciência que demos o nosso melhor para o projeto e que conseguimos implementar, após muito esforço e dedicação, o conceito elegante e pragmático que definidos, de forma a fugir um pouco às linhas dos sites de hoje em dia, que por vezes são demasiado complexos e lineares, tal como o da Fundação Gulbenkian que analisamos. Tentamos não adoptar desses erros. Apesar de já constar no nosso trabalho esse dado, podemos referir que é um orgulho ter feito este trabalho numa altura em que um português, Durão Barroso, deu a cara pelo Prémio Nobel da Paz atribuído à União Europeia. Para concluir, podemos ainda dizer que estamos satisfeitos com a nossa prestação e foi um trabalho que nos deu muito prazer de fazer, principalmente pelo resultado final. 17
Modelos de Páginas FACULDADE DE LETRAS DA UNIVERSIDADE DO PORTO. Site a realizar pelas alunas. Inês Guedes Pimenta e Maria Pestana
FACULDADE DE LETRAS DA UNIVERSIDADE DO PORTO Modelos de Páginas Site a realizar pelas alunas Inês Guedes Pimenta e Maria Pestana 2011 C O M U N I C A Ç Õ E S D I G I T A I S E I N T E R N E T Introdução
Criação de estilos CSS
Em primeiro lugar vamos inserir um parágrafo Marco Soares 1 Criação de estilos CSS Para começar, crie um site novo e uma página inicial para testes chamada index.html Vamos começar por criar alguns estilos
Criação dum site. Na última aula chegamos a esta página. Marco Soares
Criação dum site Na última aula chegamos a esta página 1 Estilo para as hiperligações do menu Vamos redefinir o aspeto da tag relacionada com as hiperligações (links) Vamos definir um estilo para a tag
MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web Conjunto de questões que se devem colocar quando da criação de um Web site: Para quê? Para quem? O quê? Como? Fase 1: Definir os objetivos do Web site Fase 2:
3 Cabeçalho/ logótipo 4 Menu principal 5 Autenticação
Escolas de Primeiro Ciclo no site do Agrupamento Iniciar com o endereço www.aecarvalhos.pt 1 1 Clicar em ESCOLAS DO AGRUPAMENTO (lado direito do site). 2 2 Apontar para EB1/JI e clicar na escola respetiva.
Tecnologias da Informação e Comunicação
Cria um diretório na tua pen de nome Web. Abre o Dreamweaver. Tecnologias da Informação e Comunicação Cria um novo ficheiro HTML. Grava o ficheiro como primeira.html. 1 Muda a vista para Split para que
Web Design Aula 16: Modelo de Caixa e propriedades de Imagem
Web Design Aula 16: Modelo de Caixa e propriedades de Imagem Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Introdução Área de Conteúdo Enchimento Bordas Margens Caixas Propriedades
Manual Prático. Elisabete Aguiar
Manual Prático Elisabete Aguiar Índice A BARRA DE OPÇÕES... 4 Abrir um documento existente... 6 Guardar um documento Word... 7 Ambiente de Trabalho no Microsoft Word 2007... 9 Configuração de Páginas...
Aula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
O AMBIENTE DE TRABALHO... 2 CRIAR, ABRIR E GUARDAR DOCUMENTOS... 6 EDIÇÃO DE DOCUMENTOS... 7 FORMATAÇÃO DE TEXTO Manual de Word INTRODUÇÃO...
INTRODUÇÃO... 2 Noção de processador de texto... 2 O AMBIENTE DE TRABALHO... 2 Área de trabalho... 3 Barra de menus... 3 Barras de ferramentas... 4 Réguas... 5 Botões de visualização... 5 Barra de estados...
Roteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Iniciando Layouts. No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica:
Aula 09 Iniciando Layouts No html5 existem algumas tags padrões para se iniciar Layouts. Estrutura Básica: header: é onde definimos o cabeçalho. nav: é onde definimos o menu ou a navegação do nosso site.
Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)
Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local
Roteiro 02. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 02 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 02 Objetivos Criar links entre páginas HTML Conhecer a proposta do
Sumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição
O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO SISTEMAS DE GESTÃO DE BASE DE DADOS FORMULÁRIOS Os constituem uma outra forma de visualizar os dados armazenados nas tabela ou disponibilizados numa consulta. Também
Recursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
F E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
Adicionando mais tags HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Adicionando mais tags HTML Professor: Saulo Henrique Cabral Silva Bookmark Bookmark ou demarcação de destinos para links (informações) dentro do próprio
Centro de Emprego e Formação Profissional de Faro Curso Profissional de Técnico/a de Multimédia (EFA - NS)
Proposta de trabalho UFCD 0152 Estrutura de um sítio para internet Nuno António, n.º 22, curso EFA NS Técnico de Multimédia. Tema do sítio: Portfólio do curso técnico de multimédia. O objetivo do web site
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Fuentes M a n
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE II
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE II Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o CSS como ferramenta de layout de página Capacitar para o posicionamento de elementos com
Conceito e objectivo. destaques deste produto. How To ARES POS
HOW TO ARES POS Este documento é propriedade intelectual do GrupoPIE Portugal S.A., e não pode ser alterado ou usado para outro fim, que não o acordado, sem prévia autorização escrita do GrupoPIE. Conceito
Anexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.
Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme
Gestão de Base de dados Formulários
Gestão de Base de dados Formulários Ano Letivo 2014/2015 Professora: Vanda Pereira Formulários Os Formulários constituem uma outra forma de visualizar os dados armazenados nas tabela ou disponibilizados
SECUNDÁRIA DE CAMARATE Área de informação para encarregados de educação e alunos
SECUNDÁRIA DE CAMARATE DIGIT@L Área de informação para encarregados de educação e alunos Escola Secundária de Camarate Equipa PTE Conteúdo Introdução... 2 Como aceder... 2 Informações disponíveis... 3
Funcionamento Básico. Este documento é composto por 3 páginas principais que permitem a navegação entre elas:
Guia do Utilizador O Guia do Utilizador procura auxiliá-lo na sua navegação pelo documento. Existe um conjunto de link s que permite aceder, de forma rápida, às páginas em consulta e regressar às páginas
20 Aula Digital. Manual do Utilizador do Aluno. Versão 1.5
20 Aula Digital Manual do Utilizador do Aluno Versão 1.5 Índice I. Começar a utilizar o 20 Aula Digital... 3 1. Registo... 3 2. Autenticação... 4 2.1. Restaurar palavra-passe... 4 3. Ativar Manuais Multimédia...
Escola Secundária Ferreira Dias Agualva - Sintra. Atividade 20
Atividade 20 1. Abra a base de dados Atividade 19 e guarda-a como Atividade 20. 2. Organize o painel dos objetos (à esquerda) por: Tabelas e vistas relacionadas, para que todos os objetos permaneçam junto
20 Escola Digital Manual do Utilizador Aluno
20 Escola Digital Manual do Utilizador Aluno 1. Conhecer o 20 Escola Digital... 4 20 Escola Digital Visão Geral... 4 2. Autenticação... 6 3. Mural... 7 3.1. Partilhar um comentário... 7 3.2. Comentar um
TypeDrawing Manual e Guia de exploração do TypeDrawing para utilização em contexto de Educação Visual e Tecnológica. José Alberto Rodrigues
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica TypeDrawing Manual e Guia de exploração do TypeDrawing para utilização em contexto de Educação
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Vistas M a n
Base de dados: Encomendas
Base de dados: Encomendas Vamos criar a BD do modelo de dados seguinte: 144 Base de dados: Encomendas (exemplos de dados) Repare no exemplo de duas encomendas, uma com 3 produtos, a 10249 E outra, a 10250
Escola Básica e Secundária de Salvaterra de Magos. RELATÓRIO CRÍTICO Prova de Aptidão Profissional
Escola Básica e Secundária de Salvaterra de Magos RELATÓRIO CRÍTICO Prova de Aptidão Profissional Daniel Pereira Nº 4 Rui França Nº 14 Curso Profissional de Gestão e Programação de Sistemas Informáticos
Topo - Portal do Governo 5 1 5 2 3 4 1. Barra Superior 3. Menu de Categorias 4. Atalhos Esta barra é composta pelos seguintes elementos, onde todos são obrigatórios: A partir deste menu podemos mudar a
Tecnologias da Informação e Comunicação
Neste guião vamos aprender a trabalhar com as funcionalidades básicas do e-mail. O e-mail serve para enviar, receber, reencaminhar mensagens com ou sem anexos (imagens, vídeos, músicas). Vamos fazer o
Índice. LeYa Multimédia
Índice 1. Conhecer o 20 Aula Digital... 3 2. Registo no 20 Aula Digital... 4 3. Autenticação... 5 3.1. Editar os dados de perfil... 5 3.2. Ativar código... 5 4. Página de entrada... 6 4.1. Pesquisar um
BIBLIOTECA ANACOM MANUAL DO UTILIZADOR
BIBLIOTECA ANACOM MANUAL DO UTILIZADOR ÍNDICE BIBLIOTECA ANACOM - Manual do Utilizador... 2 Página de entrada... 3 Barra de menus da Biblioteca ANACOM... 3 Tipos de pesquisa... 6 Pesquisa simples... 6
20 Aula Digital. Manual do Utilizador do Aluno. Versão 1.9
20 Aula Digital Manual do Utilizador do Aluno Versão 1.9 Índice I. Acesso 20 Aula Digital... 4 1. Ativar um código de acesso 20 Aula Digital... 4 II. Começar a utilizar o 20 Aula Digital... 6 1. Registo...
Desenho/Formas SmartArt
Desenho/Formas SmartArt 1 WordArt Para criar textos com efeitos Gráficos Embora o Word 2007 seja um processador de texto, permite a criação de gráficos em tudo semelhantes à folha de cálculo Excel 2007.
IPCA MANUAL DO UTILIZADOR
MANUAL DO UTILIZADOR 2012.08.27 ÍNDICE 1 Novidades para 2012-2013... 3 1.1 Aceder à plataforma de ensino a distância do IPCA... 4 1.2 Navegação 5 1.2.1 Página inicial do sítio... 5 1.2.2 A minha página
Relatório consolidado
Problema 1: Tipos de letra adoptados Relatório consolidado P1 Ao longo de todos os menu são utilizados vários tipos de letras em que algumas contem serifas o que dificulta a leitura. H2-4 Consistência
Exercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exercícios Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Maio de 2018 1 Exemplos e Exercícios Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: 2 4) Também é possível
ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011
Manual Profissional BackOffice Mapa de Mesas v2011 1. Índice 2. INTRODUÇÃO... 2 3. INICIAR O ZSRest Backoffice... 3 1 4. Confirmar desenho de mesas...... 4 b) Activar mapa de mesas... 4 c) Zonas... 4 5.
Tecnologias da Informação e Comunicação
Neste guião vamos aprender a trabalhar com as funcionalidades básicas do e-mail. O e-mail serve para enviar, receber, reencaminhar mensagens com ou sem anexos (imagens, vídeos, músicas). Vamos fazer o
Guia. Clicar em «Next» para continuar
Ecrã de confirmação Se estas informações forem corretas, clique no botão «YES» com a ajuda do rato. Se estas informações não forem corretas, clique no botão «NO» com a ajuda do rato e contacte o administrador.
JavaScript Exercício Comportamentos Dinâmicos
JavaScript Exercício Comportamentos Dinâmicos Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar um exemplo simples
CAMPUS VIRTUAL. Manual de utilização. Docentes
CAMPUS VIRTUAL Manual de utilização Docentes CTM JANEIRO 2015 1. Objetivo do Documento 02 2. Acesso ao Campus Virtual 02 Acesso através do site ISCIA - iscia.edu.pt Acesso direto campus.iscia.edu.pt 3.
20 Aula Digital Manual do Utilizador do Aluno
20 Aula Digital Manual do Utilizador do Aluno Versão 1.0 Índice I. Começar a utilizar o 20 Aula Digital... 3 1. Registo... 3 2. Autenticação... 3 2.1. Recuperar palavra-passe... 3 3. Ativar Manuais Multimédia...
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Celtx M a n u
PROCEDIMENTO DO CLIENTE
PROCEDIMENTO DO CLIENTE Título: Plug-in Slide Show Objetivo: Aprender a utilizar a ferramenta. Onde: Empresa Quem: Cliente Quando: Início A ferramenta de Slide show permite a criação de apresentações animadas
Exemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exemplos Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Agosto de 2018 2 1 Exemplos Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: Profa. Flávia Pereira de Carvalho
Tecnologias da Informação e Comunicação 9º Ano Escola Básica Miradouro de Alfazina
Tecnologias da Informação e Comunicação 9º Ano Escola Básica Miradouro de Alfazina Unidade 2 Processamento de texto Sumário Ms Word: Definição de tabulações. Operações com tabelas. Organização do texto
Microsoft Word 2010 NORMA ABNT para Trabalhos Acadêmicos Conceitos Básicos
Microsoft Word 2010 NORMA ABNT para Trabalhos Acadêmicos Conceitos Básicos contato@suptecinfo.com.br SUMÁRIO Iniciando o Word... 1 Conhecendo a Ferramenta... 1 Menu Layout da Página... 2 Capa... 3 Folha
Manual área de Membros
Manual área de Membros do Fórum Nacional Álcool e Saúde O presente Manual explica e ilustra a forma de aceder e atuar na área reservada aos Membros do Fórum Álcool e Saúde. Para que não se torne demasiado
Ferramentas Web, Web 2.0 e Software Livre em EVT
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica fontpark 2.0 Manual e Guia de exploração do fontpark 2.0 para utilização em contexto de Educação
Estrutura Técnica de Animação da RRN, Versão revista a 15/02/2016. Alteração na página 3 - ponto 2.1.b. Versão revista a 18/01/2016
Versão revista a 15/02/2016 Alteração na página 3 - ponto 2.1. Versão revista a 18/01/2016 Alteração na página 3 - ponto 2.1.f Versão revista a 27/11/2015 Alteração na página 3 - ponto 2.1.b Estrutura
Comandos Extras Formatações no CSS
Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro
Licenciatura em Ciências da Comunicação. Ano Letivo 2012/2013. Recensão Crítica
Universidade do Algarve Escola Superior de Educação e Comunicação Licenciatura em Ciências da Comunicação Ano Letivo 2012/2013 Recensão Crítica Unidade Curricular: Projeto Multimédia Docente: Fernando
Domine o Word Professor: Rafael Henriques
Domine o Word 2010 Professor: 1 08-03-2016 Rafael Henriques Sumário Introdução aos Processadores de texto; Microsoft Word 2010 O ambiente de trabalho O Friso Os Tabuladores do Word 2010; Realização e correcção
... 3... 3... 3... 4... 5... 8... 8... 10... 11... 12... 14... 16... 17... 19... 19... 20 2 O PowerPoint 2019 é um do programa para produção de apresentações incluído no conjunto de programas do Microsoft
Trabalho 4. Romeu Fonseca Nº Link do trabalho: Análise crítica de dois Web sites
Trabalho 4 Análise crítica de dois Web sites Departamento de Engenharia Informática da Universidade de Coimbra Design e Multimédia Romeu Fonseca Nº 501062969 Link do trabalho: http://student.dei.uc.pt/~romeu/dm.htm
Aparência. Lauri Watts Tradução: José Pires
Lauri Watts Tradução: José Pires 2 Conteúdo 1 Aparência 4 1.1 Geral............................................. 4 1.2 Tipos de Letra........................................ 4 1.3 Folhas de Estilo.......................................
Ao projeto inciado na aula anterior, faça as seguintes alterações:
Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em
I A Beleza está nos olhos do usuário
PAW I I A Beleza está nos olhos do usuário Eu sei que ele disse que você é somente outra garçonete chata com uma coluna, mãe, mas acho você a melhor...está sempre prestando atenção em seus usuários. O
APLICAÇÃO RESULTADOS DO MERCADO MANUAL DO UTILIZADOR. Data: 12/04/2016. Versão: 3.0 MERCADO IBÉRICO DEL GAS
APLICAÇÃO RESULTADOS DO MERCADO MANUAL DO UTILIZADOR Data: 12/04/2016 Versão: 3.0 Alfonso XI, 6. 28014 Madrid (España) www.mibgas.es T (+34) 91 268 26 01 ÍNDICE 1. OBJETIVO DO DOCUMENTO 2 2. APLICAÇÃO
Sítio da semana: Dementia
Ciências da Comunicação Projeto Multimédia 2010/2011 2º Semestre Sítio da semana: Dementia Ana Narciso nº 39813 Ana Lourenço nº 39303 Ficha síntese: Título e slogan: Dementia - A loucura à distância de
Tutorial RCAAP. Com este tutorial, pretende-se que o utilizador consiga: Realizar pesquisas simples e avançadas Conhecer o diretório de recursos
Tutorial RCAAP O objectivo deste tutorial é ajudar a procurar informação através do RCAAP (Repositório Científico de Acesso Aberto de Portugal). O RCAAP é um portal que reúne registos dos documentos depositados
CSS Exercício JCC. Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto. Sumário
CSS Exercício JCC Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar e experimentar o processo de implementação de
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Architect Studio
Web Design Responsivo
Web Design Responsivo O Design Responsivo ajusta-se automaticamente baseado no tamanho da tela do dispositivo de mídia que está sendo utilizado. Nós estudaremos como utilizar a propriedade @media_property
ANÁLISE DE UM SÍTIO WEB
COMUNICAÇÕES DIGITAIS E INTERNET ANÁLISE DE UM SÍTIO WEB Caracterização do mesmo up100719029 2011 D O C E N T E S :BR U N O G I E S T E I R A E S É R G I O N U N E S 2 ANÁLISE DE UM SÍTIO WEB Introdução
Manual de Utilizador do Backoffice
Manual de Utilizador do Backoffice Conteúdo Acesso ao Backoffice... 2 Actualizar Conteúdos do Website... 3 Homepage... 3 Quem Somos... 5 Serviços... 7 Outros Produtos... 8 Empresas Parceiras... 9 Contactos...
Exemplo de número de caixa. Exemplo de número de posto
1. Índice 2. Inicialização....2 3. Configuração..3 4. Configuração inicial de ZS Rest APP em terminal móvel........12 5. Funcionamento ZS Rest APP em terminal móvel.....14 2 Este manual serve para o ajudar
Análise do questionário Utilização de software educativo na sala de aula. 1. Identificação
Análise do questionário Utilização de software educativo na sala de aula. O questionário Utilização de software educativo na sala de aula foi aplicado nos Concelhos de Faro, Albufeira, Silves e Portimão,
Ferramentas Web, Web 2.0 e Software Livre em EVT
Ferramentas Web, Web 2.0 e Software Livre em EVT E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o
GAMEIROS PLATAFORMA WEB. 1. Homepage 1.1. Ao clicar para adicionar um produto ao carrinho da homepage, o carinho não fica com o produto.
GAMEIROS PLATAFORMA WEB 1. Homepage 1.1. Ao clicar para adicionar um produto ao carrinho da homepage, o carinho não fica com o produto. LVEngine: Assumimos este ponto sem cobrar qualquer custo LVEngine:
A ferramenta wiki dentro da Plataforma Moodle funciona como um aplicativo que permite a redação e edição coletiva de textos e hipertextos.
Criando wiki A ferramenta wiki dentro da Plataforma Moodle funciona como um aplicativo que permite a redação e edição coletiva de textos e hipertextos. Basicamente, a página wiki é um local onde todos
Guião para Produção de Animação
Guião para Produção de Animação Título: Organização da Tabela Periódica dos Elementos Tema do Programa: Cap. 3 Classificação dos materiais Propriedades dos materiais e TP dos elementos Objectivos Pedagógicos:
Sistema do Ciclo de Vida do Cartão de Cidadão Versão 3 Modo Offline
Sistema do Ciclo de Vida do Cartão de Cidadão Versão 3 Modo Offline FICHA TÉCNICA TÍTULO SCVCC 3 Modo Offline (2017 v.1) PROPRIEDADE Instituto dos Registos e do Notariado, I.P. AUTOR Departamento de Identificação
Manual de Utilizador. Instruções gerais de utilização SIGRHE
Manual de Utilizador Instruções gerais de utilização do SIGRHE janeiro de 2019 Índice 1 ENQUADRAMENTO... 5 1.1 Aspetos gerais... 5 1.2 Acesso ao sistema... 5 1.3 Definições, Abreviaturas, Acrónimos e Legenda...
Estrutura de conteúdos
Estrutura de conteúdos ACC Julho de 2015 Conteúdos Início... 7 1.1 Slider de Imagens... 7 1.2 About this slider... 7 Apresentação... 8 2.1 Introdução... 8 2.2 Missão, Visão e Posicionamento... 8 Serviços...
Jornal TAP. Manual de Utilização
Manual de Utilização 14-10-2015 Login 1- Login O utilizador, credenciado para edição de conteúdos, pode fazer login ao servidor através do endereço: http://jornal.tap.pt/pages/boffice.aspx 2- Após introduzir
II. Conceitos Básicos da Aplicação
II. Conceitos Básicos da Aplicação Elaborado com base na aplicação disponível em 2008-01-22 Introdução Neste módulo do curso encontra informação sobre os conceitos básicos da aplicação utilizada na Comissão
Interfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução
Interfaces Pessoa Máquina Laboratório 1 HTML, CSS, JS- Introdução 01 HTML + CSS + JavaScript Tecnologia para desenvolvimento web: Páginas web Aplicações web Aplicações mobile HTML Linguagem standard para
5. Gestão das classificações resultantes dos processos de avaliação da plataforma
MOODLE - NÍVEL II ACTIVIDADES 5. Gestão das classificações resultantes dos processos de avaliação da plataforma As Classificações, que se encontra no bloco Administração, permitem ao professor para executar
INICIAÇÃO AO EXCEL Renato Albuquerque abril de 2016
Noções básicas Vamos trabalhar com o Microsoft Office EXCEL 2010, software que está instalado em todos os computadores da escola. O EXCEL é uma folha de cálculo eletrónica, isto é, um programa que permite
Manual de preenchimento dos formulários de trabalhos de execução de sinalização
Manual de preenchimento dos formulários de trabalhos de execução de sinalização Introdução Foram criados modelos alternativos dos mapas de execução trabalhos de sinalização vertical e horizontal. Estes
TAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Recensão Crítica de Site Abril de 2012
Recensão Crítica de Site Abril de 2012 José Bela nº39128 e Frederico Martins nº42677 Alunos do segundo ano do curso de Ciências da Comunicação na Escola Superior de Educação e Comunicação da Universidade
CSS Cascading Style Sheets
CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a FFONTS M a n
MÓDULO 3 PÁGINAS WEB. Criação de Páginas Web
MÓDULO 3 PÁGINAS WEB Criação de Páginas Web TÉCNICAS DE IMPLANTAÇÃO DE PÁGINAS NA WEB Linguagens de Programação O HTML é a linguagem mais utilizada para criar páginas Web com hipertexto. Utilizando a linguagem
Agrupamento de Escolas Templários
Agrupamento de Escolas Templários Guião do utilizador Início Na página inicial do GIAE Online poderá aceder à área pessoal (netgiae) e a área geral (netalunos). O GIAE Online é uma aplicação instalada
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a Stripe Generator
Ferramentas Web, Web 2.0 e Software Livre em EVT
E s t u d o s o b r e a i n t e g r a ç ã o d e f e r r a m e n t a s d i g i t a i s n o c u r r í c u l o d a d i s c i p l i n a d e E d u c a ç ã o V i s u a l e T e c n o l ó g i c a dipity M a n
Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>
Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo
MANUAL DE NAVEGAÇÃO. Manual de utilização e dicas para que conheça melhor a estrutura do site millenniumbcp.pt.
MANUAL DE NAVEGAÇÃO Manual de utilização e dicas para que conheça melhor a estrutura do site millenniumbcp.pt. 1 02 ÍNDICE 03 1 A NOVA ESTRUTURA 04 2 A ÁREA INFORMACIONAL 04 Cor 04 A homepage do site 05