Este documento resume um artigo sobre o framework web Zope. Ele discute a introdução ao Zope, sua interface de gerenciamento (ZMI), e templates de páginas Zope (ZPT), incluindo expressões como tal:content, tal:repeat e metal:define-macro.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento apresenta uma aula sobre fundamentos de HTML5. Aborda tópicos como documentos HTML, marcações, estrutura básica de um documento HTML, novas tags semânticas do HTML5 como <header>, <nav> e <section>, elementos de texto como listas e citações, e modos e doctypes dos navegadores.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Slides da quarta aula do curso de HTML5 da Especializa. O curso está disponível gratuitamente no endereço: http://ead.especializa.com.br/curso/html5-basico
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
Este documento fornece uma introdução aos principais conceitos e elementos da linguagem HTML, incluindo: (1) Definição e propósito das tags HTML; (2) Estrutura básica de um documento HTML com os elementos head, body e html; (3) Diferentes elementos para formatação de texto, cabeçalhos, parágrafos, links e imagens.
O documento discute o XHTML, uma linguagem de marcação usada para criar páginas web. Ele explica que o XHTML é baseado no XML e HTML 4.01, e contém tags para estruturar o cabeçalho e corpo da página. Também fornece exemplos de código XHTML com comentários explicando as tags e atributos usados.
Este documento fornece uma introdução sobre HTML, ensinando como criar uma página web básica através de marcações HTML. Ele explica o que é HTML, como funcionam as tags e elementos HTML, e fornece exemplos de como adicionar cabeçalhos, parágrafos, links e imagens.
O documento apresenta uma aula sobre fundamentos de HTML5. Aborda tópicos como documentos HTML, marcações, estrutura básica de um documento HTML, novas tags semânticas do HTML5 como <header>, <nav> e <section>, elementos de texto como listas e citações, e modos e doctypes dos navegadores.
O documento explica a estrutura básica do HTML, incluindo as tags <html>, <head>, <title> e <body>. Também discute tags comuns como <h1>, <h2>, <h3> e <p> e como elas ajudam a estruturar e dar significado a páginas da web.
Slides da quarta aula do curso de HTML5 da Especializa. O curso está disponível gratuitamente no endereço: http://ead.especializa.com.br/curso/html5-basico
Confira a apresentação do curso de HTML online.
Você vai conhecer informações sobre o criador, origem, html e suas versões.
Acesse: www.talesaugusto.biz
Este documento fornece uma introdução aos principais conceitos e elementos da linguagem HTML, incluindo: (1) Definição e propósito das tags HTML; (2) Estrutura básica de um documento HTML com os elementos head, body e html; (3) Diferentes elementos para formatação de texto, cabeçalhos, parágrafos, links e imagens.
O documento discute o XHTML, uma linguagem de marcação usada para criar páginas web. Ele explica que o XHTML é baseado no XML e HTML 4.01, e contém tags para estruturar o cabeçalho e corpo da página. Também fornece exemplos de código XHTML com comentários explicando as tags e atributos usados.
O documento fornece uma introdução sobre HTML, destacando que é uma linguagem de marcação usada para exibir conteúdo na web. Explica que a HTML passou por muitas alterações desde sua criação até a versão atual (HTML5) e que o foco será apenas na linguagem HTML e o que pode ser feito com ela.
1) O documento apresenta um curso sobre HTML e CSS ministrado por Herbet Ferreira Rodrigues, com introdução à história e conceitos básicos dessas linguagens, além de explicar diversas tags e elementos em HTML.
2) São explicados elementos como cabeçalhos, parágrafos, formatação de texto, inserção de imagens e links, além de tabelas.
3) O curso tem o objetivo de ensinar os principais conceitos e ferramentas de HTML para criação de páginas web.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
O documento discute os fundamentos da HTML5, incluindo tags semânticas, links descritivos, meta tags e formas de adicionar semântica a documentos HTML como RDFa, Microformats e Microdata. Apresenta exemplos dessas técnicas e discute como elas melhoram a acessibilidade e o desempenho de sites.
Este documento fornece uma introdução à linguagem HTML, incluindo suas principais seções, elementos e atributos. Ele explica como criar um documento HTML básico e como formatar texto usando cores, fontes e cabeçalhos. Além disso, fornece detalhes sobre publicar documentos na internet.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento apresenta uma aula introdutória sobre HTML, abordando suas principais tags e estrutura básica. É explicado o que é HTML e suas tags, como <html>, <head>, <title>, <body>, <h1>-<h6> para títulos, <p> para parágrafos, <br> para quebras de linha, <hr> para linhas horizontais, <ul> e <li> para listas não ordenadas, <ol> e <li> para listas ordenadas, <dl>, <dt> e <dd> para listas de definição e cores em HTML
O documento apresenta um curso introdutório sobre HTML, definindo termos-chave como Internet, World Wide Web, páginas web, servidores web e navegadores. Explica o que é linguagem de marcação e HTML, além de conceitos como hipertexto, URLs e protocolos usados na web.
O documento apresenta uma introdução a um treinamento sobre HTML5 e CSS3. Serão abordados uma breve história do HTML, a estrutura de um documento HTML5 e as novas possibilidades introduzidas pelo HTML5. Não haverá explicações detalhadas de código ou APIs ainda não implementadas pelos navegadores.
Este documento apresenta uma aula introdutória sobre HTML, incluindo a estrutura básica de um documento HTML, conceitos como tags e como formatar texto. Algumas tags ensinadas incluem <b> para negrito, <i> para itálico, <u> para sublinhado, <s> para riscado e <title> para o título da página. Os alunos foram encarregados de criar uma página HTML sobre si mesmos usando as tags aprendidas.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
Javascript - Aplicações Interativas para a WebAdriano Lima
Apostila didática para aprendizado e prática da linguagem JavaScript. Autoria de Adriano Lima - Professor, Especialista Web pela Microsoft e Analista Web A linguagem JavaScript manipula vários tipos de objetos através do uso de suas propriedades e métodos.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
O documento resume os principais conceitos da linguagem HTML:
1) HTML é fundamental para o desenvolvimento de sistemas aplicativos para a internet e nada funcionaria na internet sem ela.
2) Apesar de novas tecnologias terem surgido, o conhecimento de HTML ainda é essencial para o desenvolvimento web seguindo padrões.
3) HTML utiliza tags para descrever elementos de páginas web, como textos e dados.
O documento apresenta um resumo sobre a história e conceitos básicos da linguagem HTML, desde sua criação no CERN até as versões atuais. Aborda também tags e elementos importantes como cabeçalhos, parágrafos, imagens, links e tabelas para estruturar conteúdo em páginas web.
Conceitos básicos para desenvolvimento de um site, utilizando as novas tecnologias proporcionadas pela mais nova versão do HTML. O uso é livre, desde que seja dado os devidos créditos.
Ressalto que, muitos dos conteúdos exibidos foram retirados do site da w3c school.
Obrigado !
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
Escrevi este mini curso de PHP que abrange desde o nível inicial básico até o intermediário/avançado. Este mini curso foi apresentado durante o evento WISM 2013, organizado pela PUC Minas Poços de Caldas, MG.
Pauta:
1. Introdução ao PHP;
2. Configuração do ambiente para desenvolvimento;
3. Variáveis em PHP;
4. Comandos Condicionais e Controle de fluxo;
5. Controle de fluxo: Switch;
6. Controle de fluxo: Laços de repetição;
7. Arrays em PHP;
8. Funções em PHP;
9. PHP e Banco de Dados MySQL;
10. PHP Orientado a Objetos;
11.Visão Geral: Frameworks PHP;
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
Aqui são apresentados as técnicas de Desenvolvimento com xdoclet de formas simples e prática.
/**Depois que entrei no mundo Java, começei a procurar por conteúdo na internet para estudar, então me deparei com um ótimo site, http://www.argonavis.com.br, de um grande cara chamado Helder Rocha, que disponibiliza este mesmo conteúdo em seu site também. Obrigado pela ajuda a comunidade.*/
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
O documento fornece uma introdução sobre HTML, destacando que é uma linguagem de marcação usada para exibir conteúdo na web. Explica que a HTML passou por muitas alterações desde sua criação até a versão atual (HTML5) e que o foco será apenas na linguagem HTML e o que pode ser feito com ela.
1) O documento apresenta um curso sobre HTML e CSS ministrado por Herbet Ferreira Rodrigues, com introdução à história e conceitos básicos dessas linguagens, além de explicar diversas tags e elementos em HTML.
2) São explicados elementos como cabeçalhos, parágrafos, formatação de texto, inserção de imagens e links, além de tabelas.
3) O curso tem o objetivo de ensinar os principais conceitos e ferramentas de HTML para criação de páginas web.
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
O documento introduz o HTML, explicando que é uma linguagem de marcação usada para criar websites e aplicativos. Ele ensina sobre títulos, parágrafos e texto simples em HTML, além de recomendar o Sublime Text para edição de código e pedir um exercício de criação de uma resenha usando essas estruturas HTML.
O documento discute os fundamentos da HTML5, incluindo tags semânticas, links descritivos, meta tags e formas de adicionar semântica a documentos HTML como RDFa, Microformats e Microdata. Apresenta exemplos dessas técnicas e discute como elas melhoram a acessibilidade e o desempenho de sites.
Este documento fornece uma introdução à linguagem HTML, incluindo suas principais seções, elementos e atributos. Ele explica como criar um documento HTML básico e como formatar texto usando cores, fontes e cabeçalhos. Além disso, fornece detalhes sobre publicar documentos na internet.
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
O documento discute os conceitos básicos de HTML, incluindo:
1) O que é HTML e como é usado para estruturar páginas da web;
2) As principais tags HTML como <head>, <body>, <h1>, <p>, <img>;
3) Como adicionar estilos a páginas HTML usando CSS.
O documento apresenta uma aula introdutória sobre HTML, abordando suas principais tags e estrutura básica. É explicado o que é HTML e suas tags, como <html>, <head>, <title>, <body>, <h1>-<h6> para títulos, <p> para parágrafos, <br> para quebras de linha, <hr> para linhas horizontais, <ul> e <li> para listas não ordenadas, <ol> e <li> para listas ordenadas, <dl>, <dt> e <dd> para listas de definição e cores em HTML
O documento apresenta um curso introdutório sobre HTML, definindo termos-chave como Internet, World Wide Web, páginas web, servidores web e navegadores. Explica o que é linguagem de marcação e HTML, além de conceitos como hipertexto, URLs e protocolos usados na web.
O documento apresenta uma introdução a um treinamento sobre HTML5 e CSS3. Serão abordados uma breve história do HTML, a estrutura de um documento HTML5 e as novas possibilidades introduzidas pelo HTML5. Não haverá explicações detalhadas de código ou APIs ainda não implementadas pelos navegadores.
Este documento apresenta uma aula introdutória sobre HTML, incluindo a estrutura básica de um documento HTML, conceitos como tags e como formatar texto. Algumas tags ensinadas incluem <b> para negrito, <i> para itálico, <u> para sublinhado, <s> para riscado e <title> para o título da página. Os alunos foram encarregados de criar uma página HTML sobre si mesmos usando as tags aprendidas.
Este documento fornece um resumo do conteúdo de um curso sobre HTML5 e CSS3. Ele inclui tópicos como estrutura HTML5, elementos semânticos, formulários, canvas, links, listas, tabelas e introdução ao CSS3.
1. O documento descreve as principais novidades da versão HTML5, incluindo novas tags para áudio, vídeo e canvas, além de melhor suporte para armazenamento local de dados e formulários.
2. Entre as novidades, destacam-se a inclusão das tags <audio>, <video> e <canvas> para reprodução nativa de mídia, e os objetos sessionStorage e localStorage para armazenamento offline de dados.
3. Também são apresentados novos elementos semânticos como <header>, <footer>, <article> e <section>, al
Javascript - Aplicações Interativas para a WebAdriano Lima
Apostila didática para aprendizado e prática da linguagem JavaScript. Autoria de Adriano Lima - Professor, Especialista Web pela Microsoft e Analista Web A linguagem JavaScript manipula vários tipos de objetos através do uso de suas propriedades e métodos.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
O documento resume os principais conceitos da linguagem HTML:
1) HTML é fundamental para o desenvolvimento de sistemas aplicativos para a internet e nada funcionaria na internet sem ela.
2) Apesar de novas tecnologias terem surgido, o conhecimento de HTML ainda é essencial para o desenvolvimento web seguindo padrões.
3) HTML utiliza tags para descrever elementos de páginas web, como textos e dados.
O documento apresenta um resumo sobre a história e conceitos básicos da linguagem HTML, desde sua criação no CERN até as versões atuais. Aborda também tags e elementos importantes como cabeçalhos, parágrafos, imagens, links e tabelas para estruturar conteúdo em páginas web.
Conceitos básicos para desenvolvimento de um site, utilizando as novas tecnologias proporcionadas pela mais nova versão do HTML. O uso é livre, desde que seja dado os devidos créditos.
Ressalto que, muitos dos conteúdos exibidos foram retirados do site da w3c school.
Obrigado !
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
Escrevi este mini curso de PHP que abrange desde o nível inicial básico até o intermediário/avançado. Este mini curso foi apresentado durante o evento WISM 2013, organizado pela PUC Minas Poços de Caldas, MG.
Pauta:
1. Introdução ao PHP;
2. Configuração do ambiente para desenvolvimento;
3. Variáveis em PHP;
4. Comandos Condicionais e Controle de fluxo;
5. Controle de fluxo: Switch;
6. Controle de fluxo: Laços de repetição;
7. Arrays em PHP;
8. Funções em PHP;
9. PHP e Banco de Dados MySQL;
10. PHP Orientado a Objetos;
11.Visão Geral: Frameworks PHP;
O documento discute os conceitos básicos de HTML e XHTML, incluindo sua história, estrutura, tags e regras. Também aborda CSS, imagens e otimização para mecanismos de busca. É dividido em três módulos tratando de HTML/XHTML, CSS e imagens respectivamente.
Aqui são apresentados as técnicas de Desenvolvimento com xdoclet de formas simples e prática.
/**Depois que entrei no mundo Java, começei a procurar por conteúdo na internet para estudar, então me deparei com um ótimo site, http://www.argonavis.com.br, de um grande cara chamado Helder Rocha, que disponibiliza este mesmo conteúdo em seu site também. Obrigado pela ajuda a comunidade.*/
1. O documento apresenta uma introdução ao HTML, CSS e JavaScript, incluindo a estrutura básica de um arquivo HTML, formatação de texto e elementos como cabeçalhos e separadores.
2. É fornecida uma explicação detalhada sobre a estrutura de um arquivo HTML, incluindo as tags <html>, <head> e <body>, e exemplos de como formatar texto.
3. O documento também discute a inserção e formatação de texto em HTML, como cores, fontes, tamanhos e blocos de texto, assim como diferentes níveis de cabeç
Introdução ao Desenvolvimento front-end (2019)Gustavo Teodoro
Este documento fornece um mapa de aprendizado para desenvolvimento front-end, resumindo as tecnologias fundamentais de HTML, CSS e JavaScript, incluindo conceitos como semântica, estilo, interação, seletores, declarações, tipos de dados, objetos, arrays e funções. O documento também discute APIs como DOM, geolocalização, canvas e como JSON é usado para troca de dados entre sistemas.
O documento discute como XML permite a separação entre conteúdo e apresentação, permitindo que os mesmos dados sejam publicados em diferentes formatos como HTML, PDF e outros. XML define tags personalizadas que carregam informações semânticas sobre os dados e podem ser interpretadas por sistemas computacionais. Isso facilita a integração de sistemas desenvolvidos com diferentes linguagens e tecnologias.
O documento discute vários tópicos relacionados à programação, incluindo tipos de programação, linguagens para dispositivos móveis, HTML, PHP, JavaScript e exemplos de scripts.
O documento descreve a linguagem HTML para formatação de páginas da web. HTML usa tags para formatar texto, imagens, links e outros elementos. É possível formatar texto de várias formas como negrito, itálico e cabeçalhos. O documento também explica como inserir imagens, hiperlinks e quebrar linhas.
O documento descreve conceitos fundamentais de (X)HTML, incluindo: (1) A distinção entre estrutura e forma em HTML; (2) O XHTML como uma versão mais restrita de HTML definida como aplicação XML; (3) Os elementos fundamentais de (X)HTML como tags, atributos, conteúdo.
O documento resume a história e evolução da linguagem HTML desde sua criação no início dos anos 1990 até as versões mais recentes. Explica os principais elementos da linguagem como tags, atributos e elementos básicos para estruturar páginas web. Fornece exemplos de como incorporar diferentes tipos de conteúdo como imagens, vídeos, tabelas e hiperlinks.
Programação Web com Zend Framework e Ajax com Dojofabioginzel
O documento resume conceitos básicos da programação web, incluindo:
1) A mudança da Web 1.0 estática para a Web 2.0 dinâmica e participativa;
2) Tecnologias como JavaScript, Ajax e CSS que permitem a interatividade;
3) Ferramentas como Firebug e Zend Studio para desenvolvimento web.
O documento explica o que é XHTML, como ele combina HTML e XML para fornecer uma linguagem de marcação estruturada que garante a visualização consistente de páginas da web independentemente do navegador. Também descreve as principais diferenças entre XHTML e HTML, como a obrigatoriedade do fechamento de tags e o uso de atributos em minúsculas.
O documento explica como usar estruturas condicionais e de repetição no Blade do Laravel. Inclui exemplos de if/else, for, while e foreach, mostrando como declarar variáveis e como o Blade torna o código mais limpo em comparação ao PHP puro.
O documento discute tags HTML como <font> para alterar a cor, tipo e tamanho da fonte e tags como <b>, <i> e <u> para estilizar texto em negrito, itálico e sublinhado. Ele também explica como criar listas definidas, não numeradas e numeradas usando tags como <dl>, <ul> e <ol> e como adicionar links internos e externos usando a tag <a>.
Este documento fornece instruções para criar uma página HTML básica em 3 etapas: 1) Adicionar as tags HTML, head e body; 2) Incluir um título entre as tags title; 3) Formatar texto com a tag bold. O documento também explica elementos básicos de HTML como tags, extensão de arquivos e espaçamento.
1) O documento introduz os padrões HTML, SGML e HyTime que deram origem à linguagem HTML.
2) HTML usa etiquetas entre sinais de menor e maior para formatar texto, e os elementos podem ter atributos.
3) Há editores de texto e WYSIWYG para criar documentos HTML.
O documento resume uma aula sobre JavaScript, PHP e MySQL. Apresenta conceitos básicos de JavaScript como variáveis, operadores, estruturas condicionais e de repetição. Também aborda funções, eventos, validação de formulários e janelas. Inclui exemplos e exercícios práticos sobre os tópicos apresentados.
1) Javascript suporta programação orientada a objetos de forma limitada, sem classes formais e permitindo adicionar propriedades dinamicamente.
2) Objetos são criados usando funções construtoras com o operador "new" e métodos são funções associadas a objetos usando "this".
3) A herança é implementada via prototipagem, onde objetos herdam propriedades de objetos prototypes referenciados pela propriedade "prototype".
O documento discute XML (Extensible Markup Language), comparando-o com HTML e descrevendo suas características, aplicações e como inseri-lo em documentos HTML. Explica também XSLT (Extensible Stylesheet Language Transformations) e como formatar documentos XML.
Aula 04 e 05 cabeçalhos e parágrafos parte01 e 02Jolvani Morgan
Este documento discute cabeçalhos e parágrafos em HTML. Ele explica como usar as tags <h1> a <h6> para criar cabeçalhos hierárquicos e a tag <p> para criar parágrafos. Também cobre o uso da tag <br> para quebras de linha e do atributo "align" para alinhar texto.
1. Plone Total
Conhecendo o Zope
Lucas Aquino
quarta-feira, 23 de janeiro de 13
2. Tópicos
• Introdução ao Zope
• Zope Management Interface - ZMI
• Zope Page Template
quarta-feira, 23 de janeiro de 13
3. Introdução ao Python
Python é uma linguagem de programação de
alto nível, interpretada, imperativa, orientada
a objetos, de tipagem dinâmica e forte. Foi
lançada por Guido van Rossum em 1991.
Atualmente possui um modelo de
desenvolvimento comunitário, aberto e
gerenciado pela organização sem fins
lucrativos Python Software Foundation.
quarta-feira, 23 de janeiro de 13
4. Introdução ao Zope
Zope é um servidor de aplicações web de
código aberto escrito na linguagem Python.
Seu nome significa "Z Object Publishing
Environment" (em português, "Ambiente de
Publicação de Objetos Z"). Muitas tarefas de
administração de um servidor Zope podem ser
realizadas através de uma interface web.
Os objetos que o Zope publica na Web são
escritos em linguagem Python, e tipicamente
armazenados num banco de dados orientado a
objetos, o ZODB, que é integrado ao sistema.
Objetos básicos tais como documentos,
imagens e modelos de páginas podem ser
criados ou modificados via web.
Objetos especializados, tais como wikis, blogs,
e galerias de fotos estão disponíveis
como componentes adicionais (chamados
products), e existe uma comunidade pujante
de pequenas empresas criando aplicações web
como produtos.
4
quarta-feira, 23 de janeiro de 13
5. Zope Management Interface - ZMI
• Interface de gerência do servidor de aplicação Zope
• Ferramentas para manutenção
• .../manage
5
quarta-feira, 23 de janeiro de 13
6. Zope Page Template
Zope Page Templates é linguagem de programação de template do Zope.
Vantagens:
• Reaproveitamento de código(tags <>) HTML
• Real separação entre conteúdo, lógica e apresentação
• Facilidade/agilidade no uso de templates.
Desvantagens:
• Poderá gerar mais código HTML que o necessário
• Poderá existir lógica no template(não recomendado)
6
quarta-feira, 23 de janeiro de 13
7. Zope Page Template
O Zope incentiva manter a apresentação visual separada da lógica(Python).
O ZPT utiliza o HTML para gerar as páginas no navegador - HTML.
O ZPT tem característica de uma linguagem cliente-servidor, tal como PHP, isto significa
que as expressões ZPT são executadas pelo servidor Zope e interpretadas no navegador.
Importante lembrar que arquivos de CSS ou Javascript continuam a serem executados
diretamente pelo navegador.
O ZPT utiliza como padrão: o TAL - Template Attribute Language, TALES - Expressões
TALES e METAL - Macro Expansion TAL para desenvolver os templates.
7
quarta-feira, 23 de janeiro de 13
8. Zope Page Template
Expressões TAL: Principais expressões TALES: Expressões METAL:
1.tal:define • string • metal:define-macro
2.tal:condition • python • metal:define-slot
3.tal:repeat • path • metal:use-macro
4.tal:content • exists • metal:fill-slot
5.tal:replace • nocall
6.tal:attributes • not
7.tal:omit-tag
* ordem de execução
8
quarta-feira, 23 de janeiro de 13
9. Zope Page Template
tal:content
A expressão tal:content substitui o conteúdo do elemento pelo resultado da
expressão contida nele, sem alterar o elemento HTML.
Exemplo:
<h1 tal:content=” context/Title”>Título</h1>
Nesse exemplo o tal:content substitui o texto “Título” que está envolto no
elemento <h1>, o context/title significa: retorne do contexto da aquisição a
propriedade title do template.
A expressão context/title está descrita de acordo com uma sintaxe definida no
TALES. Na prática, expressões path do TALES podem ser facilmente reconhecidas
pela simples presença do caractere barra (/). Expressões Python, por exemplo,
sempre são escritas usando o caractere ponto (.). Assim, a expressão acima
poderia ser descrita de uma outra forma, usando a sintaxe do Python, como no
exemplo abaixo:
<h1 tal:content=”python: context.Title”>Título</h1>
9
quarta-feira, 23 de janeiro de 13
10. Zope Page Template
tal:replace
Basicamente tem as mesmas características da expressão tal:content, mas com
uma diferença significativa, o tal:replace substitui o elemento HTML pelo
resultado da expressão.
Exemplos:
<h1 tal:replace=” context/Title”>Título</h1>
Resultado será o “Título” sem formatação HTML.
10
quarta-feira, 23 de janeiro de 13
11. Zope Page Template
tal:repeat
Expressão usada para criação de estruturas de repetição.
Exemplo:
<table>
<tr tal:repeat=”arquivo python:context.objectValues(‘File’)”>
<td tal:content=”arquivo/title_or_id”>Arquivo</td>
</tr>
</table>
Com o HTML criamos uma tabela com ‘n’ linhas e uma colunas e assim,
populamos os dados no template.
11
quarta-feira, 23 de janeiro de 13
12. Zope Page Template
tal:define
Define variáveis dentro do contexto da tag HTML.
Exemplo:
<table tal:define=”arquivos python:context.objectValues(‘File’)” >
<tr tal:repeat=”arquivo arquivos”>
<td>
<a tal:content=”arquivo/title_or_id” tal:attributes=”href arquivo/absolute_url”>
Objeto
</a>
</td>
</tr>
</table>
12
quarta-feira, 23 de janeiro de 13
13. Zope Page Template
tal:attributes
Define variáveis utilizáveis como atributos de elemeto HTML.
Utilizando o mesmo exemplo:
<table tal:define=”arquivos python:context.objectValues(‘File’)” >
<tr tal:repeat=”arquivo arquivos”>
<td>
<a tal:content=”arquivo/title_or_id”
tal:attributes=”href arquivo/absolute_url”>
Objeto
</a>
</td>
</tr>
</table>
13
quarta-feira, 23 de janeiro de 13
14. Zope Page Template
tal:condition
É usado para criar condicionais simples, no caso do uso do tal:condition e no caso
da condicional não ser atendida a tag simplesmente não é renderizada.
Lembrando também que não existe um else no tal:condition, neste caso teríamos
que duplicar a tag e fazer a condicional afirmativa e negativa, como no exemplo
abaixo:
<p tal:condition=”python: request.nome == ‘Luxcas’”>
Você é o Luxcas!
</p>
<p tal:condition=”python: request.nome != ‘Luxcas’”>
Você não é o Luxcas!
</p>
14
quarta-feira, 23 de janeiro de 13
15. Zope Page Template
tal:omit-tag
Remove o elemento HTML, mas mantendo o que existir entre o abre e fecha do
elemento HTML, do elemento.
Exemplo:
<div tal:omit-tag=”” comment=”Este elemento será removido”>
<i>... mas este texto permanecerá</i>
</div>
15
quarta-feira, 23 de janeiro de 13
16. Zope Page Template
METAL
A declaração METAL trabalha com os templates, sua função é definir uma macro e
suas partes editáveis.
Expressões METAL:
• metal:define-macro
• metal:define-slot
• metal:use-macro
• metal:fill-slot
16
quarta-feira, 23 de janeiro de 13
17. Zope Page Template
metal:define-macro
A declaração metal:define-macro define uma macro. A macro é nomeada pela
expressão declarada, e é definida como um elemento e sua sub-árvore.
No Zope, uma definição de macro está disponível como sub-objeto de uma macro
em um template. Por exemplo, para acessar um cabeçalho html chamando a
macro no template denominado “master.html”, você poderá usar a expressão:
master.html/macros/header
Exemplo:
Definindo uma simples macro
<p metal:define-macro="copyright">
Copyright 2013, <em>Foobar</em> Inc.
</p>
17
quarta-feira, 23 de janeiro de 13
18. Zope Page Template
metal:use-macro
A declaração metal:use-macro substitui o elemento declarado em uma macro. A
expressão declaração descreve a definição da macro.
No Zope a expressão será geralmente uma expressão de caminho, path,
referindo-se a uma macro definida em outro template.
Quando uma macro é expandida, aquele atributo metal:define-macro é
substituído pelos elementos atribuídos no metal:use-macro. Isto faz com que o
conteúdo da raiz da macro seja expandida em um elemento com declaração de
use-macro válida
Exemplo:
Utilizando uma macro
<p metal:use-macro="context/other.html/macros/header">
Macro “header” definida no template other.html
</p>
18
quarta-feira, 23 de janeiro de 13
19. Zope Page Template
metal:define-slot
A declaração metal:define-slot define um ponto de customização de um macro ou
slot. Quando uma macro é usada, estes slots são substituídos a fim de
personalizar a macro. Você terá a configuração padrão do slot quando ele não for
utilizado por outro template.
A expressão metal:define-slot só será válida dentro de uma declaração de
metal:define-macro.
Os nomes de slot devem ser únicos dentro de uma macro.
Exemplo:
Utilizando uma simples macro com slot
<p metal:define-macro="hello">
Olá <b metal:define-slot="name">mundo</b>
</p>
19
quarta-feira, 23 de janeiro de 13
20. Zope Page Template
metal:fill-slot Os nomes de slot devem ser únicos
dentro de uma macro.
A declaração metal:fill-slot personaliza
uma macro, substituindo um slot na Se o slot nomeado não existir dentro
macro com o elemento declarado, da macro, o conteúdo deste slot será
além de seu conteúdo. Esta declaração descartado.
deve ser utilizada dentro de um
metal:use-macro.
Exemplo:
Dada uma macro, master.html
<p metal:define-macro="hello">
Olá <b metal:define-slot="name">mundo</b>
</p>
Você poderá preencher o slot name, assim:
<p metal:use-macro="context/master.html/macros/hello">
Olá <b metal:fill-slot="name">Lucas Aquino</b>
</p>
20
quarta-feira, 23 de janeiro de 13
21. OBRIGADO!
Lucas Aquino
@luxcas
contato@lucasaquino.com.br
quarta-feira, 23 de janeiro de 13