Roteiro de Auxílio para as Atividades Práticas de Sistemas de Informação
|
|
- Filipe Canela Van Der Vinne
- 7 Há anos
- Visualizações:
Transcrição
1 Roteiro de Auxílio para as Atividades Práticas de Sistemas de Informação A linguagem XML no contexto do curso de Sistemas de Informação é utilizada principalmente para o armazenamento e a manipulação de dados. No teste prático, que será usado neste roteiro, se pedia que fosse criado um documento XML para o armazenamento de dados de máquinas elétricas ou automóveis. No roteiro será reutilizado o caso dos automóveis. A seguir se apresenta passo-a-passo o que poderia ter sido feito para a resolução do teste prático. 1. Para manipulação de arquivos XML se deve utilizar preferencialmente o programa XMLPad ( O HTML-Kit é mais aconselhável para edição de documentos HTML. Após lançar o programa XMLPad se deve selecionar no menu a opção File/New. A janela apresentada a seguir é mostrada pelo programa. Nesta janela se deve selecionar XML Document e clicar em OK. O software apresenta então a janela mostrada a seguir. 1/10
2 Nesta janela se deve indicar em Root Tag o nome do elemento raiz do documento XML, que para os automóveis pode ser automoveis (nomes de marcadores não podem ter espaços nem acentos). Após clicar em OK se terá acesso a janela para edição do documento; esta janela é apresentada a seguir. 2/10
3 Nesta janela se pode então criar o documento. Como se trata de automóveis se deve criar um nó para a representação de cada automóvel. A este nó se pode, por exemplo, dar o nome de auto. Um único nó deve ser utilizado para a representação de todos os automóveis, ou seja, todos os automóveis serão representados usando o mesmo elemento auto. Dentro de cada elemento auto se deve então criar nós que permitam que se represente os dados que se deseja manter para os automóveis que são: Fabricante, Modelo, Número de Portas, Ano e Cor. Um documento XML vazio para a representação de um único automóvel é descrito a seguir. <?xml version = "1.0" encoding = "utf-8"?> <automoveis> <auto> <fabricante></fabricante> <modelo></modelo> <nportas></nportas> <ano></ano> <cor></cor> </auto> </automoveis> Para finalizar a criação do documento XML se deve inserir os dados de cada um dos automóveis que se pediu que fossem representados. Na seqüência se deve salva o documento com a extensão.xml (neste roteiro se utilizou autos.xml). A figura apresentada a seguir mostra a janela do XMLPad com os dados de cada automóvel. 3/10
4 Um documento XML é visualizado como uma árvore. Ao se clicar sobre a aba Preview se tem acesso a visualização do documento criado. A seguir se apresenta o resultado. 4/10
5 2. No teste foi solicitado que se criasse uma folha de estilos CSS para a apresentação do documento XML. Conforme explicado, documentos XML não contêm nenhuma informação de formatação (na figura imediatamente acima se pode observar sua apresentação padrão como uma árvore). Para que os mesmos possam ser apresentados segundo uma formatação qualquer, folhas de estilo devem ser usadas. Cada um dos elementos do documento XML deve ter sua formatação declarada na folhas de estilos. Assim, se deve declarar o formato dos elementos automoveis, auto, fabricante, modelo, nportas, ano e cor. Para a declaração da formatação as propriedades apresentadas na aula sobre CSS devem ser usadas. Deve-se usar as propriedades para declarar os formatos solicitados, como por exemplo as cores das fontes ou seus tamanhos. Para a mudança de linhas se deve ter conhecimento do Modelo de Caixas (transparência 9 da aula XML-CSS). A partir da declaração da propriedade display se pode definir se um elemento será apresentado na mesma linha (display: inline) ou em linhas diferentes (display: block). A propriedade border pode ser usada para se desenhar uma borda ao redor do elemento. A seguir se apresenta uma possível solução para a apresentação do documento XML sobre automóveis. Uma folha de estilos deve ser salva com a extensão.css (neste roteiro a folha de estilos que contém a declaração abaixo foi salva como autos.css). autos { background-color: #ffff99; border:solid 1px #A3A3A3; padding:10px; font-family: arial; tautos { font-size: 18pt; color: blue; font-weight: bold; line-height: 2 5/10
6 auto { display: block; background-color: #ccffcc; margin-bottom: 30pt; margin-left: 0; border:solid 1px #A3A3A3; padding:10px; fabricante, modelo, nportas, ano, cor { display: block; color: #0000FF; font-size: 16pt; fabricante:before { font-weight:bold; text-transform:uppercase; content:"fabricante: "; modelo:before { font-weight:bold; text-transform:uppercase; content:"modelo: "; nportas:before { font-weight:bold; text-transform:uppercase; content:"número de Portas: "; ano:before { font-weight:bold; text-transform:uppercase; content:"ano: "; cor:before { font-weight:bold; text-transform:uppercase; content:"cor: "; 6/10
7 Conforme se pode observar acima, cada um dos elementos do documento XML teve sua formatação declarada. Pode-se inclusive utilizar a mesma formatação para um conjunto de elementos e neste caso o nome de todos os elementos deve preceder a declaração da formatação. O pseudo elemento :before é utilizado para declarar um título para cada um dos elementos. Para que o documento XML seja apresentado com a formatação declarada na folha de estilos, é necessário incluir a declaração da folha de estilos no documento. Isto é feito através da inclusão após o prólogo XML (a primeira linha do documento XML apresentado) da seguinte declaração: <?xml-stylesheet type="text/css" href="autos.css"?> O documento autos.css deve estar no mesmo diretório do documento XML. Caso se deseje colocar a folha de estilos em outro diretório, o caminho deve ser declarado em href. Após esta declaração o documento XML pode ser visualizado com a formatação definida na folha de estilos. O pseudo elemento só é visível no navegador Firefox, e por esta razão a figura a seguir apresenta o resultado da aplicação da folhas de estilos CSS ao documento XML neste navegador (para a correta apresentação dos acentos, no prólogo se utilizou <?xml version="1.0" encoding="iso "?>). 7/10
8 3. A parte final do exercício solicitava que se transformasse o documento XML e um documento HTML. Para tanto uma folha de estilos XSL deve ser utilizada. Uma folha de estilos XSL quando declarada em um documento XML faz com que o navegador que lê o documento XML transforme o conteúdo do documento XML, neste caso específico em um documento HTML. De outro maneira se pode dizer que ao ler o documento XML o navegador irá interpretar os comandos da folha de estilos XSL e criar, a partir do conteúdo declarado no documento XML um segundo documento em outro formato qualquer (neste caso HTML). A utilização de uma folha de estilos XSL deve ser declarada do mesmo modo que foi declarada a utilização da folha CSS (as duas não são usadas juntas, ou se utiliza uma ou outra). Assim as duas primeiras linhas do documento XML devem ser: <?xml version="1.0" encoding="iso "?> <?xml-stylesheet href="autos.xsl" type="text/xsl"?> As transparências 10,11,12 e 13 da aula XML-XSTL detalham os passos básicos que devem ser seguidos. Na transparência 10 se pode ver a transformação mais básica onde nada é importado do documento XML, sendo que somente conteúdo HTML é criado na saída. Desta transparência o elemento mais importante é o <xsl:template match="/"> que indica que a transformação será aplicada ao documento inteiro. Através do atributo match se pode indicar a qual elemento se pretende aplicar uma transformação. Na transparência 11 se apresenta como se pode recuperar um elemento qualquer em um documento XML. Deve-se utilizar <xsl:value-of select="catalog/cd/title"/> para recuperar, neste caso, o valor do título de um CD. Conforme se pode observar o atributo select deve indicar a posição do elemento na árvore que representa o documento XML. Neste exemplo a raiz do documento é catalog que tem como filho cd que tem como filho title. Nesta transparência se pode observar que somente um elemento do documento XML é apresentado. 8/10
9 A transparência 12 apresenta a utilização do elemento for-each. Este elemento deve ser utilizado para que se itere sobre o documento XML de modo a recuperar cada um dos nós que representam os CDs. Um elemento <xsl:for-each select="catalog/cd"> deve portanto ser utilizado (o elemento como qualquer elemento XML deve ser fechado através da instrução </xsl:for-each>). Deste modo para cada um dos elementos se irá criar uma linha da tabela (o par <tr> </tr>) com as colunas onde são apresentados os dados (o número de colunas interna ao for-each deve ser idêntico ao número declarado para os títulos das colunas através dos elementos th). Na transparência 13 se apresenta o resultado final. A folha de estilos XSL completa usada é apresentada a seguir. <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="/"> <html> <head> <title>lista de automóveis</title> </head> <body> <h2>lista de automóveis</h2> <table border="1"> <tr bgcolor="#9acd32"> <th>fabricante</th> <th>modelo</th> <th>número de Portas</th> <th>ano</th> <th>cor</th> </tr> <xsl:for-each select="autos/auto"> <tr> <td align="center"><xsl:value-of select="fabricante"/></td> <td align="center"><xsl:value-of select="modelo"/></td> <td align="center"><xsl:value-of select="nportas"/></td> <td align="center"><xsl:value-of select="ano"/></td> <td align="center"><xsl:value-of select="cor"/></td> </tr> </xsl:for-each> </table> </body> </html> </xsl:template> </xsl:stylesheet> 9/10
10 O resultado da aplicação da folhas XSL ao documento XML é apresentado (novamente utilizando o navegador Firefox) a seguir. 10/10
CSS -Cascading Style Sheets - Introdução
CSS -Cascading Style Sheets - Introdução Como surgiu a tecnologia CSS? De início, a linguagem HTML foi criada para a construção de páginas Web, que exibiam apenas documentos científicos. Com a evolução
Leia maisTECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das
Leia maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Leia mais<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
Leia maisWeb Design Aula 13: Introdução a CSS
Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas
Leia maisFEUP Faculdade de Engenharia da Universidade do Porto XSL. Porto, Maio de 2002. Gabriel David gtd@fe.up.pt. FEUP, Maio 2002 XML/XSL
1 FEUP Faculdade de Engenharia da Universidade do Porto XSL Porto, Maio de 2002 Gabriel David gtd@fe.up.pt Estilo vs Conteúdo 2 Reutilização de fragmentos de dados: o mesmo conteúdo pode ter um aspecto
Leia maisBem-vindo ao XML. Apostila de XML
Bem-vindo ao XML Bem-vindo a Extensible Markup Language, XML, a linguagem para tratamento de dados em uma forma compacta, fácil de gerenciar sem mencionar o mais poderoso avanço visto na Internet nos últimos
Leia maisProgramação para Internet I Aulas 10 e 11
Programação para Internet I Aulas 10 e 11 Fernando F. Costa nando@fimes.edu.br XML Definição e origem extensible Markup Language (XML) é linguagem de marcação de dados que provê um formato para descrever
Leia maisIntrodução às Folhas de Estilo
Introdução às Folhas de Estilo Folhas de Estilo Cascading Style Sheets (CSS). Separa aparência e estrutura do documento. Permite maior controle sobre a apresentação das páginas Margens Tamanho / tipo de
Leia maisCEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
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 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 maisTransformação de documentos XML
Transformação de documentos XML César Vittori cvittori@inf.ufrgs.br Outubro de 2000 Resumo XSLT: Transformações XSL. Transformação de documentos XML. XSLT Introdução XSLT: transformações XSL (inglês: XSL
Leia maisWeb Design Aula 15: Propriedades CSS
Web Design Aula 15: Propriedades CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Propriedades de texto Propriedades de Cores Propriedades de Bordas Propriedades de Listas Cor de
Leia maisHTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
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 maisEXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}
Fontes A propriedade font-family é usada para definir uma lista de fontes e sua prioridade para apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada na máquina
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 maisDesenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Leia maisCSS - Cascading Style Sheets
Introdução CSS - Cascading Style Sheets Padrão de Apresentação de Documentos CSS Cascate Style Sheets Objetivos: Conhecer o Histórico; Conhecer a Usabilidade; Por que usar? Quando usar? Como usar? Conhecer
Leia maisRelatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011.
Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011. CSS aplicado com HTML CSS é a sigla para Cascading Style Sheets
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 maisRegras de estilos; Folhas de estilos; Seletores; Validação.
Disciplina: Autoria Web AULA 10 Regras de estilos; Folhas de estilos; Seletores; Validação. Corpo docente: MsC. Alexandro Vladno Edmilson Campos MsC. Fábio Procópio Esp. Felipe Dantas MsC. João Maria MsC.
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisAula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
Leia mais1) Em um documento separado fora de todos os documentos HTML;
Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte
Leia maisIntrodução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
Leia maisPrefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais AMANDA - TUTORIAL HTML Básico Oficina de produção de tutoriais
Leia mais#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
Leia mais#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 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 maisPosicionamento, dimensões e outros elementos de HTML5 e CSS3
R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
Leia maisPROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Capacitar para a construção de documentos
Leia maisextensible Markup Language (XML) XML é uma linguagem de anotação. XML utiliza tags para descrever informação.
extensible Markup Language (XML) XML é uma linguagem de anotação. XML utiliza tags para descrever informação. Em XML, os tags não são pré-definidos. Temos de definir os nossos tags. XML utiliza um Document
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 maisgedit Bloco de notas
GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução
Leia maisPROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
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 maiscss Cascading Style Sheets CSS CASCADING STYLE SHEETS
css Cascading Style Sheets CSS CASCADING STYLE SHEETS Oque é o CSS Cascading Style Sheets - Folhas de Estilo em Cascata Não é uma linguagem de programação, é uma linguagem de estilo. Define a apresentação
Leia maisTECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos
Leia maisCSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br
Web Introdução Design CSS - Background, Color e Fontes Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br O que veremos... CSS Cores e fundos Fontes Cores e fundos Algumas propriedades
Leia maisComandos 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
Leia maisRevisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
Leia maisAula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens
Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe
Leia maisCSS 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
Leia maisXML e XSL. Ciência da Computação DESENVOLVIMENTO DE APLICAÇÕES PARA WEB. Claudinei Dias email: prof.claudinei.dias@gmail.com
Ciência da Computação DESENVOLVIMENTO DE APLICAÇÕES PARA WEB XML e XSL Prof. Claudinei Dias email: prof.claudinei.dias@gmail.com Fundamentos XML Extensible Markup Language Linguagem de marcação de dados
Leia maisDesenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 3: Introdução a Linguagem CSS Desenvolvimento de Sites com PHP e Mysql Objetivos Vincular folhas de estilo CSS em páginas de Internet; Compreender a sintaxe CSS; Controlar a formatação dos elementos
Leia maisUma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
Leia mais46283-04 Redes Informatizadas de Comunicação e Informação Profa. Márcia de Borba Campos
Como construir o site abaixo? Vamos fazer passo-a-passo: 1. Criar o arquivo HTML. 2. Escolher a opção "Página em branco". Será criado o arquivo nova_pagina_1.htm. Salvar como teste1.htm 3. Criar o arquivo
Leia maisManual Webmail GUIA GERAL UNIVERSIDADE TECNOLÓGIA FEDERAL DO PARANÁ DIRETORIA DE GESTÃO DE TECNOLOGIA DA INFORMAÇÃO - DIRGTI 2015
2015 Manual Webmail GUIA GERAL UNIVERSIDADE TECNOLÓGIA FEDERAL DO PARANÁ DIRETORIA DE GESTÃO DE TECNOLOGIA DA INFORMAÇÃO - DIRGTI 2015 2 Sumário 1 Acessando o Correio Eletrônico... 4 1.1 Cota de e-mail...
Leia maisHTML 5 + CSS APRESENTANDO O CSS ESTILOS LOCAIS
APRESENTANDO O CSS CSS Cascading Style Sheets, ou, em português, Folha de Estilo em Cascata - é uma linguagem de estilo que pode ser utilizada na formatação de documentos HTML. Com CSS, podemos criar regras
Leia maisCSS Cascading Style Sheets (Folhas de Estilo em Cascata)
CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Parte I CSS Basic 2 CSS Determina como elementos
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar estilos em HTML com CSS Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
Leia maisProgramação para Web HTML - Parte 2
Programação para Web HTML - Parte 2 Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 2 de março
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza Ferramentas Programáveis Mensagem para mais de um destinatário FALE CONOSCO Definindo
Leia maisF 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
Leia maisPROGRAMAÇÃ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
Leia mais<NOME>ABIAS FRANCISCO DE SOUZA</NOME> <CNPJCPF>68884087872</CNPJCPF> <NMATRICULA>101264</NMATRICULA>
1. ARQUIVO XML 1.1. O arquivo XML deverá possuir o seguinte formato: ABIAS FRANCISCO DE SOUZA 68884087872 101264
Leia maisUFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Leia maisMudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata
Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.
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 maisINTRODUÇÃO AO. www.posse.ueg.br RESUMO
www.posse.ueg.br Home Page: http://www.posse.ueg.br/index.php/conexao-ueg/meuperfil/userprofile/ronaldo INTRODUÇÃO AO RESUMO Considerada uma das principais invenções do século XX, a Web revolucionou a
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage EstruturaBásicadoDocumentoHTML ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Leia maisextensible Stylesheet Language (XSL) XSL descreve como fazer o display de um documento XML. XSL é uma espécie de style sheets para XML...
extensible Stylesheet Language (XSL) XSL descreve como fazer o display de um documento XML. XSL é uma espécie de style sheets para XML...... do mesmo modo que CSS são style sheets para HTML. 1 XSL engloba
Leia maisManual do KXSLDbg. Keith Isdale Tradução: Marcus Gama
Keith Isdale Tradução: Marcus Gama 2 Conteúdo 1 Introdução 5 1.1 Recursos........................................... 5 2 Usando o KXSLDbg 6 2.1 Configurando uma Sessão do KXSLDbg.........................
Leia maisReceita. Introdução HTML & CSS. Neste projeto você aprenderá a criar uma página de internet para sua receita favorita. Lista de atividade
HTML & CSS 1 Receita All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
Leia maisMAPEAMENTO DE CONSULTAS SQL EM XML ENTRE SISTEMAS GERENCIADORES DE BANCO DE DADOS RELACIONAIS
Universidade Federal de Santa Catarina Centro Tecnológico Departamento de Informática e Estatística Curso de Sistemas de Informação RENATO SULZBACH MAPEAMENTO DE CONSULTAS SQL EM XML ENTRE SISTEMAS GERENCIADORES
Leia maisAutoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML
Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes
Leia maisIntrodução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
Leia maisUNIVERSIDADE FEDERAL DO VALE DO SÃO FRANCISCO UNIVASF SECRETARIA DE TECNOLOGIA DA INFORMAÇÃO STI DEPARTAMENTO DE SISTEMAS DE INFORMAÇÕES
UNIVERSIDADE FEDERAL DO VALE DO SÃO FRANCISCO UNIVASF SECRETARIA DE TECNOLOGIA DA INFORMAÇÃO STI DEPARTAMENTO DE SISTEMAS DE INFORMAÇÕES MANUAL DO USUÁRIO SISTEMA DE TRAMITAÇÃO DE DOCUMENTOS Versão 3.0
Leia maisFerramentas Programáveis. Profº Ritielle Souza
Ferramentas Programáveis Profº Ritielle Souza Folhas de Estilo Existem três formas de trabalharmos com folhas de estilos Forma mais usual CSS Externo Estilo na página Forma menos usual estilo inline
Leia maisTreinamento em CSS. Índice
Nível: Básico Horas: 2 Treinamento em CSS Índice Índice...1 Introdução...2 Formantando documentos...2 O que é CSS?...2 Por que utilizar CSS?...2 Separando o sistema em camadas...3 Vinculando um arquivo
Leia maisHTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
Leia maisCriando conta de usuário
Criando conta de usuário 1- No menu a esquerda da tela.viewable { background-color:#ff6666;.creatable { background-color:#66ff66; #rightinfo{ padding: 10px; border: 1px solid; border-color: #CCCCCC; background-color:#ffffff;.form{
Leia maisUtilizando as CSS Styles no Flash MX 2004
Utilizando as CSS Styles no Flash MX 2004 Uma nova funcionalidade do Flash MX 2004, é a habilidade de se poder importar informação CSS (Cascading Style Sheets) a partir de um ficheiro de texto. Em vez
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 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 maisIFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links
De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links Propriedades básicas para fontes: color: cor da fonte font-family: tipo de fonte font-size: tamanho
Leia maisRoteiro 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
Leia maisUNIVERSIDADE PAULISTA UNIP EMENTA E CONTEÚDO PROGRAMÁTICO. I. Ementa HTML e XHTML, de estrutura e marcação utilizados na sua composição; CSS.
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: Programação de Computadores
Leia maisProva de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
Leia maisProf. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
Leia maisDreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
5232 - Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 1.1. Novidades do Dreamweaver CS6... 23 1.2. Área de Trabalho... 24 1.2.1. Tela de Boas-vindas...
Leia maisExtensible Markup Language (XML) Júnio César de Lima Cedric Luiz de Carvalho. Instituto de Informática Universidade Federal de Goiás www.inf.ufg.
Extensible Markup Language (XML) Júnio César de Lima Cedric Luiz de Carvalho Technical Report - RT-INF_002-05 - Relatório Técnico June - 2005 - Junho The contents of this document are the sole responsibility
Leia maisFolhas de estilo. Jomi Fred Hübner jomi@inf.furb.br. (XSL e XPath) FURB / DSC
Folhas de estilo (XSL e XPath) Jomi Fred Hübner jomi@inf.furb.br FURB / DSC Fevereiro, 2004 XML Stylesheet Language (XSL) XSL é uma linguagem para descrever folhas de estilo para documentos XML. Transformer
Leia maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisAUTORIA WEB. Prof. Antonio Arley Rodrigues da Silva. arleysb@gmail.com
AUTORIA WEB Prof. Antonio Arley Rodrigues da Silva arleysb@gmail.com Sumário 1 Introdução... 4 2 HTML... 5 2.1 Estrutura Básica... 5 2.1.1 Exercícios de Fixação... 6 2.2 Semântica HTML... 6 2.3 Parágrafos...
Leia maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
Leia maisCESPE Acerca de aplicativos para edição de textos e planilhas e do Windows 10, julgue o próximo item. Situação hipotética: Elisa recebeu a
Início da Aula 2016 - CESPE Acerca de aplicativos para edição de textos e planilhas e do Windows 10, julgue o próximo item. Situação hipotética: Elisa recebeu a tarefa de redigir uma minuta de texto a
Leia maisJosé Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas
José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript EmpregoWeb-Registo de pessoas Elabore um sítio Web de nome EmpregoWeb, recorrendo à linguagem HTML utilizando folhas de estilos (CCS) que registe
Leia maisDreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
4149 - Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução 1.1. Novidades do Dreamweaver CS5...23 1.2. Área de Trabalho...23 1.2.1. Tela de Boas-vindas...24 1.2.2.
Leia maisProgramação WEB II. Conhecendo o PHP. Prof: Kelly E. Medeiros Bacharel em Sistema de Informação. Módulo III
Programação WEB II Conhecendo o PHP Módulo III Prof: Kelly E. Medeiros Bacharel em Sistema de Informação 1 Conhecendo o PHP Com o NotePad++ aberto com um arquivo em branco, devemos fazer uma pequena configuração
Leia maisLinguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira
Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.
Leia maisRespostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
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 Gabarito AD1 2 semestre de 2014. Observações importantes:
Leia maisIntrodução ao HTML Utilizando frames Hospedando seu site na WEB
Introdução ao HTML Utilizando frames Hospedando seu site na WEB Por quê???? Por que com tantos editores gráficos de HTML, devemos saber como escrever um código fonte? Porque se você só viu páginas feitas
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 mais