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 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.
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.
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.
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 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 discute a linguagem HTML5, incluindo suas principais características e como criar um site simples usando HTML e CSS. O documento fornece instruções passo a passo sobre estrutura básica de HTML, elementos semânticos do HTML5, estilização com CSS e desafio de criar um site de artista com imagem, lista de músicas e links.
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 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.
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.
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.
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 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 discute a linguagem HTML5, incluindo suas principais características e como criar um site simples usando HTML e CSS. O documento fornece instruções passo a passo sobre estrutura básica de HTML, elementos semânticos do HTML5, estilização com CSS e desafio de criar um site de artista com imagem, lista de músicas e links.
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.
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
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.
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 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.
Curso de HTML5 com @zarathon
Aula01 - Introdução ao HTML
- Link para a video-aula : http://youtu.be/GL_ULlrwUMI
Inscrevam-se no canal para ficar sempre informado de quando sair um conteúdo novo!
Me sigam no twitter para mais informações: @zarathon
Dúvidas, críticas deixem nos comentários... Responderei a todos com muita satisfação!
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 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.
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.
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 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.
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.
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.
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.
html, css e java script - renato araujoorenatoaraujo
Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
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 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.
As novas features que essas duas tecnologias trouxeram para o mundo da Web. Formas de se ter agilidade com elas e a semântica ao documento. Bem-vindo ao mundo do HTML5 e CSS3!
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTAndré Luís
O documento apresenta as principais mudanças na semântica da web com a introdução do HTML5, incluindo novos elementos estruturais como <section>, <article>, <nav>, <time> e <data> que fornecem informações sobre o conteúdo de maneira mais clara e significativa do que tags genéricas.
O documento discute as tecnologias da Web, com foco em HTML5. Apresenta as novas tags, APIs e estilos em CSS3 introduzidos pelo HTML5. Explica que HTML5 é o padrão atual para desenvolvimento web e que tem suporte em diversos dispositivos. Também discute o uso crescente de JavaScript em aplicações web, mobile e desktop.
The document discusses the evolution of HTML and CSS standards. It covers new semantic elements in HTML5 like <header>, <nav>, <section>, and <article>. HTML5 also introduces new form input types, multimedia elements <video> and <audio>, and the <canvas> element. CSS3 adds new selectors, properties for opacity, backgrounds, borders, shadows, text effects and 3D transforms. The document emphasizes that HTML5 and CSS3 are still works in progress with evolving browser support, and other technologies still have roles to play for applications needing advanced features.
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
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.
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 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.
Curso de HTML5 com @zarathon
Aula01 - Introdução ao HTML
- Link para a video-aula : http://youtu.be/GL_ULlrwUMI
Inscrevam-se no canal para ficar sempre informado de quando sair um conteúdo novo!
Me sigam no twitter para mais informações: @zarathon
Dúvidas, críticas deixem nos comentários... Responderei a todos com muita satisfação!
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 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.
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.
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 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.
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.
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.
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.
html, css e java script - renato araujoorenatoaraujo
Este documento fornece uma breve introdução sobre HTML, CSS e JavaScript. Apresenta os criadores e evolução das linguagens, características principais e boas práticas para seu uso. Sites de referência para aprendizado também são listados no final.
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 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.
As novas features que essas duas tecnologias trouxeram para o mundo da Web. Formas de se ter agilidade com elas e a semântica ao documento. Bem-vindo ao mundo do HTML5 e CSS3!
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTAndré Luís
O documento apresenta as principais mudanças na semântica da web com a introdução do HTML5, incluindo novos elementos estruturais como <section>, <article>, <nav>, <time> e <data> que fornecem informações sobre o conteúdo de maneira mais clara e significativa do que tags genéricas.
O documento discute as tecnologias da Web, com foco em HTML5. Apresenta as novas tags, APIs e estilos em CSS3 introduzidos pelo HTML5. Explica que HTML5 é o padrão atual para desenvolvimento web e que tem suporte em diversos dispositivos. Também discute o uso crescente de JavaScript em aplicações web, mobile e desktop.
The document discusses the evolution of HTML and CSS standards. It covers new semantic elements in HTML5 like <header>, <nav>, <section>, and <article>. HTML5 also introduces new form input types, multimedia elements <video> and <audio>, and the <canvas> element. CSS3 adds new selectors, properties for opacity, backgrounds, borders, shadows, text effects and 3D transforms. The document emphasizes that HTML5 and CSS3 are still works in progress with evolving browser support, and other technologies still have roles to play for applications needing advanced features.
Curriculo para Designer leonildo wagner - 08-2016 Léo Dias
Léo Diaz é um designer, webmaster e ilustrador que cria sites e identidades visuais respeitando padrões W3C. Ele tem experiência em desenvolvimento, programação, design gráfico e como professor de informática. Léo possui formação em várias tecnologias como banco de dados, UX, Delphi e certificações do Microsoft Office e inglês básico.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
PhoneGap - criando aplicações Android e iOS com HTML5Rafael Sakurai
PhoneGap permite desenvolver aplicações multiplataforma usando HTML5, CSS3 e JavaScript. Ele fornece APIs que dão acesso a recursos de dispositivos móveis como câmera e GPS. Aplicações híbridas desenvolvidas com PhoneGap oferecem acesso completo aos dispositivos e são multiplataforma a um custo menor que aplicações nativas.
O documento resume uma apresentação sobre HTML5, CSS3 e JavaScript feita por Fábio Flatschart na Campus Party 2011. A apresentação discute as novas especificações e recursos introduzidos pelo HTML5, como estrutura semântica, formulários, vídeo, SVG e APIs, e como essas tecnologias permitem o desenvolvimento de aplicações web ricas. O documento também aborda compatibilidade entre navegadores e ferramentas da Adobe para suporte a HTML5.
O documento discute engenharia social e a ferramenta Maltego. Apresenta conceitos de engenharia social, técnicas utilizadas por golpistas como disfarce e apelo sentimental. Também descreve como a ferramenta Maltego pode ser usada para identificar informações na internet e discute a evolução dos crimes cibernéticos com o avanço tecnológico.
Palestra apresentada no Dia D 2009 da comunidade Debian-PE.
Fizemos uma breve contextualização e discutimos algumas novidades da versão 5.3.0 como:
namespaces
late static bindings
lambda functions
closures, etc
O documento discute tópicos relacionados à espionagem e segurança na internet, incluindo acesso seguro através da internet usando o protocolo SSL, hackers versus crackers, técnicas para quebrar senhas, vazamento de senhas no LinkedIn, engenharia reversa em firmware da D-Link e o Marco Civil da Internet no Brasil.
Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Faz uma apresentação sobre o que é o CSS, por que o utilizamos, suas vantagens, como o utilizamos e algumas de suas propriedades.
O documento descreve as estruturas básicas de HTML5, incluindo as tags head, body e html. A seção head contém informações não visíveis, enquanto a seção body contém o conteúdo visível da página. Ele também lista várias tags importantes como title, link, header, section, article, footer e nav.
O documento discute diversas certificações para desenvolvedores, incluindo certificações Sun (Java), Zend (PHP), IBM, Linux (Red Hat, LPI e CompTIA). Ele explica o que são certificações, seus benefícios, como se preparar e o processo de obtenção. É fornecido detalhes sobre os requisitos, estrutura e custos de várias certificações específicas.
Curso de css3 unidade 1 - introdução ao cssLéo Dias
O documento resume os principais pontos sobre CSS: 1) CSS é uma linguagem de formatação para definir o estilo de páginas web, separando conteúdo da formatação; 2) Apresenta os tipos de seletores como classe, ID e filho que permitem aplicar estilos específicos; 3) Discutem propriedades comuns como cor, fonte e tamanho que controlam a aparência.
O documento discute a evolução da linguagem JavaScript ao longo do tempo, desde sua criação pela Netscape em 1995 sob o nome Mocha até se tornar a linguagem oficial para programação web em 1996. Também menciona que o jQuery é uma biblioteca JavaScript que simplifica a manipulação de códigos HTML e fornece exemplos de sites desenvolvidos com HTML5.
O documento apresenta uma introdução ao HTML, descrevendo suas principais tags e elementos, como <head>, <body>, <h1>-<h6>, <p>, <img>, <a>, <ul>, <ol>, <table>, <form> e <iframe>. Explica como cada um funciona e como adicionar atributos e conteúdo. Fornece exemplos de código HTML para ilustrar cada elemento.
Este documento apresenta uma aula introdutória sobre HTML, cobrindo os seguintes tópicos: o que é HTML e como funciona, a estrutura básica de uma página HTML, e as principais tags como <html>, <head>, <body>, <p>, <br>, <h1-h6>. O objetivo é ensinar os elementos fundamentais para construção de páginas web.
O documento fornece uma introdução sobre HTML e CSS, descrevendo suas principais características e elementos. Ele explica o que são HTML, tags e estrutura básica de um documento HTML. Também apresenta as propriedades e elementos essenciais de CSS, como fontes, bordas, fundos e listas. Por fim, fornece dicas sobre como aprender mais sobre esses temas através da prática.
O documento discute os protocolos HTTP e FTP, métodos de requisição e resposta HTTP, elementos básicos de HTML como tags, atributos e estruturação de páginas. Também apresenta exemplos de tags HTML comuns e explica a organização de arquivos em projetos web.
O documento explica as principais tags HTML usadas para estruturar páginas web. Detalha tags como <html>, <head>, <body>, <h1>, <p>, <img>, <a>, <ul>, <ol>, <li>, <table>, <tr> e <td>, mostrando como cada uma funciona e como estruturar corretamente uma página web em HTML.
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 descreve a estrutura básica de uma página HTML, incluindo as tags <html>, <head>, <title> e <body>. Explica que o HTML foi criado por Tim Berners-Lee na década de 1990 e consiste em elementos e atributos para estruturar o conteúdo da página da web.
O documento apresenta um minicurso sobre HTML, ensinando sobre as principais tags e estruturas do HTML, como <p>, <img>, <a>, <ul>, <ol>, <table>, além de novas tags semânticas do HTML5 como <header>, <nav> e <video>. O documento é dividido em seções ensinando sobre títulos, parágrafos, links, imagens, listas, formulários, elementos de bloco e linha, e por fim um projeto final para aplicar os conhecimentos.
Este documento fornece uma introdução sobre HTML, CSS e XHTML. Ele explica o que são essas linguagens, como funcionam e quais são suas principais tags e comandos. Além disso, fornece exemplos de como estruturar páginas web usando essas tecnologias.
O documento resume as diferenças básicas entre HTML e XML, explicando que HTML descreve a aparência e ações enquanto XML descreve a representação de dados. XML permite criar marcações personalizadas para estruturar dados de qualquer tipo.
O documento fornece uma introdução básica sobre HTML, cobrindo tópicos como preparação de arquivos, tags comuns (como títulos, parágrafos e links), formatos de texto, tabelas, listas, cores e blocos. Ele também discute como adicionar estilos ao HTML através de CSS interno, externo ou diretamente no código.
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 explica as principais tags HTML para estruturar páginas web, como <html>, <head>, <title>, <body>, <h1-h6>, <p>, <ul>, <ol>, <li> e suas funções para formatar texto, criar links, listas e metadados.
Este documento fornece uma introdução às folhas de estilo em cascata (CSS), abordando tópicos como a diferença entre HTML e CSS, os tipos de regras CSS e onde colocar declarações CSS. Exemplos ilustram como aplicar estilos a elementos usando seletores de tipo, classe e ID.
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 explica que HTML5 é a versão 5 da linguagem HTML utilizada para criação de páginas web. Ele lista as principais tags HTML como <!doctype html>, <html>, <head> e <body> necessárias para estruturar um documento HTML básico. Também apresenta tags comuns como <p>, <em>, <strong>, <ol> e <ul> para formatar texto e criar listas.
- O documento é uma apostila sobre HTML e CSS escrita por Marcos Rogério Fernandes em agosto de 2008. A apostila ensina os conceitos básicos de HTML, CSS e também dá dicas de design web e uso do Photoshop e Dreamweaver. Contém exemplos ilustrados e exercícios.
- O documento é uma apostila sobre HTML e CSS criada por Marcos Rogério Fernandes em agosto de 2008. A apostila ensina os conceitos básicos de HTML, CSS, design web e o programa Dreamweaver através de exemplos, exercícios e imagens ilustrativas.
- O documento é uma apostila sobre HTML e CSS criada por Marcos Rogério Fernandes em agosto de 2008. A apostila ensina os conceitos básicos de HTML, CSS, design web e o programa Dreamweaver através de exemplos, exercícios e imagens ilustrativas.
O documento descreve as principais diferenças entre XHTML e HTML, como XHTML exige que documentos sejam bem formados, tags estejam em letras minúsculas e aninhadas corretamente, e elementos vazios devem ser fechados.
HTML5 Mobile - Aula 3 - Device OrientationJose Berardo
Aula 3 do curso HTML5 Mobile da Especializa. Tratamos sobre os sensores de posicionamento e movimento do aparelho.
A leitura desses sensores varia de acordo com o browser mas já é plenamente viável no iOS e Androids mais atuais (acima do honeycomb).
Este documento fornece uma agenda para um curso de certificação Java OCA. A agenda inclui 10 macrotemas como introdução à certificação Java, tipos de dados, classes, herança e exceções. Cada macrotema será dividido em tópicos específicos como tecnologia Java, orientação a objetos, tipos de aplicações Java e estrutura de um arquivo Java.
Slides introdutórios do curso Java Certified Associate da Especializa Treinamentos.
http://www.especializa.com.br/curso/oca-javaassociate
Esse curso prepara para o novo exame de certificação Java da Oracle, 1z0-803, que proporciona a titulação Oracle Certified Associate, Java Programmer I.
Publicamos mais sobre o assunto em nosso blog:
http://especializa.com.br/blog/2013/02/07/certificacao-java-nos-tempos-da-oracle/
Quarta sequência de slides do curso de Android da Especializa Treinamentos
http://www.especializa.com.br/curso/android
Assunto desta aula:
- Application (Mais detalhes do AndroidManifest.xml)
- Activity
- Fragment
O documento fornece uma introdução ao desenvolvimento para Android, abordando os principais tópicos como:
1) Ambiente de desenvolvimento, incluindo download de ferramentas como Android SDK, SDK Manager, AVD Manager e Eclipse ADT Plugin;
2) Conceitos básicos como requisitos de hardware e software, APIs, emulador e depuração com ADB e DDMS;
3) Detalhamento de ferramentas como SDK Manager para baixar APIs, AVD Manager para criar dispositivos virtuais e emulador.
Este documento apresenta uma ementa detalhada sobre o treinamento de Android, incluindo 8 tópicos principais como introdução ao Android, ambiente de desenvolvimento, conceitos básicos, entre outros. Apresenta também informações sobre as versões do Android, tipos de dispositivos, mercado mobile e a arquitetura do sistema operacional Android.
Java é uma linguagem de programação amplamente utilizada para desenvolvimento de aplicações corporativas. O anúncio busca um desenvolvedor com experiência em frameworks como Spring e Hibernate para construir aplicações robustas e escaláveis.
O documento apresenta uma introdução sobre os fundamentos da Web, abordando tópicos como protocolos HTTP e HTTPS, requisições e respostas entre cliente e servidor, URLs, MIME types e uma breve história da evolução da Web e das linguagens HTML.
A certificação PHP da Zend é um reconhecimento de conhecimento em PHP e tecnologias relacionadas. Ela cobre tópicos como sintaxe, OOP, banco de dados, segurança, XML e serviços web. Para se preparar, recomenda-se cursos, livros, revistas e simulados. O exame dura 90 minutos e é preciso registrar-se no site da Zend para comprar o voucher e agendar a prova.
2. HTML5 ESSENCIAL
Fundamentos de todo serviço na Web
segunda-feira, 12 de março de 12
3. EMENTA
• Fundamentosde Web
• Documentos HTML
• Conteúdo
• Hipermídia
• Semântica
• Desempenho
3
segunda-feira, 12 de março de 12
4. O QUE VEREMOS AGORA
• Fundamentos da Web
• Documentos HTML
• DHTML, XHTML, HTML5
• Tags
• Regras XHTML
• Estrutura de documento HTML
• Doctypes e Modos de browsers (quirks e stricts)
• Conteúdo
• Hipermídia
4
segunda-feira, 12 de março de 12
5. DOCUMENTOS HTML
• HTMLé uma linguagem de marcação
• DHTML x XHTML x HTML5
• Dynamic HTML x eXtensible HTML x HTML5
• DHTML: Páginas HTML integradas com CSS e Javascript
• XHTML: HTML com maior preocupação sintática
• HTML5: HTML menos burocrática e mais rapidamente evoluída
5
segunda-feira, 12 de março de 12
7. MARCAÇÕES
• Marcações HTML são denominadas tags
6
segunda-feira, 12 de março de 12
8. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
6
segunda-feira, 12 de março de 12
9. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
• Toda tag tem um nome associado. Ex.: <body>
6
segunda-feira, 12 de março de 12
10. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
• Toda tag tem um nome associado. Ex.: <body>
• Tags podem ter conteúdo. Ex: Um texto em <strong>destaque</strong>
6
segunda-feira, 12 de março de 12
11. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
• Toda tag tem um nome associado. Ex.: <body>
• Tags podem ter conteúdo. Ex: Um texto em <strong>destaque</strong>
• Tags podem ser autocontidas. Ex: <br />
6
segunda-feira, 12 de março de 12
12. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
• Toda tag tem um nome associado. Ex.: <body>
• Tags podem ter conteúdo. Ex: Um texto em <strong>destaque</strong>
• Tags podem ser autocontidas. Ex: <br />
• Tags podem conter atributos. Ex.: <img src=“foto.gif” />
6
segunda-feira, 12 de março de 12
13. MARCAÇÕES
• Marcações HTML são denominadas tags
• Todo arquivo HTML apresenta marcações entre angular brackets (< e >)
• Toda tag tem um nome associado. Ex.: <body>
• Tags podem ter conteúdo. Ex: Um texto em <strong>destaque</strong>
• Tags podem ser autocontidas. Ex: <br />
• Tags podem conter atributos. Ex.: <img src=“foto.gif” />
• Atributos podem ser autocontidos.
Ex.: <input type=“text” disabled />
6
segunda-feira, 12 de março de 12
14. MARCAÇÕES
• Regras XML (XHTML)
• Toda tag deve fechar na mesma “caixa” que abriu. Ex.:
• <p>conteúdo de um parágrafo</p>
• <p>conteúdo de um parágrafo</P> ERRADO
• Atributos devem sempre vir no formato chave=“valor”
Obs.: O HTML5 não insiste mais nesse tema
• Tags devem sempre fechar na ordem inversa de abertura:
<body>
<p>
Um texto com <strong>marcações</strong>
</p>
</body>
7
segunda-feira, 12 de março de 12
16. ESTRUTURA
<html>
8
segunda-feira, 12 de março de 12
17. ESTRUTURA
<html>
<head>
8
segunda-feira, 12 de março de 12
18. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
8
segunda-feira, 12 de março de 12
19. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
8
segunda-feira, 12 de março de 12
20. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
<body>
8
segunda-feira, 12 de março de 12
21. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
<body>
<h1>Relou o Ôrde</h1>
8
segunda-feira, 12 de março de 12
22. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
<body>
<h1>Relou o Ôrde</h1>
</body>
8
segunda-feira, 12 de março de 12
23. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
<body>
<h1>Relou o Ôrde</h1>
</body>
</html>
8
segunda-feira, 12 de março de 12
24. ESTRUTURA
<html>
<head>
<title>Relou o Ôrde</title>
</head>
<body>
<h1>Relou o Ôrde</h1>
</body>
</html>
• HTML: Nó raiz
HEAD: Cabeçalho do documento
TITLE: Título da página
BODY: Corpo do documento
8
segunda-feira, 12 de março de 12
25. TAGS BÁSICAS
• Semântica de textos:
• <h1></h1> a <h6></h6> - Para títulos de capítulos ou seções
• <p></p> - Para parágrafos
• <br/> - Para quebras de linhas
• <em></em> - Para ênfase (em geral deixa o texto itálico)
• <strong></strong> - Para ênfase forte
• <b></b> - Para negrito
• <i></i> - Para itálico
• Obs.: Essa é a recomendação do W3C embora todos os browsers
coloquem strong e em como negrito e itálico respectivamente
• <div></div> - Pura divisão de textos em blocos. Não há
margem de parágrafos, apenas quebra ao final
• <span></span> - Simples agrupamento de texto para
qualquer finalidade
9
segunda-feira, 12 de março de 12
26. ESTRUTURA HTML5
• Estruturas vem sendo “layoutadas” usando muitos divs
• Engenheiros do Google catalogaram muitos divs com id ou classes
iguais
10
segunda-feira, 12 de março de 12
27. ESTRUTURA HTML5
• Proposta de criação de tags
específicas para evitar uso
excessivo de divs
• Essas tags padronizam a
nomenclatura usada em
estrutura semanticamente
comuns
11
segunda-feira, 12 de março de 12
28. ESTRUTURA HTML5
• Novas tags estruturais semânticas do HTML5
• <section>. Delimita uma seção de conteúdo.
• <nav>. Delimita uma área de links para navegação para outro conteúdo.
• <article>. Delimita um conteúdo de um artigo, um post em foruns, um comentário, etc
• <aside>. Delimita um conteúdo satélite ao principal da página
• <header>. Delimita uma subregião de uma seção que agrupa títulos ou estrutura de
navegacional
• <hgroup>. Delimita um conjunto de elementos de cabeçalho de <h1> a <h6> quando
a seção tiver mais de um nível
• <footer>. Delimita o rodapé de uma página ou seção.
12
segunda-feira, 12 de março de 12
29. DICAS SEMÂNTICAS
• As novas tags estruturais da HTML5 vieram para
promover mais semântica mas nenhuma estética
• <body> pode conter várias <section> que podem ter <header> e
<footer>
• <article> funciona como uma <section> para textos de artigos ou
comentários
• <body> funciona como a principal <section> e também pode ter
<header> e <footer> gerais do documento
• <section> podem agrupar <div> e mais elementos
<section>
<div>
<p>
<span> texto </span>
<p>
</div>
</section>
13
segunda-feira, 12 de março de 12
30. DICAS SEMÂNTICAS
• Dicas de cabeçalhos e links
• É importante utilizar os elementos da maneira que melhor expresse o
conteúdo
• <header> podem possuir <hX> e estas podem estar em <hgroup>
• Cabeçalhos <hx> representam níveis de destaque e isso
• A estrutura <nav> agrupa a navegação principal da página ou do
conteúdo de uma seção
• A navegação é composta de links (tags <a> que veremos adiante).
• É comum haver links dispostos em listas não ordenadas (tags <ul>
que veremos adiante).
14
segunda-feira, 12 de março de 12
31. ELEMENTOS DE TEXTO
• Listas
• Não ordenadas <ul>
• Ordenadas <ol>
• Itens de listas <li>
<ul>
<li>Chrome</li>
<li>Firefox</li>
<li>Opera</li>
<li>Safari</li>
</ul>
15
segunda-feira, 12 de março de 12
32. ELEMENTOS DE TEXTO
• Listas de definições
• Tags <dl>
• Itens de listas <dt> e descrição de itens <dd>
<dl>
<dt>WebKit</dt>
<dd>Engenho do Chrome e no Safari</dd>
<dt>Gecko</dt>
<dd>Engenho do Firefox</dd>
<dt>Presto</dt>
<dd>Engenho do Opera</dd>
<dt>Trident</dt>
<dd>Engenho Internet Explorer</dd>
</dl>
16
segunda-feira, 12 de março de 12
33. ELEMENTOS DE TEXTO
• Demais tags para definição de textos
• <small> - Para letras miúdas de contrato ;-)
• <mark> - Para uma ligeira marca de um texto (HTML5)
• <cite> - Para uma citação de alguém
• <sub> e <sup> - Convenções tipográficas de sub e
superescrito
• <abbr> - Para acrônimos
17
segunda-feira, 12 de março de 12
34. MODOS E DOCTYPES
• No XML, DOCTYPE é uma marcação acima do nó raiz que
aponta para regras (inline ou em documento à parte) que
devem ser seguidas pelo documento atual
• Um documento XML bem formado (que seguem suas regras
básicas) podem ser validados em um DTD (document type
definitions) apontado pela tag DOCTYPE
• Browsers nunca validam documentos sob pena de ficaram
mais lentos
• Ao evoluir em novas versões, os browsers vivem o dilema de
continuar dando o mesmo resultado em sites antigos e
suportar novidades
• Browsers utilizam os DOCTYPES para mudar seu estilo de
compatibilidade. Assim o próprio site indica se quer ou não
que o browser ainda se comporte como na versão anterior
18
segunda-feira, 12 de março de 12
35. MODOS E DOCTYPES
• Exemplos de DOCTYPES:
• DOCTYPE para o HTML 4
• <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://
www.w3.org/TR/html4/strict.dtd">
• DOCTYPE XHTML modo Strict (mais rígido)
• <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
• DOCTYPE XHTML Transitional (um dos mais usados ainda
hoje)
• <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
• DOCTYPE HTML5, bem mais simples
• <!DOCTYPE html>
19
segunda-feira, 12 de março de 12
37. ESTUDO DE CASO 1
Análise de um site HTML5
thefuturemckeowns.com
20
segunda-feira, 12 de março de 12
38. ESTUDO DE CASO 1
menu principal do site: <nav><ul><li>
20
segunda-feira, 12 de março de 12
39. ESTUDO DE CASO 1
menu principal do site: <nav><ul><li>
Seção da galeria de fotos: <section> com tags <div> internas
20
segunda-feira, 12 de março de 12
40. ESTUDO DE CASO 1
menu principal do site: <nav><ul><li>
20
segunda-feira, 12 de março de 12
41. ESTUDO DE CASO 1
menu principal do site: <nav><ul><li>
Duas áreas <section> e <footer> logo abaixo
20
segunda-feira, 12 de março de 12
46. DICAS E LINKS
• Analise a estrutura semântica das marcações
HTML dos sites que você visitar
• Exiba o código fonte em ferramentas como o Firebug ou o Chrome
Developer Tools e analise estruturas e elementos inline
• Sites de conteúdo interessante:
• http://www.ibm.com/developerworks/library/x-html5/
• http://html5doctor.com/you-can-still-use-div/
• http://www.impressivewebs.com/html5-section/
• http://www.vanseodesign.com/web-design/html5-semantic-
elements/
• http://www.maujor.com/tutorial/acessibilidade-na-html5.php
• http://en.wikipedia.org/wiki/Quirks_mode
• http://www.maujor.com/tutorial/apoio_haslayout/quirksmode.html
24
segunda-feira, 12 de março de 12