Introdução a XML X100
|
|
|
- Vinícius Caldas Leão
- 10 Há anos
- Visualizações:
Transcrição
1 Introdução a XML X100 Helder da Rocha ([email protected]) Atualizado em setembro de
2 O que é XML? extensible Markup Language: padrão W3C Uma maneira de representar informação não é uma linguagem específica não define vocabulário de comando não define gramática, apenas regras mínimas de estrutura Exemplo: documento XML usuario_33.xml <contato codigo="33"> <nome>severino Severovitch</nome> <telefone tipo="celular"> <area>11</area> <numero> </numero> </telefone> </contato> elemento atributo "nó" de texto 2
3 XML versus HTML HTML mostra como apresentar XML mostra o que significa <h1>severino Severovitch</h1> <h2>[email protected]</h2> <p> <b>11</b> <i> </i> </p> <nome>severino Severovitch</nome> < >[email protected]</ > <telefone> <ddd>11</ddd> <numero> </numero> </telefone> 3
4 Anatomia de um documento XML Documentos XML são documentos de texto Unicode É uma hierarquia de elementos a partir de uma raiz Menor documento tem um elemento (vazio ou não): <nome> Северино Северович </nome> Menor documento contendo elemento vazio Elemento raiz <nome></nome> = <nome/> Menor documento contendo elemento e conteúdo texto <nome> Северино Северович </nome> Etiqueta inicial Conteúdo do Elemento Etiqueta final 4
5 XML Namespaces Estabelecem um contexto para elementos e atributos É formalmente declarado através de um identificador (um string, geralmente uma URI) através de atributo reservado do XML: xmlns Podem ser associados a um prefixo para qualificar elementos e atributos Quando o prefixo não é usado, estabelece um namespace default adotado pelo elemento onde é declarado e seus elementos filho <simulacao> <tempo unidade="segundos">130</tempo> <clima xmlns="uri://app clima"> <tempo>chuvoso</tempo> </clima> </simulacao> Escopo do namespace vale para descendentes de <simulacao> qualificados com o prefixo 'w' Escopo do namespace vale para elemento <clima> e herdado por todos os seus descendentes <simulacao xmlns:w="uri://app clima"> <tempo unidade="segundos">130</tempo> <w:clima> <w:tempo>chuvoso</w:tempo> <tempo unidade="horas">2.5</tempo> </w:clima> </simulacao> Nos dois casos, elementos <tempo> significam coisas diferentes, mas não há conflito porque pertencem a namespaces diferentes (um deles não tem namespace) 5
6 Documentos XML bem formados Para que possa ser manipulado como uma árvore, um documento XML precisa ser bem formado Documentos que não são bem formados não são documentos XML use um editor XML para descobrir Documentos bem-formados obedecem as regras de construção de documentos XML genéricos Regras incluem Ter um, e apenas um, elemento raiz Valores dos atributos estarem entre aspas ou apóstrofes Atributos não se repetirem Todos os elementos terem etiqueta de fechamento Elementos estarem corretamente aninhados 6
7 Exemplos de algumas regras (1) Elementos não devem se sobrepor Não pode <a><b></a></b> (2) Atributos têm que ter valores entre aspas Não pode Deve ser <hr width=10> <hr width="10"> (3) Nomes de elementos são case-sensitive Não pode <a>...</a> (4) Todos os elementos têm marcadores de abertura e de fechamento Não pode <br>x<br> Deve ser <br/>x<br/> ou <br></br>x<br></br> 7
8 XML válido Um XML bem construído pode não ser válido em determinada aplicação Aplicação típica pode esperar que elementos façam parte de um vocabulário limitado, certos atributos tenham valores e tipos definidos, elementos sejam organizados de acordo com uma determinada estrutura hierárquica, etc. É preciso especificar a linguagem! Esquema: modelo que descreve todos os elementos, atributos, entidades, suas relações e tipos de dados Um documento é considerado válido em relação a um esquema se obedecer todas as suas regras 8
9 Esquema Documentos que aderem à especificação (válidos) O esquema representa uma classe Os documentos são instâncias Documento fora da especificação Esquema (universo de documentos válidos) Como definir esquemas: DTD - Document Type Definition W3C XML Schema 9
10 DTD vs. XML Schema Um esquema é essencial para que haja comunicação usando XML Pode ser estabelecido "informalmente" (via software) Uso formal permite validação usando ferramentas genéricas de manipulação de XML Soluções padrão do W3C DTD <!ELEMENT contato (nome, , telefone)> <!ATTLIST contato codigo NMTOKEN #REQUIRED> XML Schema <xsd:schema xmlns:xsd=".../xmlschema"> <xsd:element name="contato"> <xsd:complextype> <xsd:attribute name="codigo" use="required"> Simples mas não é XML Não suporta namespaces Limitado quando a tipos de dados É XML, porém mais complexo Suporta namespaces Permite definição de tipos 10
11 Por que usar XML para compartilhar dados? Porque é um padrão aberto Facilidade para converter para formatos proprietários Porque é texto Fácil de ler, fácil de processar, menos incompatibilidades Porque promove a separação entre estrutura, conteúdo e apresentação Facilita geração de dados para visualização dinâmica Evita repetição de informação / simplifica manutenção Porque permite semântica na Web Elementos HTML não carregam significado, apenas dicas de formatação: mecanismos de busca ficam prejudicados 11
12 Como produzir XML Criando um documento de texto Unicode a partir de qualquer editor de textos <contato codigo="33"> <nome>severino Severovitch</nome> < >[email protected]</ > <telefone tipo="celular"> <area>11</area> <numero> </numero> </telefone> </contato> Gerando um documento a partir de uma árvore montada dinamicamente 33 Severino Severovitch [email protected] celular <contato codigo="33"> <nome>severino Severovitch</nome> < >[email protected]</ > <telefone tipo="celular"> <area>11</area> <numero> </numero> </telefone> </contato> 12
13 Visualização em um browser Folha de estilo: conjunto de regras para formatar ou transformar as informações de um documento XML CSS - Cascading Style Sheets Transformação visando apresentação visual Aplicação do estilo em tempo de execução no cliente XSLT - extensible Stylesheet Language Transformação em texto, HTML ou outro formato Aplicação em tempo real ou prévia (no servidor) Se não estiver associado a uma folha de estilo, o documento XML não tem uma "aparência" definida Vários browsers por default mostram a árvore-fonte XML Outros mostram apenas os nós de texto sem formatação 13
14 Formas de processamento XML Via APIs de programação SAX Simple API for XML: leitura seqüencial, ideal para extração de dados DOM Document Object Model: leitura completa, ideal para manipulação (inserção, reordenação, alteração, remoção de nós) Via linguagens de processamento (suportadas por parsers e processadores padronizados pela W3C) XSLT, XPath, XLink, XPointer e XQuery: extração, transformação e localização de dados XSL-FO, XHTML, SVG: apresentação de dados 14
15 Processamento XML texto XML para SGBD e vice-versa <xml> <xml> <xml> "custom" XML <xml> WML VoiceXML VRML Web HTML CSS JavaScript DOM SAX PDF PDF PDF RTF TeX SGML SGBD Gráficos SVG Imagens JPG e PNG PDF e PostScript 15
16 XPath Linguagem usada para navegar na árvore XML Uma expressão XPath é um caminho na árvore que resulta em um valor (número, texto, booleano), objeto (elemento, atributo, nó de texto) ou conjunto de objetos 33 Severino Severovitch celular Caminhos absolutos /contato/telefone/numero/text() Relativos ao contexto /contato (ou./@codigo) telefone/@tipo (ou./telefone/@tipo) telefone/numero/text() Expressões XPath são usadas dentro de atributos XML Usadas em XSLT, XLink, XQuery e XPointer 16
17 XLink, XPointer e XQuery XLink: especificação W3C que define vínculos (de diversos tipos) entre documentos XML Funcionalidade mínima é igual ao <a href> do HTML É uma coleção de atributos, com namespace próprio, que podem ser usados em elementos de qualquer linguagem XML. XPointer: aponta para partes de documentos XML Identificador no destino, acessível por XLink: xlink:href="#ident" Caminho resultante de expressão XPath: xpointer(/livro/id) XQuery: linguagem para pesquisar documentos XML através de queries com sintaxe inspirada em SQL Exemplo: FOR $b IN document("usuario_33.xml")/contato WHERE nome="severino Severovitch" RETURN $b 17
18 XSL extensible Stylesheet Language Aplicação de XML para transformação e apresentação de dados disponíveis em XML Não existe mais como uma especificação. Foi dividida em duas XSLT foca em transformação de dados. XSLT é uma linguagem funcional para processamento de templates XSL-FO linguagem de descrição de página (como PDF, HTML+CSS) Cada especificação define um namespace próprio XSLT usa o identificador XSL-FO usa Importante: as URLs acima são usadas como identificadores de namespace, e não representam nenhum endereço Web É muito comum usar URLs como identificadores de namespace Todas as aplicações XML do W3C usam URLs da forma: de criacao>/<tecnologia> 18
19 <xsl:stylesheet version="1.0" xmlns:xsl=" <xsl:template match="livro/titulo"> <td><xsl:value-of select="." /></td> XSLT XSL Transformations (XSLT) Linguagem (XML) para criação de documentos que contêm regras de transformação para documentos XML Documentos escritos em XSLT são chamados de folhas de estilo (mas são na verdade templates) e contêm Elementos XSLT: <template>, <if>, <for each>,... Expressões XPath para localizar nós da árvore-fonte Texto ou XML a ser gerado no documento-resultado Usa-se um processador XSLT fontetohtml.xslt Folha de estilos fonte.xml Documento Fonte Processador XSLT Xalan, TrAX, Saxon Firefox, I. Explorer, etc. Documento Resultado 19
20 XSLT: documento-fonte (1) Considere o seguinte documento-fonte: <aeronave id="ptgwz"> <origem partida="08:15">rio de Janeiro</origem> <destino>são Paulo</destino> </aeronave> E sua representação como uma árvore-fonte / PTGWZ <origem> Rio de 08:15 <destino> São Paulo 20
21 XSLT: folha de estilos (2) documento resultado (em preto) O seguinte template (parte de uma folha de estilos XSLT) pode extrair os dados do documento-fonte documento-fonte (em azul - XPath) <xsl:template match="aeronave"> <p>a aeronave de prefixo <xsl:value of select="@id" /> decolou de <xsl:value of select="origem" /> às <xsl:value of select="origem/@partida" /> tendo como destino o aeroporto de <xsl:value of select="destino" />.</p> </xsl:template> elementos XSLT (em vermelho, com prefixo xsl) Elementos XSLT são qualificados com prefixo (da forma <xsl:elemento>) para evitar conflitos com o documento-resultado O prefixo xsl e namespace precisam ser declarados com xmlns:xsl 21
22 XSLT: documento-resultado (3) Após a transformação, o resultado será <p>a aeronave de prefixo PTGWZ decolou de Rio de Janeiro às 8:15 tendo como destino o aeroporto de São Paulo.</p> Para obter outros resultados e gerar outros formatos com os mesmos dados, pode-se criar folhas de estilo adicionais 22
23 <fo:root xmlns:fo=" <fo:layout-master-set> <fo:simple-page-master master-name="p1"> <fo:region-body/> XSL-FO XSL Formatting Objects Linguagem XML de descrição de página com os mesmos recursos que PostScript ou PDF Descreve o layout preciso de texto e imagens Possui centenas de elementos, atributos e propriedades (que são semelhantes às propriedades do CSS) Páginas são facilmente convertidas para PDF e PostScript Ideal para gerar documentos para impressão (livros, etc.) Normalmente gerada via XSLT XML XML XSLT Fonte Processador XSLT XML Documento XSLFO FOP Documento PDF 23
24 XSL-FO: menor documento <fo:root xmlns:fo=" <fo:layout master set> <fo:simple page master master name="p1"> <fo:region body/> </fo:simple page master> </fo:layout master set> <fo:page sequence master name="p1"> <fo:flow flow name="xsl region body"> <fo:block color="blue" font size="20pt"> Hello PDF! </fo:block> </fo:flow> </fo:page sequence> </fo:root> Ligação entre as regras de layout e o conteúdo afetado Este é o "<body>" do XSL-FO Este é o "<head>" do XSL-FO 24
25 <html xmlns=" <head><title>página XHTML</title></head> <body> <h1>página XHTML</h1> XHTML extensible HTML Linguagem XML de descrição de página Web Mesmos elementos do HTML 4.0 Strict Elementos descrevem somente a estrutura dos componentes da página. A forma precisa ser especificada usando CSS: não há elementos/atributos para mudar cor, alinhamento, etc. Pode ser misturada (estendida) com outras linguagens XML (MathML, SVG, linguagens proprietárias) Normalmente gerada via XSLT XML XML XSLT Documento Fonte Processador XSLT XML Documento XHTML 25
26 <svg xmlns=" <circle style="fill: red" cx="3cm" cy="3cm" r="2.5cm" /> <rect style="fill: blue" x="6cm" y="6cm" height="2.5cm" width="1.5cm" /> SVG Scalable Vector Graphics (padrão W3C) Gráficos vetoriais em XML Plug-ins para principais browsers: concorre com Flash Suporta animações, links, JavaScript, CSS Produzido por ferramentas como Adobe Ilustrator Pode ser embutido no código XHTML e XSL-FO Zoom + Zoom + 26
27 Exemplo de SVG JavaScript <svg width="10cm" height="10cm"> <g onclick="alert('clicou no grupo 1!')"> <circle style="fill: red" CSS cx="3cm" cy="3cm" r="2.5cm" /> <rect style="fill: blue" x="6cm" y="6cm" height="2.5cm" width="1.5cm" /></g> <g onclick="alert('clicou no grupo 2!')"> <circle style="fill: green; opacity: 0.5" cx="5cm" cy="5cm" r="2cm" /></g> <a xmlns:xlink=" xlink:href=" <text style="color: black; font family: tahoma; font size: 12pt" x="3cm" y="8cm"> SVG é XML</text></a> </svg> XLink 27
28 Outras aplicações populares do XML MathML DocBook TEI WML VoiceXML Classe oper(): void oper2(): int 1 * XMI Classe2 oper(): void oper2(): int Classe3 oper(): void oper2(): int Web Services SOAP WSDL UDDI ebxml XML-RPC CML 28
29 Demonstração Exemplo de transformação XML PDF <xml> <xslt> FO (1) <xsl:fo> FOP (1.a) (1.b) Saxon (3) <xslt> SVG JFOR <xslt> Texto (4) (2) Texto texto texto texto texto texto texto texto texto <xslt> HTML HTML SVG 29
30 Conclusões XML é uma ótima solução para compartilhar dados Para implementar soluções em gestão de informações usando XML, pode-se usar DTD ou XSchema para especificar o modelo de dados e validar as informações As APIs DOM ou SAX para extrair dados dos documentos, gerar documentos, ler e gravar em bancos de dados XSLT e XPath para transformar os dados em outros formatos XLink, XPointer e XQuery para criar vínculos lógicos entre os documentos e localizar seus componentes XSL-FO ou XHTML para formatar os dados para impressão ou visualização na tela (PDF, Word ou Web) SVG para gerar informações em forma de gráfico vetorial 30
XML e Banco de Dados. Prof. Daniela Barreiro Claro DCC/IM/UFBA
XML e Banco de Dados DCC/IM/UFBA Banco de Dados na Web Armazenamento de dados na Web HTML muito utilizada para formatar e estruturar documentos na Web Não é adequada para especificar dados estruturados
MAPEAMENTO 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
XML: uma introdução prática <xml:introdução />
XML: uma introdução prática Helder da Rocha www.argonavis.com.br 1 Objetivos Oferecer uma visão geral da tecnologia XML Responder às questões Como implementar soluções de gestão de informações
Sistemas Distribuídos na WEB (Plataformas para Aplicações Distribuídas) XML Origens. HTML Problemas
Sistemas Distribuídos na WEB (Plataformas para Aplicações Distribuídas) (extensible( Markup Language ) Origens (extensible Markup Language linguagem de marcação extensível) Criada em 1996 pelo W3C (World
Introdução e motivação SGBD XML Nativo Consultas em SGBDs XML Prática. Bancos de dados XML. Conceitos e linguagens de consulta
Bancos de dados XML Conceitos e linguagens de consulta Sidney Roberto de Sousa MC536 - Bancos de Dados: Teoria e prática Material base: W3Schools XPath and XQuery Tutorial http://www.w3schools.com/xpath/
Desenvolvimento 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,
Introdução. Definição. Validação. Universo XML. Apresentação. Processamento. Prof. Enzo Seraphim. Banco de Dados
Introdução Definição Validação Apresentação Processamento Banco de Dados Universo XML Prof. Enzo Seraphim Popularidade do HTML Extremamente simples Estilo próprio para formatação de documentos Ligações
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza O QUE É XML? Tecnologia desenvolvida pelo W3C http://www.w3c.org W3C: World Wide Web Consortium consórcio
XML Básico. Murillo Vasconcelos Henriques B. Castro. 17 de maio de 2011
XML Básico Murillo Vasconcelos Henriques B. Castro 17 de maio de 2011 O QUE É? Sigla para extensible Markable Language É uma linguagem de marcação, assim como HTML Desenvolvida para ser auto explicativa
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza O QUE É XML? Tecnologia desenvolvida pelo W3C http://www.w3c.org W3C: World Wide Web Consortium consórcio
Informática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1
Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
XML. 1. XML: Conceitos Básicos. 2. Aplicação XML: XHTML 3. Folhas de Estilo em Cascata XML
1 1. : Conceitos Básicos 2. Aplicação : XHTML 3. Folhas de Estilo em Cascata 2 é um acrônimo para EXtensible Markup Language é uma linguagem de marcação muito parecida com HTML foi designada para descrever
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio [email protected]
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio [email protected] #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
XML: uma introdução prática X100. Helder da Rocha ([email protected])
XML: uma introdução prática X100 Helder da Rocha ([email protected]) Atualizado em Jan 2003 O que é um Esquema XML? Documentos que aderem à especificação (válidos) O esquema representa uma classe
Web 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
GERÊNCIA DE DADOS SEMI ESTRUTURADOS -XML. Prof. Angelo Augusto Frozza, M.Sc.
GERÊNCIA DE DADOS SEMI ESTRUTURADOS -XML Prof. Angelo Augusto Frozza, M.Sc. O QUE É XML? Tecnologia desenvolvida pelo W3C http://www.w3c.org W3C: World Wide Web Consortium consórcio formado por acadêmicos
XSL - extemsible Stylesheet Language. Prof. Antonio Almeida de Barros Jr.
XSL - extemsible Stylesheet Language Prof. Antonio Almeida de Barros Jr. Agenda Conceitos XSLT - XSL Transformations Iteração e Classificação Processamento Condicional Copiando Nodos Variáveis Estude de
XML XML. XML extensible Markup Language HTML. Motivação. W3C: World Wide Web Consortium XML 1.0. Mário Meireles Teixeira DEINF-UFMA
Mário Meireles Teixeira DEINF-UFMA Motivação extensible Markup Language W3C: World Wide Web Consortium http://www.w3.org 1.0 W3C Recommendation, 10/Fev/1998 (inicial) W3C Recommendation, 04/Fev/2004, 3
GERÊNCIA DE DADOS SEMI ESTRUTURADOS - XQUERY. Prof. Angelo Augusto Frozza
GERÊNCIA DE DADOS SEMI ESTRUTURADOS - XQUERY Prof. Angelo Augusto Frozza XQUERY (XML QUERY LANGUAGE) XQuery é para XML o que o SQL é para Banco de Dados. XQUERY (XML QUERY LANGUAGE) XQuery é uma linguagem
Minicurso introdutório de desenvolvimento para dispositivos Android. Cristiano Costa
Minicurso introdutório de desenvolvimento para dispositivos Android Cristiano Costa Desenvolvimento da interface estática Sobre mim Graduando em Engenharia Eletrônica - UNIFEI Trabalhou em desenvolvimento
XHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Roteiro 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
Técnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
QUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Este relatório tem por objetivo, abordar a sintaxe XML.
Relatório do GPES Este relatório tem por objetivo, abordar a sintaxe XML. XML Estrutura do documento Um documento XML é uma árvore rotulada onde um nó externo consiste de: [1] Dados de caracteres (uma
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
XPath e XSLT. Ferramentas para Internet Marx Gomes Van der Linden. ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida )
XPath e XSLT Ferramentas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) XSL XSL Extensible Stylesheet Language Uma família de linguagens
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
XML e Banco de Dados de Internet. Tópicos Especiais em Tecnologia da Informação Profa. Késsia R. C. Marchi
XML e Banco de Dados de Internet Tópicos Especiais em Tecnologia da Informação Profa. Késsia R. C. Marchi Motivação Diversas aplicações Web utilizam Fontes de Dados (BD); Arquitetura Cliente-Servidor (2
Folhas de estilo. Jomi Fred Hübner [email protected]. (XSL e XPath) FURB / DSC
Folhas de estilo (XSL e XPath) Jomi Fred Hübner [email protected] FURB / DSC Fevereiro, 2004 XML Stylesheet Language (XSL) XSL é uma linguagem para descrever folhas de estilo para documentos XML. Transformer
1.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
SCE-557. Técnicas de Programação para WEB. Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello [email protected]
SCE-557 Técnicas de Programação para WEB Rodrigo Fernandes de Mello http://www.icmc.usp.br/~mello [email protected] 1 Cronograma Fundamentos sobre servidores e clientes Linguagens Server e Client side
Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes
Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)
7. 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
Introdução ao XML. Extensible Markup Language
Introdução ao XML Extensible Markup Language Tutorial - XML XML: Extensible Markup Language Uma linguagem de marcas na estruturação, no armazenamento e no transporte de dados na Web Gere os dados numa
GERÊNCIA DE DADOS SEMIESTRUTURADOS -DTD. Prof. Angelo Augusto Frozza, M.Sc. http://www.about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -DTD Prof. Angelo Augusto Frozza, M.Sc. http://www.about.me/tilfrozza ROTEIRO Introdução ao DTD Elementos Atributos Entidades Validando um documento XML DTD (DOCUMENT
Web Design Aula 13: Introdução a CSS
Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene [email protected] Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas
Dado: Fatos conhecidos que podem ser registrados e têm um significado implícito. Banco de Dados:
MC536 Introdução Sumário Conceitos preliminares Funcionalidades Características principais Usuários Vantagens do uso de BDs Tendências mais recentes em SGBDs Algumas desvantagens Modelos de dados Classificação
uma introdução prática Helder da Rocha ([email protected])
uma introdução prática Helder da Rocha (helder@) Programa (4 dias) Introdução O que é SVG, ferramentas, suporte, plataformas Parte I 1. Cores de preenchimento, es@los e traços 2. Figuras básicas: retângulo,
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.
UM NOVO CONCEITO EM AUTOMAÇÃO. Série Ponto
UM NOVO CONCEITO EM AUTOMAÇÃO Série Ponto POR QUE NOVO CONCEITO? O que é um WEBPLC? Um CP na WEB Por que usar INTERNET? Controle do processo de qualquer lugar WEBGATE = conexão INTERNET/ALNETII WEBPLC
Aula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML
CSS é 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,
Microsoft 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
Design 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
UFG - Instituto de Informática
UFG - Instituto de Informática Especialização em Desenvolvimento de Aplicações Web com Interfaces Ricas EJB 3.0 Prof.: Fabrízzio A A M N Soares [email protected] Aula 13 Web Services Web Services
Banco de Dados. Gerenciamento de Dados e Informação Fernando Fonseca, Ana Carolina Salgado & Robson Fidalgo
Dados na Web Gerenciamento de Dados e Informação Fernando Fonseca, Ana Carolina Salgado & Robson Fidalgo 1 O objetivo é integrar todos os tipos de informação, incluindo informação não estruturada Informação
J550 Tag Libraries e JSTL
J550 Tag Libraries e JSTL Helder da Rocha ([email protected]) www.argonavis.com.br 1 Custom tags JSP com JavaBeans fornecem um meio de diminuir código Java da página, mas não totalmente Designers de página
Guia de Consulta Rápida. PHP com XML. Juliano Niederauer. Terceira Edição. Novatec
Guia de Consulta Rápida PHP com XML Juliano Niederauer Terceira Edição Novatec Copyright 2002 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida
extensible 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
DWEB. 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
XML extensible Markup Language. Prof. Fellipe Aleixo [email protected]
XML extensible Markup Language Prof. Fellipe Aleixo [email protected] XML Projetada para transportar e armazenar dados (estruturados) Importante conhecer e fácil de entender Exemplo de documento
CONTEÚDO PROGRAMÁTICO
CONTEÚDO PROGRAMÁTICO XML e XSLT Completo Carga horária: 40 horas TreinaWeb Tecnologia LTDA CNPJ: 06.156.637/0001-58 Av. Paulista, 1765 - Conj 71 e 72 São Paulo - SP CONTEÚDO PROGRAMÁTICO Ementa do curso
Tutorial. Introdução ao XML e tecnologias associadas. Aplicações e dialectos XML. Sessão 4. 8-10 Fevereiro XATA 06
Tutorial Introdução ao XML e tecnologias associadas Sessão 4 Aplicações e dialectos XML Miguel Ferreira [email protected] Departamento de Sistemas de Informação Universidade do Minho Conteúdo Vantagens
Guia de Consulta Rápida XML. Otávio C. Décio. Novatec Editora
Guia de Consulta Rápida XML Otávio C. Décio Novatec Editora Guia de Consulta Rápida XML de Otávio C. Décio Copyright@2000 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610
HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Bem-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
Aplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
HTML5. André Tavares da Silva. [email protected]
HTML5 André Tavares da Silva [email protected] O que é HTML5? HTML5 será o novo padrão para HTML, XHTML e HTML DOM (Document Object Model). A última versão (4.01) foi definida em 1999 e a Web mudou
Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / [email protected]
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Guia de Consulta Rápida XHTML. Juliano Niederauer. Novatec Editora. www.novateceditora.com.br
Guia de Consulta Rápida XHTML Juliano Niederauer Novatec Editora www.novateceditora.com.br Guia de Consulta Rápida XHTML de Juliano Niederauer Copyright 2002 da Novatec Editora Ltda. Todos os direitos
BREVE INTRODUÇÃO À LINGUAGEM XML
BREVE INTRODUÇÃO À LINGUAGEM XML Por Carlos H. Marcondes [email protected] Rio de Janeiro Abril 2008 PROGRAMA 1.Problema, motivações e conceitos 2.Estrutura de um documento XML 1.DTDs, Schemas 2.Folhas
A Linguagem XML (& Markup Languages)
SCC0265 Sistemas Interativos Web A Linguagem XML (& Markup Languages) Renata Pontin M. Fortes ([email protected]) PAE: Willian Watanabe ([email protected]) Instituto de Ciências Matemáticas e de Computação
UNIVERSIDADE. Sistemas Distribuídos
UNIVERSIDADE Sistemas Distribuídos Ciência da Computação Prof. Jesus José de Oliveira Neto Web Services Web Services Existem diferentes tipos de comunicação em um sistema distribuído: Sockets Invocação
Professor: Paulo Macos Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1
Professor: Paulo Macos Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira 4/6/2011 1 Do inglês, Cascading Style Sheet, ou folha de estilo em cascata. É uma linguagem
Introduçã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
WWW - World Wide Web
WWW World Wide Web WWW Cap. 9.1 WWW - World Wide Web Idéia básica do WWW: Estratégia de acesso a uma teia (WEB) de documentos referenciados (linked) em computadores na Internet (ou Rede TCP/IP privada)
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto [email protected]
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto [email protected] No início A Web é criada em 1989, para ser um padrão de publicação e distribuição de textos científicos e acadêmicos.
Processamento de dados XML
Processamento de dados XML César Vittori [email protected] Outubro de 2000 Resumo Considerações no desenvolvimento de software para processar dados XML. Processamento de uma DTD para interpretar marcação
XML (extensible Markup Language)
Sumário 1. Introdução a Aplicações Não-Convencionais 2. Revisão de Modelagem Conceitual 3. BD Orientado a Objetos (BDOO) 4. BD Objeto-Relacional (BDOR) 5. BD Temporal (BDT) 6. BD Geográfico (BDG) 7. BD
css 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
Prof.: Clayton Maciel Costa [email protected]
Programação com acesso a BD Prof.: Clayton Maciel Costa [email protected] 1 Modelos de Dados, Esquemas e Instâncias 2 Modelos de Dados, Esquemas e Instâncias Modelo de dados: Conjunto de conceitos
VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo
VPAT (Voluntary Product Accessibility Template, Modelo de Acessibilidade de Produto) do eportfolio da Desire2Learn Maio de 2013 Conteúdo Introdução Recursos de acessibilidade principais Navegação usando
O que é XML? A Linguagem de Marcação Extensível (Extensible Markup Language - XML) é:
1.264 Aula 13 XML O que é XML? A Linguagem de Marcação Extensível (Extensible Markup Language - XML) é: Uma recomendação proposta pelo World Wide Web Consortium (W3C) Um formato de arquivo Documentos eletrônicos
Serviços Web: Arquitetura
Sistemas Distribuídos Mauro Lopes Carvalho Silva Professor EBTT DAI Departamento de Informática Campus Monte Castelo Instituto Federal de Educação Ciência e Tecnologia do Maranhão Objetivos Nesta aula
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil [email protected], [email protected] Resumo.
Um documento XML possui Unidade lógica - os elementos Usuário "inventa" as marcas através de DTDs
XML Um documento XML possui Unidade lógica - os elementos Usuário "inventa" as marcas através de DTDs Unidade física - as entidades Armazenamento separado dos dados Como toda linguagem de marcação: XML
WEBDESIGN. Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Trentin [email protected] http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre
Acessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),
JavaScript (Funções, Eventos e Manipulação de Formulários)
Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos
Manual do Usuário - VisPublica Melise Paula Fernanda Ribeiro Bárbara Pimenta Clóvis Noronha Luan Costa Mário Macedo
Manual do Usuário - VisPublica Melise Paula Fernanda Ribeiro Bárbara Pimenta Clóvis Noronha Luan Costa Mário Macedo Manual do Usuário VisPublica Visualização de Dados Públicos Desenvolvido por: Instituto
Programação para a Web - I. José Humberto da Silva Soares
Programação para a Web - I José Humberto da Silva Soares Fundamentos de Internet Rede Mundial de Computadores; Fornece serviços, arquivos e informações; Os computadores que têm os recursos são chamados
Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
CONCEITOS INICIAIS. Agenda A diferença entre páginas Web, Home Page e apresentação Web;
CONCEITOS INICIAIS Agenda A diferença entre páginas Web, Home Page e apresentação Web; O que é necessário para se criar páginas para a Web; Navegadores; O que é site, Host, Provedor e Servidor Web; Protocolos.
