LABORATÓRIO WEB / 4º SEMESTRE
|
|
- Leonardo de Andrade Schmidt
- 8 Há anos
- Visualizações:
Transcrição
1 LABORATÓRIO WEB / 4º SEMESTRE INSTITUTO POLITÉCNICO DE LISBOA - ESCOLA SUPERIOR DE COMUNICAÇÃO SOCIAL - LICENCIATURA AUDIOVISUAL E MULTIMÉDIA
2 AULA 17 A. CSS: LAYOUT DAS PÁGINAS - POSICIONAMENTO E FLUTUAÇÃO - PROCESSAMENTO DOS CONTEÚDOS B. CSS: BOX MODEL C. EXERCÍCIOS
3 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) Permite acabar com o uso de tabelas e GIF s transparentes para criar layouts de sites. CSS P CSS POSITIONING (Posicionamento via CSS) Torna-se possível dispor os conteúdos de um documento HTML como fazemos com um software de paginação ou composição. A tag mais utilizada é a <div>, mas não é a única a poder ser alvo de posicionamento. Permite a criação de um bloco genérico (ideal para agrupar outros elementos e posicioná-los de seguida.
4 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) TIPOS DE POSICIONAMENTO static relative absolute fixed inherit estático relativo, em que o elemento se encontra posicionado relativamente a determinado elemento. absoluto, em que o elemento se posiciona precisamente num local da página relativo a todo o documento. fixo valor herdado do elemento "pai" A SINTAXE #geral {position:absolute; }
5 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) PROPRIEDADES ASSOCIADAS AO LAYOUT DA PÁGINA position top right bottom left width min-width max-width height min-height max- height z-index tipo de posicionamento topo direita em baixo esquerda comprimento comprimento mínimo comprimento máximo altura altura mínima altura máximo ordem dos níveis
6 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) PROPRIEDADES ASSOCIADAS AO LAYOUT DA PÁGINA visibility overflow float clear clip visibilidade transbordo flutuação anular corte
7 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) POSITION position:static corresponde à ordem como os conteúdos surgem no browser, assumindo uma posição estática consoante são rendidos para visualização. position:relative o posicionamento relativo é efectuado a partir do ponto onde ele seria rendido normalmente na sua posição estática, mantendo o elemento a sua área do fluxo do documento HTML. position:absolute permite indicar a posição do canto superior esquerdo do elemento. Essa posição é calculada em relação à janela do browser e o elemento sai completamente do fluxo do documento HTML.
8 POSICIONAMENTO E FLUTUAÇÃO (CONCEITOS DE DESIGN) POSITION position:fixed o seu posicionamento é associado à janela do browser, permitindo manter a posição definida como fixa, não se movendo com o scroll. NOTA: Por predefinição, o valor é o static, não sendo inerente do seu parent; O posicionamento do tipo fixed é útil para criar efeitos semelhantes aos obtidos com os frames, no qual uma parte da informação está fixa e a outra move-se. PROBLEMA: O Internet Explorer não reconhece esta propriedade.
9 TOP, RIGHT, BOTTOM E LEFT Estão todas associadas à mesma função de posicionar um elemento. Apesar de serem propriedades independentes, são usadas em parceria com a propriedade position. Permite valores numéricos e o valor auto. NOTA: Não são propriedades com inerência, tendo o valor auto como padrão.
10 FLOAT Inspirada na palavra flutuação, permite colocar um elemento encostado ao outro; Quando usado nas imagens permite a sensação de flutuação, que é utilizada na paginação de texto (revistas e jornais). VALORES none left right os elementos são colocados pela sua ordem natural, portanto sem float; os elementos são encostados à esquerda; os elementos são encostados à direita. NOTA: o valor none é o atribuído por predefinição, não havendo inerência para esta propriedade.
11 CLEAR É a propriedade contrária à float; Permite ignorar elementos com float atribuído não os autorizando a colocar-se ao seu lado. VALORES none left right both permite que haja elementos flutuantes ao seu lado limpa todos os elementos que flutuem à esquerda, permitindo-os apenas à direita. limpa todos os elementos que flutuem à direita, permitindo-os apenas à esquerda. limpa todos os elementos que flutuem quer à direita quer à esquerda.
12 CLEAR NOTA: Não é uma propriedade inerente, tendo como padrão o valor none, permitindo por defeito, elementos flutuantes lado a lado. Esta propriedade é útil para criar layouts, principalmente para as caixas destinadas a actuarem como cabeçalhos ou rodapés, pois regra geral actual como elementos à parte ficando de fora de qualquer float.
13 DEFINIÇÃO DAS DIMENSÕES LAYOUT: é importante o seu posicionamento e o controlo do seu comportamento no browser (float e clear), mas igualmente importante é a dimensão dos seus elementos/ objectos. Se não forem definida nenhuma dimensão a uma caixa (div) ela crescerá de acordo com o conteúdo que nela estiver inserido.
14 WIDTH Especifica a dimensão, em comprimento, de um elemento. VALORES para além do valor auto, que define o comprimento de forma automática à medida do elemento ou do seu conteúdo, pode-se usar valores numéricos em todas as unidades de medida. NOTA: Não aceita valores negativos. No caso de utilizarmos % devemos ter atenção que as mesmas são calculadas com base no elemento parent. Não é uma propriedade com inerência, tendo por predefinição o valor auto.
15 MIN-WIDTH E MAX-WIDTH / MIN-HEIGHT E MAX-HEIGHT Permite manter blocos com uma consistência de tamanho ao invés de um tamanho certo (propriedade width e height), define-se um tamanho relativo. O seu uso permite garantir que as caixas terão sempre um tamanho mínimo ou máximo.
16 HEIGHT Permite especificar o tamanho em altura de um elemento. VALORES para além do valor auto, que define a altura de forma automática à medida do elemento ou do seu conteúdo, pode-se usar valores numéricos em todas as unidades de medida. NOTA: Não aceita valores negativos. No caso de utilizarmos % devemos ter atenção que as mesmas são calculadas com base no elemento parent. Não é uma propriedade com inerência, tendo por predefinição o valor auto. No Firefox, se especificando o height e o seu conteúdo ultrapassar as medidas definidas por uma caixa, a mesma não cresce como no Internet Explorer, aparecendo como consequência, o conteúdo fora da caixa.
17 PROCESSAMENTO DOS CONTEÚDOS O HTML faz o processamento dos elementos que integram um documento dividindoos em dois grandes tipos: BLOCK Quando um elemento obriga a que o seguinte seja colocado abaixo; INLINE Quando um elemento pode coexistir com outro na mesma linha
18 PROCESSAMENTO DOS CONTEÚDOS PROPRIEDADES display white-space list-style-type list-style-image list-style-position border-collapse border-spacing caption-side empty-cells table-layout apresentação dos elementos espaço em branco tipo de listas imagem das listas (bullets / destaques) posição das listas junção das borders espaço das borders (tabelas) lado dos títulos (tabelas) células vazias (tabelas) layout das tabelas (tabelas)
19 B. CSS: BOX MODEL O QUE É? O modelo Box Model é uma técnica de webdesign, exclusivo em CSS, e que descreve as caixas (boxes) geradas pelos elementos HTML. O tamanho de um elemento não é somente aquilo que foi definido com as propriedades width ou height do CSS. Estas propriedades definem apenas o espaço que pode receber o conteúdo(s). Através do modelo Box Model, podemos detalhar as opções de ajuste de margens, borders, paddings e conteúdo para cada elemento. Todas estas especificações entram nas soma final, para definirmos a largura ou altura do elemento.
20 B. CSS: BOX MODEL MODELO.elemento { width: 300px; height: 120px; padding-left: 10px; border: 5px solid #000; } No browser, esta div terá a largura total total de 450px ( ). O nome, que significa modelo de caixa, tem fundamento, porque no final, um rectângulo/ quadrado dentro do outro, somando tudo temos o tamanho do elemento.
21 REFERÊNCIAS BIBLIOGRÁFICAS BUDD, Andy. CSS MASTERY - ADVANCED WEB STANDARDS SOLUTIONS. Friendsof (2006). PEREIRA, Alexandre e POUPA, Carlos. LINGUAGENS WEB. Edições Sílabo (2005-2ª edição). ROBBINS, Jennifer N. LEARNING WEB DESIGN. O Reilly (2007-3ª edição). SCHMITT, Christopher. CURSO DE CSS. O Reilly - ANAYA MULTIMEDIA (2007). UGHETTO, Vico. CSS - CRIAÇÃO INOVADORA DE SITES. FCA - Web Pro (2006). REFERÊNCIAS ONLINE
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 3 Estilo CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula3.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Apresentar os conceitos de utilização do CSS, Sintaxe, Seletores
Leia maisPosicionamento e Layout com CSS
Posicionamento e Layout com CSS Esquemas de posicionamento: absolute e relative Construção de layouts com divs e regras CSS Existem quatro tipos de posicionamento em CSS: estático, relativo, absoluto
Leia maisLayouts de páginas com HTML e CSS
Layouts de páginas com HTML e CSS Layouts de Páginas com CSS.... 2 Layout com tamanho Líquido... 2 Layout com tamanho Fixo... 3 Desenvolvendo um layout com tamanho fixo.... 5 Layouts de Páginas com CSS.
Leia maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 3: Layout básico e Div's: técnicas com uso de ID's e Classes Objetivos Compreender a importância do uso de Elementos de Div no desenvolvimento de Layouts de página; Explorar e aplicar o uso de
Leia maisWEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Recursos avançados com CSS Uma vez entendido o uso básico e treinado muito, chegou
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes
Leia maisDESIGN RESPONSIVO TÉCNICAS E PROCESSOS DE PRODUÇÃO. Profº Ritielle Souza
DESIGN RESPONSIVO TÉCNICAS E PROCESSOS DE PRODUÇÃO Profº Ritielle Souza Web design responsivo Mas, o que é Web Design Responsivo? O Wiki diz o seguinte (tradução livre): Web Design Responsivo (RWD), essencialmente
Leia maisMicrosoft Office FrontPage 2003
Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft
Leia maisHTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto)
HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) CSS - Cascading Style Sheets CSS serve para definir propriedades de apresentação/formatação a aplicar em tags HTML. A sua utilização
Leia maisCSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata
CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,
Leia maisSlice Tool - Ferramenta Fatia
Faculdade de Tecnologia da Paraíba CURSO CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA A INTERNET DISCIPLINA DESENVOLVIMENTO DE APLICAÇÕES WEB ESTÁTICAS PERÍODO: P2 Semestre: 2008.2 PROFESSOR Geraldo Rodrigues
Leia maisObservações importantes:
Fundação CECIERJ - Vice Presidência de Educação Superior a Distância Curso de Tecnologia em Sistemas de Computação Disciplina Criação de Páginas de WEB AD1 1 semestre de 2014. Observações importantes:
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Introdução Nesta quinta edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos o estudo do Windows Mail, um cliente
Leia maisProgramação para Internet
Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos
Leia maisDefinindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar
Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,
Leia maisRoteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Leia maisMódulo: Criação de Páginas WEB
Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Introdução Nesta útima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes Yahoo! Mail
Leia maisResponsive Web Design
Professor: http://jemaf.github.com DESENVOLVIMENTO DE APLICAÇÕES WEB - INFORMATICA - COLTEC/UFMG 2014 Introdução Atualmente, a web é acessada de qualquer lugar, em qualquer dispositivo. Acesso a web: Anos
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail
Leia maisIntrodução ao HTML. Sumário
Introdução ao HTML Telemédia Grupo de Comunicações por Computador Sumário em HTML Texto Alternativo Alinhamento Margens Redimensionar 1 em HTML Para inserir uma imagem basta usar a etiqueta da seguinte
Leia maisBem- Vindo ao manual de instruções do ECO Editor de COnteúdo.
Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar
Leia maisPersonalizações do mysuite
Personalizações do mysuite 1. mysuite... 2 2. Customização de campos... 3 3. Importação de dados... 3 4. Integração de sistemas... 3 5. Personalização do Atendimento Online... 4 5.1. Imagens de online
Leia maisCSS Cascading Style Sheets Folhas de Estilo em Cascata
CSS Cascading Style Sheets Folhas de Estilo em Cascata Conjunto de instruções que controla a aparência de uma página Web 1. Regra CSS seletor { propriedade1: valor; propriedade2: valor; 2. Aplicação 2.1
Leia maisAula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013
Efeito cascata Aula 4 Modelo CSS Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Fontes das folhas de estilo Autor Usuário Agente do usuário
Leia maisConstrução Páginas de Internet
Construção Páginas de Internet Definir um Site no Frontpage Objectivos da sessão: No final da sessão os formandos deverão ser capazes de: Saber o que são os metadados do Frontpage; Distinguir entre Sites
Leia maisAula 5 Cabeçalhos, Imagens e Links
Roteiro Aula 5 Cabeçalhos, Imagens e Links Efeitos em cabeçalhos Imagens e CSS Links Curso: Técnico em Informática / 2º Módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Efeitos
Leia maisComo Começar? Criação Páginas. Etapas. Apresentação INTERNET
Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de
Leia maisCOMO TRABALHAR COM O MICROSOFT FRONTPAGE 2003
COMO TRABALHAR COM O MICROSOFT FRONTPAGE 2003 O Microsoft FrontPage é uma aplicação que permite: A criação de páginas HTML (H ypertext Markup Language) num ambiente WYSIWYG (What You See Is What You Get)
Leia maisLista de propiedades CSS
Lista de propiedades CSS Abaixo uma lista completa de propriedades CSS e a sua respectiva descrição: 1 - FUNDO background Valores: background-color background-image background-repeat background-attachment
Leia maisTABLELESS E PROJETO ESTRUTURAL
Barra Lateral 1 Barra Lateral 2 Barra Lateral 2 Barra Lateral Barra Lateral DISCIPLINA: FUNDAMENTOS E TECNOLOGIA EM WEB Professora: Adriana Silva TABLELESS E PROJETO ESTRUTURAL O termo TABLELESS refere-se
Leia maisEste tutorial tem por objectivo explicar como trabalhar com o Microsoft Office PowerPoint.
INTRODUÇÃO Este tutorial tem por objectivo explicar como trabalhar com o Microsoft Office PowerPoint. Tudo o que for dito referir-se-á ao PowerPoint 2000, versão em língua portuguesa (de Portugal), programa
Leia maisBem vindo ao ajuda do software QUICKFISH para criação de sites.
Bem vindo ao ajuda do software QUICKFISH para criação de sites. SUMÁRIO 1 Exemplo de site criado no software QUICKFISH...02 2 Salvando Seu Site...03 3 Publicando Seu Site...03 4 Visão inicial do Software
Leia maisCRIAÇÃO DE SITES (AULA 7)
Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 7) CSS significa CascadingStyleSheetes(Folhas de Estilo em Cascata). Não seria ótimo
Leia maisModelo de formateo visual em CSS
Programação Web Modelo de formateo visual em CSS Conferencia 6 MSc. Yoenis Pantoja Zaldívar Recordando Atributos das caixas largura borde margen fundo altura recheio Resumo Tipos de posicionamento. Visualização
Leia maisMICROSOFT POWERPOINT
MICROSOFT POWERPOINT CRIAÇÃO DE APRESENTAÇÕES. O QUE É O POWERPOINT? O Microsoft PowerPoint é uma aplicação que permite a criação de slides de ecrã, com cores, imagens, e objectos de outras aplicações,
Leia maisUma liberdade que facilita a criatividade, mas também traz outras vantagens, nomeadamente:
INTRODUÇÃO Uma liberdade que facilita a criatividade, mas também traz outras vantagens, nomeadamente: Melhor acessibilidade A estrutura dos documentos HTML, apenas baseados na estilização vis CSS, são
Leia maisCriação de Páginas Web - MS Word 2000
Gestão Comercial e da Produção Informática I 2003/04 Ficha de Trabalho N.º 9 Criação de Páginas Web - MS Word 2000 1. Criação de uma página Web (HTML): Escreva o seu texto e introduza as imagens pretendidas
Leia maisTÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB
TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB Tiago Volpato 1, Claudete Werner 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil tiagovolpatobr@gmail.com,
Leia mais0777 Processador de Texto
0777 Processador de Texto Objectivo (s) Utilizar aplicações informáticas de processamento de texto. Processador de texto conceitos gerais Criação de um documento Abertura de documentos Gravação de documentos
Leia maisTutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
Leia mais3.1 Definições Uma classe é a descrição de um tipo de objeto.
Unified Modeling Language (UML) Universidade Federal do Maranhão UFMA Pós Graduação de Engenharia de Eletricidade Grupo de Computação Assunto: Diagrama de Classes Autoria:Aristófanes Corrêa Silva Adaptação:
Leia maisCAUETEC INFORMÁTICA Rua Serra Talhada, 153 Vila Diana - 04835-150 São Paulo. Fone: 3441-6836 Site: www.cauetec.com.br E-mail: cauetec@cauetec.com.
3 de 13 Índice 1. Mapa CSS e legenda das principais imagens que compõe as paginas...4 a. Conhecimentos desejáveis:...4 b. Modelos Clássico e Fundo Fixo:...4 c. Para o designer o que muda entre o modelo
Leia maisCRIAÇÃO DE SITES (AULA 9)
Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 9) Cor do primeiro plano: a propriedade 'color' A propriedade color define a cor
Leia maisWeb Design Aula 15: Conhecendo CSS
Web Design Aula 15: Conhecendo CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Agrupando Seletores Herança Comentários Exercício Adicionando Classes Validação Propriedades Agrupando
Leia maisDesign para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.
Resolução - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução Exemplo de imagem com diferentes resoluções de Pontos/Pixels por polegada". Em uma imagem digital quanto mais
Leia maisImagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis)
Imagens - Formatos GIF (Graphics Interchange Format) - Muito popular na web. - Permite ter um máximo de 256 cores. - Indicado para cartoons, logos, imagens com áreas transparentes e animações. JPEG (ou
Leia maisPassa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
Leia maisAdministração da disciplina
Administração da disciplina Agrupamento Vertical de Escolas de Tarouca Documento disponível em: http://avetar.no-ip.org 1.Acesso e utilização da plataforma:. Seleccione a opção Entrar, que se encontra
Leia maisFerramentas 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 Doctor Who M
Leia maisAula 09 - Atualização de uma tabela dinâmica. Aula 09 - Atualização de uma tabela dinâmica. Sumário. Atualizando a tabela dinâmica
Sumário Atualizando a tabela dinâmica Exibição de páginas em planilhas separadas Detalhando / ocultando os dados da planilha Gráfico dinâmico Gráfico dinâmico (cont.) Alterando a formatação do gráfico
Leia maisProgramação para Internet
Programação para Internet Aula 07 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos
Leia maisFluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos
Este procedimento corresponde ao fluxo de trabalho de Indexação de código de barras e de separação de documentos no programa de treinamento do Capture Pro Software. As etapas do procedimento encontram-se
Leia mais24-05-2011. Técnico de Organização de Eventos Módulo III Criação de Páginas Web. Técnico de Organização de Eventos. Técnico de Organização de Eventos
Sumário Tecnologias de Informação e Comunicação Aquisição do software Dreamweaver. Características recursos e potencialidades. Ambiente de trabalho do software. Operações básicas com páginas Web. Realização
Leia maisPré-requisito Treinamento de Lógica de Programação, ou conhecimento equivalente.
1 HTML5 e 3 Descrição Aprenda no curso de HTML os conceitos essenciais para a criação de páginas web, junto com os novos recursos e possibilidades que o HTML5 e 3 oferecem para a criação de sites com códigos
Leia maisGUIA BÁSICO DA SALA VIRTUAL
Ambiente Virtual de Aprendizagem - MOODLE GUIA BÁSICO DA SALA VIRTUAL http://salavirtual.faculdadesaoluiz.edu.br SUMÁRIO 1. Acessando Turmas 4 2. Inserindo Material 4 3. Enviando Mensagem aos Alunos 6
Leia maisGeoMafra SIG Municipal
GeoMafra SIG Municipal Nova versão do site GeoMafra Toda a informação municipal... à distância de um clique! O projecto GeoMafra constitui uma ferramenta de trabalho que visa melhorar e homogeneizar a
Leia mais1.2.4. Organizar a estrutura do site
1.2.4. Organizar a estrutura do site 1 Organizar a estrutura do site A organização da estrutura do site passa pela definição das ligações entre as páginas que o compõem Esta organização deve ser intuitiva
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas
Leia mais4.14 - Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img
4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Leia maisDWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
Leia maisManual de utilização do Moodle
Manual de utilização do Moodle Iniciação para docentes Universidade Atlântica Versão: 1 Data: Fevereiro 2010 Última revisão: Fevereiro 2010 Autor: Ricardo Gusmão Índice Introdução... 1 Registo no Moodle...
Leia maisDirecção Regional de Educação do Algarve
MÓDULO 1 Folha de Cálculo 1. Introdução à folha de cálculo 1.1. Personalização da folha de cálculo 1.2. Estrutura geral de uma folha de cálculo 1.3. O ambiente de da folha de cálculo 2. Criação de uma
Leia mais1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO
Leia maisSíntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens
Leia maisUNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO
UNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO Instituto de Ciências Exatas e Tecnologia Curso: Ciência da Computação e Sistemas de Informação Série: 1º semestre Disciplina: Laboratório de Práticas
Leia maisVejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Leia maisCSS. Sérgio Nunes. Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13
CSS Sérgio Nunes Comunicações Digitais e Internet Ciências da Comunicação, U.Porto 2012/13 1 Objetivos Conhecer as origens e os objetivos da linguagem CSS. Conhecer a estrutura base de uma regra CSS. Compreender
Leia maisA VISTA BACKSTAGE PRINCIPAIS OPÇÕES NO ECRÃ DE ACESSO
DOMINE A 110% ACCESS 2010 A VISTA BACKSTAGE Assim que é activado o Access, é visualizado o ecrã principal de acesso na nova vista Backstage. Após aceder ao Access 2010, no canto superior esquerdo do Friso,
Leia maisFormador: Carlos Maia
Formador: Carlos Maia Iniciar o MS Excel MS Excel - Introdução 1 Ajuda Se ainda não estiver visível a ajuda do Excel do lado direito do ecrã, basta clicar sobre Ajuda do Microsoft Excel no menu Ajuda,
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia maisPrática 3 Microsoft Word
Instituto Federal de Educação, Ciência e Tecnologia do Estado da Paraíba, Campus Sousa Disciplina: Informática Básica Prática 3 Microsoft Word Assunto: Tópicos abordados: Prática Utilização dos recursos
Leia maisSistema dinâmico de impressão da tabela de detalhes das facturas
Sistema dinâmico de impressão da tabela de detalhes das facturas M1.MAN.M1.120215.AS01 Criado em: Thursday, February 16, 2012 Copyright 1989-2011 MedicineOne, life sciences computing SA MedicineOne copyright
Leia maisQuem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Leia maisLOJAS ESPECIAIS 2014
LOJAS ESPECIAIS 2014 LOJAS ESPECIAIS 2014 ÍNDICE Personalização da Página 3 Dúvidas Frequentes 6 LOJAS ESPECIAIS 2014 PERSONALIZAÇÃO DA PÁGINA Para iniciar a personalização acesse Catalogo Gerenciar Categorias
Leia maisDisciplina: Tecnologias de Informação e Comunicação Ano Letivo 2014/2015
A informação, o conhecimento e o mundo das tecnologias. (I7.1) Utilização do computador e/ou dispositivos eletrónicos similares em segurança. (I7.2) 1. Compreender a evolução das tecnologias de informação
Leia maisAPOSTILA DE PROGRAMAÇÃO WEB
Programação Web - CSS 1 PROFESSOR LUIS NÍCOLAS DE AMORIM TRIGO APOSTILA DE PROGRAMAÇÃO WEB CSS CASCADING STYLE SHEETS (FOLHAS DE ESTILO EM CASCATA) Programação Web - CSS 2 INTRODUÇÃO CSS, também conhecido
Leia mais7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisConstruindo Sites com. CSS e (X)HTML. sites controlados por folhas de estilo em cascata. Maurício Samy Silva. Novatec
Construindo Sites com CSS e (X)HTML sites controlados por folhas de estilo em cascata Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...14 Introdução...16 Para quem foi escrito este
Leia maisGERENCIADOR DE CONTEÚDO
1/1313 MANUAL DO USUÁRIO GERENCIADOR DE CONTEÚDO CRISTAL 2/13 ÍNDICE 1. OBJETIVO......3 2. OPERAÇÃO DOS MÓDULOS......3 2.1 GERENCIADOR DE CONTEÚDO......3 2.2 ADMINISTRAÇÃO......4 Perfil de Acesso:... 4
Leia maisneste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css?
neste tutorial, iremos abordar as folhas de estilo em cascata, mais conhecidas como cascading style sheets. por que usar css? O html inclui uma tag para praticamente todos os elementos de design comumente
Leia maisUsando o NVU Parte 2: Inserindo imagens
Usando o NVU Parte 2: Inserindo imagens Simão Pedro P. Marinho Para uso exclusivo por alunos da PUC Minas Inserindo uma imagem que está no seu computador Inserindo uma imagem que já está na Internet Inserindo
Leia maisManual de Conversão para PDF Envio de Arquivos ao Diário Oficial
Manual de Conversão para PDF Manual de Conversão para PDF 3 Conversão para PDF Microsoft Office 2003 Instalação da impressora PDF O pacote de aplicativo Office 2003 não possui nativamente o recurso de
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisWeb design & HTML. avançado
Web design & HTML avançado Helder da Rocha Rev.: WDHT-03-2000/04 A4 (ASIT) Copyright 1998, 1999, 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos do autor sobre esta obra
Leia maisMicrosoft Office Excel 2007
1 Microsoft Office Excel 2007 O Excel é um programa dedicado a criação de planilhas de cálculos, além de fornecer gráficos, função de banco de dados e outros. 1. Layout do Excel 2007 O Microsoft Excel
Leia maisANIMAÇÕES WEB AULA 2. conhecendo a interface do Adobe Flash. professor Luciano Roberto Rocha. www.lrocha.com
ANIMAÇÕES WEB AULA 2 conhecendo a interface do Adobe Flash professor Luciano Roberto Rocha www.lrocha.com O layout do programa A barra de ferramentas (tools) Contém as ferramentas necessárias para desenhar,
Leia maisCSS - Parte 02. Prof. Marciano dos Santos Dionizio
CSS - Parte 02 Prof. Marciano dos Santos Dionizio Imagens de fundo [backgroundimage] A propriedade CSS background-image é usada para definir uma imagem de fundo. Usaremos a imagem de uma borboleta para
Leia maisExercí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
Leia maisTecnologias para Web Design
Tecnologias para Web Design CSS Folhas de estilo em cascata ÿ CSS Cascading Style Sheets ÿ Linguagem para definir atributos de estilo dos elementos da linguagem HTML ÿ CSS é uma linguagem independente
Leia maisOficina de Construção de Páginas Web
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Actividades de exploração Objectivo Explorar as funcionalidades essenciais do Programa, na perspectiva da construção/actualização
Leia mais4.14 - Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img
4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Leia mais