Este documento apresenta uma introdução ao HTML5, cobrindo sua história, estrutura básica, elementos de seção e formulários. Inclui exemplos de código para ilustrar recursos como header, nav, article e tags multimídia. Exercícios são fornecidos para aplicar os conceitos aprendidos.
O documento discute as mudanças trazidas pelo HTML5, incluindo a adição de elementos semânticos que melhor descrevem o conteúdo, como section, header e article, e a capacidade de incorporar vídeos e mídia diretamente na página sem a necessidade de plugins.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
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
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.
Este documento apresenta uma aula sobre HTML, com o objetivo de ensinar listas, imagens, frames, tabelas e cores em HTML. A aula ocorrerá de 14/09 a 27/09 e abordará tópicos como listas, imagens, frames, criação e manipulação de tabelas e cores em HTML.
O documento apresenta uma visão geral do HTML5, descrevendo sua evolução a partir do HTML original e o trabalho do grupo WHATWG na criação de uma versão mais flexível. Novos elementos como header, nav, section, article e time são definidos, além de exemplos de uso.
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
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
O documento discute as mudanças trazidas pelo HTML5, incluindo a adição de elementos semânticos que melhor descrevem o conteúdo, como section, header e article, e a capacidade de incorporar vídeos e mídia diretamente na página sem a necessidade de plugins.
O documento introduz os principais conceitos de HTML5, incluindo: (1) suas novas tags semânticas como <section>, <nav> e <article>; (2) seus novos recursos como vídeo, áudio e armazenamento local; e (3) como substitui o XHTML ao oferecer maior flexibilidade e retrocompatibilidade.
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
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.
Este documento apresenta uma aula sobre HTML, com o objetivo de ensinar listas, imagens, frames, tabelas e cores em HTML. A aula ocorrerá de 14/09 a 27/09 e abordará tópicos como listas, imagens, frames, criação e manipulação de tabelas e cores em HTML.
O documento apresenta uma visão geral do HTML5, descrevendo sua evolução a partir do HTML original e o trabalho do grupo WHATWG na criação de uma versão mais flexível. Novos elementos como header, nav, section, article e time são definidos, além de exemplos de uso.
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
O documento apresenta informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria, incluindo sua formação acadêmica, experiência profissional e objetivos do curso.
Palestras: HTML5 – A moderna linguagem de marcação / CSS3 – Estilizando a Web do futuro
Palestrante: Leonardo Balter (iLearn/RJ)
Local: Auditório da Faculdade São Lucas
O documento discute a história e evolução do HTML, desde sua versão 4.0 até a atual HTML5. Detalha as principais mudanças e novos recursos introduzidos na versão 5, como conectividade em tempo real, gráficos vetoriais, armazenamento offline e novas APIs. Também explica elementos como tags semânticas e como implementar estilos com CSS3, como bordas arredondadas e sombras.
Tim Berners-Lee propôs o projeto ENQUIRE em 1980 que deu origem à World Wide Web em 1989. A sigla HTML significa HyperText Markup Language e foi desenvolvida para estruturar documentos na web de forma hierárquica através de tags. O HTML evoluiu ao longo dos anos com novas versões sendo desenvolvidas pela W3C e WHATWG para adicionar novas funcionalidades e padronizar a web.
O documento discute as principais mudanças e recursos introduzidos pelo HTML5, incluindo nova estrutura, elementos e atributos. Também analisa o suporte dos navegadores a esses recursos e estratégias para uso, como a detecção de recursos com Modernizr e o desenvolvimento modular dos motores de renderização. Por fim, apresenta em detalhes os novos recursos multimídia como vídeo, áudio e codecs, além de novas APIs como Storage e offline.
O documento fornece uma visão geral do HTML5, discutindo seu objetivo de ser uma linguagem de marcação de hipertexto independente de plataforma. Detalha a formação do WHATWG para desenvolver o HTML5 e as mudanças trazidas, como novas tags e atributos para melhor semântica e interatividade.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
O documento resume vários artigos sobre HTML5. Apresenta as principais mudanças trazidas pelo HTML5 como novas tags semânticas que melhoram a acessibilidade e a estrutura do código, novas APIs para mídia e formulários e compatibilidade aprimorada entre navegadores. Também discute técnicas para garantir compatibilidade do HTML5 em navegadores mais antigos.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Ele explica como estruturar corretamente um documento HTML, incluindo as tags <html>, <head> e <body>. Também discute como usar marcações semânticas como <h1>, <p> e <img> e como estilizar o conteúdo usando uma folha de estilos CSS externa ou interna.
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.
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.
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
O documento apresenta as novidades do HTML5 em 8 capítulos, incluindo novas tags semânticas, formulários aprimorados, armazenamento offline, acesso a dispositivos e multimídia. Apresenta também CSS3 com novas propriedades para efeitos visuais e design responsivo para diferentes telas.
CURSO PROGRAMADOR WEB; Perguntas e respostas 2017Luiz Avelar
O documento resume um curso online de programação web que inclui aulas sobre empreendedorismo, como a internet funciona, HTML, CSS, JavaScript, banco de dados e lógica de programação. O curso contém exercícios e avaliações após cada aula.
O documento discute os principais protocolos e tecnologias usadas no desenvolvimento de aplicações web, incluindo HTTP, HTML, ASP.NET e IIS. Ele fornece uma introdução aos conceitos-chave de como as páginas da web são estruturadas e como as requisições são processadas entre clientes e servidores.
O documento apresenta a formação acadêmica e experiência profissional de dois professores. Ele resume os principais tópicos que serão abordados em uma aula sobre HTML5, incluindo uma breve história da linguagem, estrutura básica, elementos de seção, formulários e multimídia.
O documento discute as principais novidades da versão HTML5, incluindo: 1) Suporte nativo para áudio, vídeo e gráficos através das tags <canvas>, <audio> e <video>; 2) Novos elementos semânticos como <header>, <footer> e <nav>; 3) Armazenamento local de dados com sessionStorage e localStorage.
O documento resume uma palestra sobre HTML5, CSS3 e JavaScript que ocorrerá em 17 de outubro de 2022. Apresentará conceitos básicos dessas tecnologias como tags, elementos, estrutura básica de páginas web e exemplos de códigos.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Inclui explicações sobre como estruturar corretamente um documento HTML, usar marcações semânticas como tags de títulos e parágrafos, e estilizar o conteúdo usando uma folha de estilos externas CSS.
O documento fornece uma introdução aos fundamentos da arquitetura da Web. Resume os principais conceitos como:
1) A plataforma da Web é baseada no protocolo HTTP e na comunicação entre cliente e servidor;
2) As tecnologias do lado do cliente incluem HTML, CSS e JavaScript para estrutura e interatividade das páginas;
3) As tecnologias do lado do servidor incluem CGI, APIs e scripts para processamento dinâmico de requisições.
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ç
Palestras: HTML5 – A moderna linguagem de marcação / CSS3 – Estilizando a Web do futuro
Palestrante: Leonardo Balter (iLearn/RJ)
Local: Auditório da Faculdade São Lucas
O documento discute a história e evolução do HTML, desde sua versão 4.0 até a atual HTML5. Detalha as principais mudanças e novos recursos introduzidos na versão 5, como conectividade em tempo real, gráficos vetoriais, armazenamento offline e novas APIs. Também explica elementos como tags semânticas e como implementar estilos com CSS3, como bordas arredondadas e sombras.
Tim Berners-Lee propôs o projeto ENQUIRE em 1980 que deu origem à World Wide Web em 1989. A sigla HTML significa HyperText Markup Language e foi desenvolvida para estruturar documentos na web de forma hierárquica através de tags. O HTML evoluiu ao longo dos anos com novas versões sendo desenvolvidas pela W3C e WHATWG para adicionar novas funcionalidades e padronizar a web.
O documento discute as principais mudanças e recursos introduzidos pelo HTML5, incluindo nova estrutura, elementos e atributos. Também analisa o suporte dos navegadores a esses recursos e estratégias para uso, como a detecção de recursos com Modernizr e o desenvolvimento modular dos motores de renderização. Por fim, apresenta em detalhes os novos recursos multimídia como vídeo, áudio e codecs, além de novas APIs como Storage e offline.
O documento fornece uma visão geral do HTML5, discutindo seu objetivo de ser uma linguagem de marcação de hipertexto independente de plataforma. Detalha a formação do WHATWG para desenvolver o HTML5 e as mudanças trazidas, como novas tags e atributos para melhor semântica e interatividade.
O documento discute as novas funcionalidades do HTML5, incluindo novas tags semânticas como <header>, <nav>, <article> e <aside>, que organizam melhor o conteúdo da página. Também apresenta novas tags para mídia como <audio> e <video>, além de novos controles de formulário que substituem código JavaScript.
O documento resume vários artigos sobre HTML5. Apresenta as principais mudanças trazidas pelo HTML5 como novas tags semânticas que melhoram a acessibilidade e a estrutura do código, novas APIs para mídia e formulários e compatibilidade aprimorada entre navegadores. Também discute técnicas para garantir compatibilidade do HTML5 em navegadores mais antigos.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Ele explica como estruturar corretamente um documento HTML, incluindo as tags <html>, <head> e <body>. Também discute como usar marcações semânticas como <h1>, <p> e <img> e como estilizar o conteúdo usando uma folha de estilos CSS externa ou interna.
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.
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.
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
O documento apresenta as novidades do HTML5 em 8 capítulos, incluindo novas tags semânticas, formulários aprimorados, armazenamento offline, acesso a dispositivos e multimídia. Apresenta também CSS3 com novas propriedades para efeitos visuais e design responsivo para diferentes telas.
CURSO PROGRAMADOR WEB; Perguntas e respostas 2017Luiz Avelar
O documento resume um curso online de programação web que inclui aulas sobre empreendedorismo, como a internet funciona, HTML, CSS, JavaScript, banco de dados e lógica de programação. O curso contém exercícios e avaliações após cada aula.
O documento discute os principais protocolos e tecnologias usadas no desenvolvimento de aplicações web, incluindo HTTP, HTML, ASP.NET e IIS. Ele fornece uma introdução aos conceitos-chave de como as páginas da web são estruturadas e como as requisições são processadas entre clientes e servidores.
O documento apresenta a formação acadêmica e experiência profissional de dois professores. Ele resume os principais tópicos que serão abordados em uma aula sobre HTML5, incluindo uma breve história da linguagem, estrutura básica, elementos de seção, formulários e multimídia.
O documento discute as principais novidades da versão HTML5, incluindo: 1) Suporte nativo para áudio, vídeo e gráficos através das tags <canvas>, <audio> e <video>; 2) Novos elementos semânticos como <header>, <footer> e <nav>; 3) Armazenamento local de dados com sessionStorage e localStorage.
O documento resume uma palestra sobre HTML5, CSS3 e JavaScript que ocorrerá em 17 de outubro de 2022. Apresentará conceitos básicos dessas tecnologias como tags, elementos, estrutura básica de páginas web e exemplos de códigos.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Inclui explicações sobre como estruturar corretamente um documento HTML, usar marcações semânticas como tags de títulos e parágrafos, e estilizar o conteúdo usando uma folha de estilos externas CSS.
O documento fornece uma introdução aos fundamentos da arquitetura da Web. Resume os principais conceitos como:
1) A plataforma da Web é baseada no protocolo HTTP e na comunicação entre cliente e servidor;
2) As tecnologias do lado do cliente incluem HTML, CSS e JavaScript para estrutura e interatividade das páginas;
3) As tecnologias do lado do servidor incluem CGI, APIs e scripts para processamento dinâmico de requisições.
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 discute as principais mudanças e recursos do HTML5, incluindo:
1) Novas tags semânticas como <header>, <nav> e <section> que tornam a estrutura da página mais organizada e acessível;
2) Novos tipos de entrada para formulários como data, hora, cor, número, etc.;
3) Recursos para armazenamento offline e cache de páginas para uso offline.
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.
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
Aula de HTML5 - DevCampos - www.devcampos.com.brDevCampos
O documento discute as novas tags e atributos introduzidos no HTML5, incluindo <header>, <section>, <article>, <footer>, <nav>, atributos como placeholder e required em inputs, e a biblioteca HTML5SHIV para compatibilidade com navegadores mais antigos.
O documento discute as principais funcionalidades do HTML5, como facilitar o desenvolvimento de páginas de acordo com os padrões da web, melhorar a semântica das páginas e implementar novas funcionalidades. Ele também apresenta novas tags do HTML5 como <header>, <nav>, <article> e <aside> e explica como elas organizam melhor a estrutura semântica das páginas. Por fim, discute novas funcionalidades do HTML5 como tags para áudio, vídeo e formulários.
Este documento fornece uma introdução ao HTML5, discutindo sua história, desenvolvimento e principais características. Em três frases: O HTML5 é a nova versão do HTML desenvolvida pelo WHATWG para trazer mais recursos semânticos, interatividade e compatibilidade entre navegadores. Ele introduz novos elementos que melhoram a estrutura semântica das páginas e APIs que facilitam a manipulação de conteúdo através de CSS e JavaScript. O HTML5 também busca manter a retrocompatibilidade para que sites existentes não precisem ser total
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.
Este documento descreve um projeto de fim de curso para o desenvolvimento de um sistema web para aluguel de espaços. O projeto foi desenvolvido por dois estudantes e descreve os capítulos sobre introdução, problemas da pesquisa, justificativa, objetivos, metodologia, tecnologias usadas e conclusão.
O documento fornece um resumo sobre HTML5. Apresenta o histórico da evolução da linguagem HTML ao longo dos anos e descreve as principais novidades trazidas pela especificação HTML5, como novos elementos semânticos, formulários aprimorados, integração de mídia e APIs para desenvolvimento de aplicações web. O documento também discute questões de compatibilidade entre navegadores e fornece links para recursos adicionais sobre HTML5.
1) O documento discute como criar e usar helpers no CakePHP para agilizar o desenvolvimento.
2) São apresentados alguns helpers nativos como o HTML que gera tags para reduzir digitação.
3) Também mostra como criar um helper próprio para gerar PDFs usando a biblioteca JavaScript jsPDF.
O documento apresenta as principais novidades da especificação HTML5, incluindo novos elementos semânticos, formulários aprimorados, integração de mídia como áudio e vídeo, o canvas para desenho, e APIs que fortalecem o desenvolvimento do lado do cliente. O palestrante Clécio Bachini discute como o HTML5 é a evolução natural da web, não uma ruptura, e como proporciona marcação semântica e compatibilidade multiplataforma.
O documento descreve a história e evolução das linguagens HTML e CSS. Começa explicando que o HTML foi baseado na linguagem SGML e herdou tags como <h1>-<h6>, <head> e <p>. Também introduziu a tag <a> com o atributo href para permitir links. Posteriormente, a W3C passou a regularizar o padrão HTML.
O documento apresenta as principais ferramentas da plataforma Adobe Flash, incluindo Flex Framework, Flash Catalyst e Flash Builder. Ele descreve os recursos e fluxos de trabalho aprimorados para design, desenvolvimento e integração com serviços e servidores dessas ferramentas.
O documento apresenta uma palestra sobre HTML5. Em três frases ou menos:
HTML5 é a nova especificação do W3C para a web que introduz novos elementos, APIs e recursos multimídia como canvas e vídeo. A palestra aborda as novidades da linguagem e como desenvolvedores podem começar a usar o HTML5 agora mesmo aproveitando sua natureza modular. O palestrante Clécio Bachini é especialista em web standards e fundador da empresa Soyuz Sistemas.
O documento apresenta um plano de aula sobre a história da Igreja, abordando tópicos como a fundação da Igreja no dia de Pentecostes, as ordenações como batismo e ceia do Senhor, as missões da Igreja de pregar o evangelho e edificar os membros, e uma introdução aos principais períodos da história da Igreja desde a era apostólica até a Igreja no Brasil.
O documento apresenta um plano de aula sobre demonologia, abordando a doutrina de Satanás e dos demônios em 8 capítulos. O curso discutirá a existência, natureza e influência de Satanás e dos demônios de acordo com as Escrituras, incluindo a queda de Lúcifer, a personalidade e obra de Satanás, assim como o destino final de ser lançado no lago de fogo.
Python para finanças: explorando dados financeirosAlex Camargo
[1] O documento apresenta uma palestra sobre Python para finanças, explorando dados financeiros no FLISOL 2023. [2] É introduzido o mercado financeiro e seus principais conceitos. Em seguida, é explicado como Python é usado na área financeira, por meio de bibliotecas, coleta e visualização de dados e modelagem. [3] Por fim, é apresentado um estudo de caso utilizando o Google Colab para acessar dados de ações e visualizá-los.
A practical guide: How to use Bitcoins?Alex Camargo
This document provides a practical guide on how to use Bitcoins. It discusses Alex Camargo's presentations on cryptocurrencies and Bitcoin. It then introduces Bitcoin, explaining that it operates on a decentralized network using blockchain technology. It outlines the steps to use Bitcoins, including getting a wallet, purchasing coins, sending coins, and using them to make purchases. Finally, it concludes that Bitcoins provide benefits like low fees but also stresses the importance of security and awareness of risks like volatility.
IA e Bioinformática: modelos computacionais de proteínasAlex Camargo
Este documento apresenta uma palestra sobre inteligência artificial e bioinformática, com foco em modelos computacionais de proteínas. Apresenta breve introdução sobre IA, bioinformática e suas aplicações, abordando problemas como predição de estrutura e função de proteínas, alinhamento de sequências e desenvolvimento de fármacos. Discorre também sobre tendências da área, como aprendizado de máquina e processamento paralelo, e aplicações em diagnóstico médico.
Introdução às criptomoedas: investimento, mercado e segurançaAlex Camargo
O documento introduz conceitos fundamentais sobre criptomoedas, incluindo criptografia, chaves privadas e públicas, protocolos, blockchains e Bitcoin. Ele também fornece exemplos práticos de como usar sites como CoinMarketCap e corretoras, analisar projetos e gerenciar carteiras de criptomoedas.
Introdução às criptomoedas: criando a sua própria moeda como o Bitcoin!Alex Camargo
O documento introduz conceitos sobre criptomoedas como Bitcoin, explicando o que são criptografia, chaves privadas, protocolos e blockchains. Também aborda como criar sua própria moeda criptográfica.
Cristão versus Redes Sociais - Alex (Arca da Aliança)Alex Camargo
O documento discute como os cristãos devem usar as redes sociais de forma ética, reconhecendo seus riscos e benefícios. Aborda tópicos como a natureza viciante das redes, a privacidade de dados, a sensualização de imagens, e a possibilidade de evangelização digital se feita com sabedoria e discrição. O objetivo é motivar um uso consciente das redes sob uma perspectiva cristã.
O documento apresenta uma palestra sobre empatia e compaixão com base na parábola bíblica do Bom Samaritano em Lucas 10:36-37. A palestra discute quem eram os samaritanos, o relato do crime contra o homem abandonado e como o sacerdote e o levita não o ajudaram, ao contrário do samaritano que teve compaixão. A mensagem principal é sobre a importância de ter empatia e agir com compaixão para com os necessitados, assim como o Bom Samaritano fez.
Alta performance em IA: uma abordagem praticaAlex Camargo
O documento discute alta performance em inteligência artificial (IA) de forma prática. Apresenta o palestrante Alex Camargo e seus projetos em IA aplicada, como sistemas de apoio médico. Discutem conceitos como aprendizado de máquina (ML), aprendizado profundo (DL) e ferramentas para desenvolvimento de IA como Python, TensorFlow e PyTorch. Demonstra experimentos com paralelismo em redes neurais profundas usando módulos como tf.data para melhorar a velocidade. Por fim, aborda considerações sobre o mercado de trabalho em
Bioinformática do DNA ao medicamento: ferramentas e usabilidadeAlex Camargo
O documento discute bioinformática, definindo-a como o emprego de ferramentas computacionais no estudo de problemas biológicos. Aborda a história da bioinformática desde a descoberta da estrutura do DNA, o Projeto Genoma Humano, e o desenvolvimento de estratégias de planejamento de fármacos utilizando ferramentas computacionais. Também discute os principais problemas alvo da bioinformática, como análise de sequências e estruturas, e tendências atuais como manipulação de grandes dados, processamento paral
Inteligência Artificial aplicada: reconhecendo caracteres escritos à mãoAlex Camargo
O documento discute a aplicação da inteligência artificial para reconhecimento de caracteres escritos à mão. Ele apresenta os conceitos e ferramentas como Keras, TensorFlow e OpenCV usadas no reconhecimento óptico de caracteres (OCR) e reconhecimento de escrita manual com deep learning. O autor também fornece códigos e referências sobre o tema.
IA versus COVID-19 Deep Learning, Códigos e Execução em nuvem (Tchelinux 2020)Alex Camargo
O documento apresenta uma introdução à inteligência artificial (IA) e deep learning, incluindo redes neurais convolucionais (CNNs). É demonstrado como a IA pode ser usada para identificar casos de COVID-19 em raios-X do pulmão usando o Google Colab para treinar modelos de aprendizagem profunda.
Algoritmos de inteligência artificial para classificação de notícias falsas. ...Alex Camargo
Este documento resume 3 trabalhos acadêmicos sobre classificação de notícias falsas usando inteligência artificial. O trabalho de Costa (2019) obteve a maior acurácia (97,5%) usando word embedding Glove e redes neurais convolucionais treinadas em um dataset de 28711 registros. Os outros trabalhos obtiveram acurácias menores usando LSVC ou LSVM com TF-IDF em datasets menores.
Fake News - Conceitos, métodos e aplicações de identificação e mitigaçãoAlex Camargo
O documento discute conceitos, métodos e aplicações relacionados à identificação e mitigação de notícias falsas. Aborda tópicos como definição de fake news, tipos de desinformação, legislação aplicável, métodos computacionais para detecção e projetos sobre o tema. Apresenta também perfis dos autores e referências bibliográficas.
O documento descreve o sistema PredictCovid, que usa inteligência artificial para apoiar a triagem de pacientes com suspeita de COVID-19. O sistema treina um modelo de deep learning usando imagens médicas e pode classificar novos casos como positivo ou negativo. O objetivo é fornecer uma ferramenta gratuita e segura para auxiliar médicos durante a pandemia. Os resultados iniciais mostraram alta acurácia na classificação de imagens de raio-x.
O documento apresenta uma palestra sobre inteligência artificial e COVID-19. A palestra inclui uma introdução do palestrante, detalhes sobre o projeto PredictCovid para triagem de pacientes, uma explicação geral de conceitos de IA, ML e DL, e demonstrações de ferramentas para desenvolvimento de sistemas de IA.
1. The team trained a CNN model on a COVID-19 X-ray image dataset to automatically detect COVID-19 in chest X-rays. They used tools like TensorFlow, Keras, and Python.
2. They evaluated the model using techniques like cross-validation, data augmentation, TensorBoard for visualization, and checkpointing to save models during training.
3. Future work could focus on reducing memory usage, improving model interpretation, and developing multi-modal COVID detectors using different types of medical data.
Este documento apresenta as considerações finais do Módulo VII - Desenvolvimento Web de um curso de Introdução à Segurança da Informação e de Sistemas. Discute princípios importantes de desenvolvimento web seguro, como validação de dados de entrada, projeto para implementar políticas de segurança e defesa em camadas. Recomenda recursos adicionais sobre o tópico no YouTube.
Aula 04 - Injeção de código (Cross-Site Scripting)Alex Camargo
O documento apresenta um plano de aula sobre Cross-Site Scripting (XSS). A aula irá explicar o conceito de execução de comandos entre sites diferentes através de JavaScript injetado em formulários de uma aplicação acadêmica vulnerável. Serão mostrados exemplos práticos de código-fonte vulnerável e corrigido para prevenir ataques XSS, e os alunos farão um quiz sobre o tema.
Aula 04 - Injeção de código (Cross-Site Scripting)
Programação para Web II: HTML5
1. HTML5HTML5
Prof. Alex Dias Camargo
alexcamargo@ifsul.edu.br
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA
SUL-RIO-GRANDENSE
CÂMPUS BAGÉ
PROGRAMAÇÃO PARA WEB II
2. 2
I. Plano de aula
Na aula anterior foi visto:
História e arquitetura da Web
Evolução das tecnologias
PWII - HTML 5
3. 3
I. Plano de aula
Nesta aula será apresentado:
HTML5: uma breve história
Estrutura básica e elementos de seção
PWII - HTML 5
4. 4
1. Uma breve história
Nunca foi tão fácil desenvolver para Web como é hoje. O
esforço de desenvolvedores aliado à padrões bem definidos,
tornaram a programação para a Web mais atrativa e rentável.
Antigamente a “maior preocupação” era apenas com o Internet
Explorer.
Fazer websites com tabela foi um marco para a história.
No passado era normal misturar o CSS com o HTML.
PWII - HTML 5
5. 5
1. Uma breve história
PWII - HTML 5
Figura. Estrutura de um site utilizando o <table>...</table>.
6. 6
1.2 As 3 camadas de desenvolvimento
O desenvolvimento client-side é baseado em 3 camadas principais:
informação, formatação e comportamento.
Informação: vem antes de todas as outras e fica sob o
controle do HTML.
Formatação: o CSS é responsável por controlar o visual da
informação exibida pelo HTML.
Comportamento: o Javascript controla os valores definidos
pelo CSS e manipula estas propriedades.
PWII - HTML 5
7. 7
1.2 As 3 camadas de desenvolvimento
PWII - HTML 5
Figura. Camadas do desenvolvimento client-side.
8. 8
1.3 WHAT Working Group
O WHATWG foi fundado por desenvolvedores de empresas como
Mozilla, Apple e Opera em 2004.
Enquanto isso, o W3C focava suas atenções para a criação da
segunda versão do XHTML.
O trabalho do WHATWG passou a ser conhecido pelo mundo e
principalmente pelo W3C.
Essas organizações se juntaram para escrever o que seria
chamado hoje de HTML5.
PWII - HTML 5
9. 9
1.4 HTML5 e suas mudanças
A separação da estrutura do código com a formatação e
princípios de acessibilidade foram trazidos para discussão entre
fabricantes e desenvolvedores.
A versão final do HTML5 foi lançada em 2014.
O HTML5 cria novas tags e descontinua outras.
Mais interatividade sem a necessidade de instalação de
plugins.
PWII - HTML 5
10. 10
1.4 HTML5 e suas mudanças
PWII - HTML 5
Figura. Elementos removidos do HTML5.
11. 11
2. Estrutura, DOCTYPE e charsets
A estrutura básica do HTML5 continua sendo praticamente a
mesma das versões anteriores, porém, com menos código.
<!DOCTYPE html>: instrução para que o navegador tenha
informações sobre qual é a versão de código escrita.
<html lang="pt-br">: o atributo LANG é necessário para
que os user-agents saibam qual a linguagem principal do
documento.
<meta charset="utf-8">: metatag responsável por indicar
qual tabela de caracteres a página está utilizando.
PWII - HTML 5
13. 13
3. Elementos de seção
Elementos de seção são um novo conjunto de elementos que além
de dividir as áreas do layout, dá um significado a elas.
Menos sintaxe (código) e mais semântica (significado).
Preocupação maior com a acessibilidade e diferentes
dispositivos.
Fácil identificação no código.
PWII - HTML 5
14. 14
3. Elementos de seção
PWII - HTML 5
Figura. Elementos de seção do HTML5.
15. 15
3.2 Header
O elemento header define uma seção de cabeçalho.
Exemplo: pode conter campos de busca, elementos de
navegação, um logo ou banner.
PWII - HTML 5
16. 16
3.2 Header
PWII - HTML 5
Figura. Exemplo de uso do elemento <header></header>.
17. 17
3.3 Nav
O elemento nav representa uma seção da página que contém links
para outras partes do website.
Exemplo: menu principal ou histórico de navegação.
PWII - HTML 5
18. 18
3.3 Nav
PWII - HTML 5
Figura. Exemplo de uso do elemento <nav></nav>.
19. 19
3.4 Aside
O elemento aside representa um bloco de informação relativo ao
conteúdo principal.
Exemplo: um agrupamento de publicidade ou um menu de
navegação lateral.
PWII - HTML 5
20. 20
3.4 Aside
PWII - HTML 5
Figura. Exemplo de uso do elemento <aside></aside>.
21. 21
3.5 Section
O elemento section define uma nova seção genérica no
documento.
Exemplo: a home de um website pode ser dividida em
diversas seções.
PWII - HTML 5
22. 22
3.5 Section
PWII - HTML 5
Figura. Exemplo de uso do elemento <section></section>.
23. 23
3.6 Article
O elemento article é onde colocamos texto ou informação principal.
Exemplo: em um blog, dentro de article haverá toda a
informação necessária sobre a postagem.
PWII - HTML 5
24. 24
3.6 Article
PWII - HTML 5
Figura. Exemplo de uso do elemento <article></article>.
25. 25
3.7 Footer
O elemento footer marca o limite inferior do website, normalmente
é conhecido como rodapé.
Exemplo: pode conter um bloco de informações com
identificação do desenvolvedor e copyright.
PWII - HTML 5
26. 26
3.7 Footer
PWII - HTML 5
Figura. Exemplo de uso do elemento <footer></footer>.
27. 27
4. Exercícios
1. Implemente os códigos apresentados em sala de aula, criando
um arquivo HTML em nível de camada de informação. Este servirá
como base para os demais exemplos trabalhados sobre o tema.
2. Faça uma busca em códigos-fonte de sites na Web e identifique
os 5 elementos de seção do HTML5 vistos até o momento.
Descreva a sua URL e os elementos encontrados.
3. Responda os exercícios sobre atributos HTML disponível no link
abaixo:
https://www.w3schools.com/html/exercise.asp?filename=exercise_
html_attributes1
4. Responda as questões extraídas de concursos públicos e/ou provas
de certificação disponibilizadas em:
http://jkolb.com.br/questoes-html5/
PWII - HTML 5
28. 28
5. Formulários, multimídia
e outras abordagens
O HTML5 oferece suporte nativo a players multimídia, também, a
linguagens baseadas em XML e APIs.
Quando o grupo WHATWG reescreveu o HTML, decidiram
começar pelos formulários.
Novas opções de validação de formulários.
Expansão de elementos gráficos.
PWII - HTML 5
29. 29
5.2 Datalist
É um elemento <input> com os valores pré-definidos em um
<datalist>.
Exemplo: uma lista de disciplinas em uma seleção.
PWII - HTML 5
32. 32
5.3 Atributos min e max
Os atributos min e max especificam o valor máximo e mínimo para
um elemento <input>.
Exemplo: quantidade de alunos em uma turma.
PWII - HTML 5
33. 33
5.3 Atributos min e max
PWII - HTML 5
Figura. Exemplo de uso do atributo max e min
34. 34
5.3 Atributos min e max
PWII - HTML 5
Figura. Exemplo de uso do atributo max e min
35. 35
5.4 Atributo required
É um atributo contido em um formulário HTML com um campo de
entrada obrigatório.
Exemplo: nome de uma pessoa.
PWII - HTML 5
38. 38
5.5 Controle de som nativo
A tag <audio> define o som, como música ou outros fluxos de
áudio.
Exemplo: um player de música online.
PWII - HTML 5
39. 39
5.5 Controle de som nativo
PWII - HTML 5
Figura. Exemplo de uso do controle de som nativo
40. 40
5.5 Controle de som nativo
PWII - HTML 5
Figura. Exemplo de uso do controle de som nativo
41. 41
5.6 Controle de vídeo nativo
A tag <video> exibe um player que transmite fluxo de vídeos.
Exemplo: um player de vídeo online.
PWII - HTML 5
42. 42
5.6 Controle de vídeo nativo
PWII - HTML 5
Figura. Exemplo de uso do controle de vídeo nativo
43. 43
5.6 Controle de vídeo nativo
PWII - HTML 5
Figura. Exemplo de uso do controle de vídeo nativo
44. 44
5.7 MathML
Trata-se de uma linguagem de marcação, baseada em XML, para
representação de fórmulas matemáticas.
Exemplo: fórmula de Bhaskara representada em um website.
PWII - HTML 5
47. 47
5.8 SVG
Assim como MathML, SVG é uma linguagem XML. Sua finalidade é
marcação de gráficos vetoriais.
Exemplo: desenho de formas geométricas.
PWII - HTML 5
49. 49
5.8 SVG
PWII - HTML 5
Figura. Exemplo de uso da linguagem SVG (renderização)
50. 50
6. Exercícios
1. Com base no tema definido para o projeto, crie uma página Web
explorando o maior número de elementos semânticos, atributos de
controle, elementos gráficos e elementos multimídia do HTML5
vistos em aula.
Requisitos que devem ser cumpridos na atividade:
1 seção cabeçalho;
1 barra de navegação;
1 seção principal;
1 seção com formulário;
1 rodapé.
PWII - HTML 5
51. 51
Referências
DUCKETT, Jon. Introdução à Programação Web com HTML,
XHTML e CSS. 2 ed. Rio de Janeiro: Editora Ciência Moderna Ltda.,
2010.
SILVA, Mauricio Samy. Criando sites com HTML: sites de alta
qualidade com HTML e CSS. São Paulo, SP: Novatec, 2008.
YANK, Kevin; ADAMS, Cameron. Só Javascript: tudo o que você
precisa saber sobre Javascript a partir do zero. Porto Alegre,
RS: Bookman, 2009.
PWII - HTML 5