O documento apresenta um curso de Tecnologia em Design Gráfico e fornece informações sobre o capítulo 4 do curso sobre HTML 5 básico. O documento inclui uma introdução sobre HTML 5, uma lista de tags e atributos HTML, e um exemplo inicial de código HTML com o elemento básico.
Este documento apresenta os conceitos básicos da linguagem HTML 5 para construção de documentos, incluindo uma lista de tags e atributos comuns e suas definições e usos. O documento também fornece exemplos de códigos HTML para criação de tabelas, listas de definição e outras estruturas, além de objetivos e agenda para a aula sobre HTML 5.
Este documento fornece uma introdução aos fundamentos da Web, incluindo:
1) Uma breve história da linguagem HTML e como foi desenvolvida;
2) Uma explicação dos principais elementos HTML como tags, cabeçalho e corpo;
3) Definições dos conceitos centrais da Web como WWW, URL e protocolos.
O documento apresenta os fundamentos da linguagem de formatação CSS. Explica o que é CSS, suas vantagens e como inserir folhas de estilo em documentos HTML através de estilos inline, incorporados ou externos. Também discute seletores, propriedades e valores CSS.
O documento descreve os primeiros passos para iniciar uma carreira em design para web, incluindo aprender sobre como a web funciona, as habilidades necessárias como design gráfico e programação, a diferença entre frontend e backend, as camadas estrutura, apresentação e comportamento, e o uso de sistemas de grade para diagramação na web.
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.
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 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.
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.
Este documento apresenta os conceitos básicos da linguagem HTML 5 para construção de documentos, incluindo uma lista de tags e atributos comuns e suas definições e usos. O documento também fornece exemplos de códigos HTML para criação de tabelas, listas de definição e outras estruturas, além de objetivos e agenda para a aula sobre HTML 5.
Este documento fornece uma introdução aos fundamentos da Web, incluindo:
1) Uma breve história da linguagem HTML e como foi desenvolvida;
2) Uma explicação dos principais elementos HTML como tags, cabeçalho e corpo;
3) Definições dos conceitos centrais da Web como WWW, URL e protocolos.
O documento apresenta os fundamentos da linguagem de formatação CSS. Explica o que é CSS, suas vantagens e como inserir folhas de estilo em documentos HTML através de estilos inline, incorporados ou externos. Também discute seletores, propriedades e valores CSS.
O documento descreve os primeiros passos para iniciar uma carreira em design para web, incluindo aprender sobre como a web funciona, as habilidades necessárias como design gráfico e programação, a diferença entre frontend e backend, as camadas estrutura, apresentação e comportamento, e o uso de sistemas de grade para diagramação na web.
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.
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 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.
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.
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 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.
Minicurso Iniciando no Mundo Front-End - Dia 02 - SASPI {5}Matheus Thomaz
1) O documento apresenta um cronograma de estudos em HTML e CSS para um desenvolvedor front-end.
2) Inclui explicações sobre as principais tags e atributos em HTML e CSS, além de tópicos como pré-processadores, semântica e HTML5.
3) Fornece detalhes sobre a estrutura e significado semântico de páginas web.
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!
O documento apresenta um curso sobre HTML e CSS, introduzindo o que é CSS, como foi criado e sua proposta. Explica como integrar CSS às páginas e formatar conteúdo utilizando propriedades como classes, alinhamento, estilos de fontes e a tag <span>. Fornece detalhes sobre o contato do autor.
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 fornece uma introdução sobre como criar páginas web, incluindo: (1) explica o que são redes e a internet, além de navegadores e servidores web; (2) descreve termos-chave como HTML, hipertexto e tags; (3) fornece uma estrutura básica de documento HTML e instruções para criar uma primeira página web simples.
O documento discute padrões da web, incluindo HTML, XHTML e CSS. Ele explica como esses padrões foram criados para facilitar o desenvolvimento web e melhorar a experiência do usuário, e destaca boas práticas como usar HTML de forma semântica e separar conteúdo de apresentação usando folhas de estilo.
O documento discute o design de websites usando padrões da web. Apresenta os problemas do "código espaguete" e como os padrões da web, como CSS e XHTML, permitem criar layouts mais simples e acessíveis em múltiplos navegadores. Também discute a separação de conteúdo, apresentação e comportamento para melhor manutenção e acessibilidade.
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.
1) O documento apresenta uma introdução ao CSS (Cascading Style Sheets), explicando que ele permite criar layouts de websites de forma diferente do HTML e de forma mais eficiente.
2) É dada orientação sobre os softwares e navegadores necessários para acompanhar o tutorial, sendo recomendado um editor de texto simples.
3) O tutorial ensinará propriedades CSS como cores, imagens de fundo e posicionamento ao longo de três lições.
Este documento apresenta um manual de apoio para a criação de sites na internet. Apresenta conceitos básicos como browsers, servidores, hiperlinks e ferramentas para desenvolvimento web como HTML, CSS e JavaScript. Inclui também informações sobre domínios, subdomínios e fatores a considerar na implementação de um site.
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 a linguagem HTML, suas limitações e como a web semântica visa superá-las através do uso de XML para adicionar significado às informações na web. A HTML é uma linguagem de marcação que estrutura documentos para a web, mas carece de recursos semânticos. Isso dificulta a indexação e recuperação de informações. A web semântica usa o XML para definir categorias que descrevem o significado dos dados.
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 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 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.
O documento discute as primeiras configurações necessárias para criar um site, incluindo registro de domínio, hospedagem e projeto. Também apresenta uma introdução ao HTML5, cobrindo tópicos como estrutura básica de documentos, tipos de linguagens da web e modelos de conteúdo.
Este documento apresenta uma aula sobre formatação de páginas web usando HTML. A aula ensina como formatar texto em negrito, itálico e sublinhado usando tags apropriadas, como criar parágrafos e quebras de linha, inserir linhas horizontais, títulos e subtítulos, adicionar comentários, e como lidar com acentos e caracteres especiais usando entidades.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que HTML foi criado por Tim Berners-Lee em 1991 para marcar documentos na web e evoluiu através de várias versões. XHTML foi desenvolvido com base em HTML para seguir padrões XML. O HTML5 trará novos recursos como canvas, vídeo e áudio e elementos semânticos para melhorar a estrutura e acessibilidade das páginas.
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 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.
Minicurso Iniciando no Mundo Front-End - Dia 02 - SASPI {5}Matheus Thomaz
1) O documento apresenta um cronograma de estudos em HTML e CSS para um desenvolvedor front-end.
2) Inclui explicações sobre as principais tags e atributos em HTML e CSS, além de tópicos como pré-processadores, semântica e HTML5.
3) Fornece detalhes sobre a estrutura e significado semântico de páginas web.
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!
O documento apresenta um curso sobre HTML e CSS, introduzindo o que é CSS, como foi criado e sua proposta. Explica como integrar CSS às páginas e formatar conteúdo utilizando propriedades como classes, alinhamento, estilos de fontes e a tag <span>. Fornece detalhes sobre o contato do autor.
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 fornece uma introdução sobre como criar páginas web, incluindo: (1) explica o que são redes e a internet, além de navegadores e servidores web; (2) descreve termos-chave como HTML, hipertexto e tags; (3) fornece uma estrutura básica de documento HTML e instruções para criar uma primeira página web simples.
O documento discute padrões da web, incluindo HTML, XHTML e CSS. Ele explica como esses padrões foram criados para facilitar o desenvolvimento web e melhorar a experiência do usuário, e destaca boas práticas como usar HTML de forma semântica e separar conteúdo de apresentação usando folhas de estilo.
O documento discute o design de websites usando padrões da web. Apresenta os problemas do "código espaguete" e como os padrões da web, como CSS e XHTML, permitem criar layouts mais simples e acessíveis em múltiplos navegadores. Também discute a separação de conteúdo, apresentação e comportamento para melhor manutenção e acessibilidade.
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.
1) O documento apresenta uma introdução ao CSS (Cascading Style Sheets), explicando que ele permite criar layouts de websites de forma diferente do HTML e de forma mais eficiente.
2) É dada orientação sobre os softwares e navegadores necessários para acompanhar o tutorial, sendo recomendado um editor de texto simples.
3) O tutorial ensinará propriedades CSS como cores, imagens de fundo e posicionamento ao longo de três lições.
Este documento apresenta um manual de apoio para a criação de sites na internet. Apresenta conceitos básicos como browsers, servidores, hiperlinks e ferramentas para desenvolvimento web como HTML, CSS e JavaScript. Inclui também informações sobre domínios, subdomínios e fatores a considerar na implementação de um site.
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 a linguagem HTML, suas limitações e como a web semântica visa superá-las através do uso de XML para adicionar significado às informações na web. A HTML é uma linguagem de marcação que estrutura documentos para a web, mas carece de recursos semânticos. Isso dificulta a indexação e recuperação de informações. A web semântica usa o XML para definir categorias que descrevem o significado dos dados.
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 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 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.
O documento discute as primeiras configurações necessárias para criar um site, incluindo registro de domínio, hospedagem e projeto. Também apresenta uma introdução ao HTML5, cobrindo tópicos como estrutura básica de documentos, tipos de linguagens da web e modelos de conteúdo.
Este documento apresenta uma aula sobre formatação de páginas web usando HTML. A aula ensina como formatar texto em negrito, itálico e sublinhado usando tags apropriadas, como criar parágrafos e quebras de linha, inserir linhas horizontais, títulos e subtítulos, adicionar comentários, e como lidar com acentos e caracteres especiais usando entidades.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que HTML foi criado por Tim Berners-Lee em 1991 para marcar documentos na web e evoluiu através de várias versões. XHTML foi desenvolvido com base em HTML para seguir padrões XML. O HTML5 trará novos recursos como canvas, vídeo e áudio e elementos semânticos para melhorar a estrutura e acessibilidade das páginas.
O documento descreve a história e evolução das linguagens HTML e XHTML para marcação de páginas web. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões como HTML 2, 3, 4 e atualmente o HTML5 está em desenvolvimento, adicionando novos recursos como áudio, vídeo e elementos semânticos de segmentação de página. O XHTML foi criado com base no HTML 4.1 para seguir padrões XML mais rigorosos.
O documento descreve a história e evolução das linguagens HTML e XHTML para marcação de páginas web. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões, sendo a mais recente o HTML5 que trará novidades como canvas, vídeo, áudio e elementos semânticos de segmentação como header, article e footer. O XHTML foi criado com base no XML para ser consistente com suas regras.
O documento descreve a história e características das linguagens HTML e XHTML. Resume que Tim Berners-Lee criou o HTML em 1991 e desde então passou por várias versões como HTML 2, 3, 4 e atualmente HTML5 está em desenvolvimento. XHTML foi criado com base no HTML 4.1 seguindo padrões XML para tornar o código mais consistente.
O documento fornece uma introdução sobre web designers e conceitos relacionados ao desenvolvimento front-end de páginas da web. Explica o que é um web designer, front-end, back-end e ferramentas como HTML5, CSS3, jQuery, PHP, Bootstrap e CMS. Também discute como hospedar um site na internet e terminações de domínio comuns.
O documento descreve um curso de HTML e CSS, incluindo introduções aos tópicos de HTML, CSS, criação e hospedagem de sites. Ele fornece exemplos básicos de código HTML para criar páginas com parágrafos, negrito, itálico e listas.
O documento discute o design de websites usando padrões da web. Apresenta os problemas do "código espaguete" e como os padrões da web, como CSS e XHTML, permitem criar layouts mais simples e acessíveis em múltiplos navegadores. Também discute a separação de conteúdo, apresentação e comportamento para melhor manutenção e acessibilidade.
Tecnologias Web com foco na criação de Landing PagesRangel Javier
O documento fornece uma introdução sobre tecnologias web, incluindo conceitos básicos de HTML, CSS e desenvolvimento web. Discute como funcionam páginas e sites na web, e quais ferramentas são necessárias para criar um site, como linguagens de marcação, estilização, programação e bancos de dados. Explica brevemente o que são hot sites e landing pages e como elas diferem.
O documento introduz os conceitos básicos de HTML e CSS em três frases ou menos:
1) Apresenta o que é HTML, como escrever marcação HTML e as principais tags como <html>, <head>, <body>, <title>, <h1-3>, <p>, <a>, <img>, <table>, <form>, <div> e <br>.
2) Explica o que é CSS e como fazer declarações de estilo através de arquivos externos, internos e inline.
3) Fornece referências para aprender mais sobre HTML, CSS, hipertexto e
O documento fornece uma introdução sobre HTML, explicando que ele pode ser editado em editores de texto ou programas como Dreamweaver. Ele também apresenta os elementos básicos de um código HTML, como <head>, <body>, <title> e como eles funcionam. Por fim, há um exercício prático guiado para editar um email marketing em HTML.
O documento fornece uma introdução sobre HTML, explicando que ele pode ser editado em editores de texto ou programas como Dreamweaver. Ele também explica a estrutura básica de um código HTML, com as seções <head> e <body>, e como elementos como <p> e <a> funcionam. Por fim, apresenta um exercício prático de edição de um email HTML das Americanas.
O documento apresenta técnicas de CSS como CSS Reset e CSS Hacks. CSS Reset é usado para eliminar estilos padrão dos navegadores e começar o desenvolvimento sem anomalias. CSS Hacks são "gambiarras" no código CSS para contornar problemas de renderização entre navegadores. O documento explica como implementar CSS Reset e como usar comentários condicionais e exemplos para aplicar CSS Hacks especificamente no Internet Explorer.
O documento discute se tudo no HTML5 é novo e explica as principais diferenças em relação à versão anterior. A marcação semântica agora separa elementos do design visual feito com CSS. Embora algumas tags tenham sido removidas e outras alteradas, a atualização facilita a manutenção dos sites e a indexação pelos buscadores.
O documento apresenta uma introdução ao HTML 4 e 5, descrevendo suas principais características e tags. É destacado que HTML não é uma linguagem de programação e sim de marcação, utilizando tags para estruturar conteúdo. Também são explicados conceitos como cabeçalhos, parágrafos, links, imagens e listas.
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.
O documento fornece uma introdução sobre HTML, explicando que ele é usado para criar páginas da web e pode ser editado em editores simples como o Bloco de Notas ou em editores mais complexos como o Dreamweaver. Também apresenta os elementos básicos de uma página HTML, como a tag <head> para metadados e a tag <body> para o conteúdo visível, e demonstra passo a passo como editar um arquivo HTML existente.
O documento descreve a história e o trabalho da empresa T2Ti. Em 3 frases:
1) A T2Ti começou em 2007 com cursos de programação Java e hoje desenvolve sistemas e produz treinamentos.
2) Um de seus maiores sucessos foi o Projeto T2Ti ERP, que treinou milhares de profissionais no desenvolvimento de um ERP.
3) Atualmente a T2Ti concentra-se em desenvolver sistemas e produzir treinamentos para o mercado nacional e internacional.
Semelhante a Unb 2012.1 - dweb - 04 - html5 básico - parte i (20)
O documento explica o uso do Present Perfect Simple em inglês. Ele é usado para se referir a experiências ou ações no passado que têm relevância no presente. O Present Perfect Simple é formado pelo verbo auxiliar "have/has" mais o particípio passado do verbo principal. Ele deve ser traduzido para o passado em português.
O documento descreve os principais formatos de arquivos de imagens bitmap, incluindo .PSD, .JPG, .GIF, .PNG e .TIF. Ele explica as características e usos de cada formato, como suporte a cores, camadas, animações e aplicações comuns como web e impressão.
O documento discute imagens rasterizadas, definindo-as como imagens formadas por pontos (pixels) dispostos em uma grade retangular, onde cada pixel tem uma coordenada e valor de cor. Explica que a qualidade de uma imagem rasterizada é determinada pela sua resolução em pontos por polegada e que valores mais altos significam melhor qualidade mas também maior tamanho de arquivo. Por fim, indica que imagens rasterizadas são comumente usadas para fotografias digitais devido à sua capacidade de representar sombras e cores de forma contínua.
O documento discute princípios básicos para sistemas de navegação de qualidade, incluindo precisão, confiabilidade, integridade de dados e facilidade de uso. Ele também lista nove princípios importantes para navegação como descritos por Fleming em 1998.
O documento discute a rotulação de dados para sistemas de inteligência artificial, mencionando a importância de dividir os dados em categorias primárias, secundárias e terciárias para treinar modelos de machine learning de forma mais eficiente.
A inteligência artificial pode ser usada para criar protótipos rápidos de interfaces e aplicativos em diferentes plataformas como iPhone, iPad e websites para testar ideias com usuários e coletar feedback para aprimorar o design. A prototipação com IA permite que designers experimentem rapidamente com várias opções sem precisar de código.
O documento fornece diretrizes para o desenvolvimento de um site, começando com a compreensão dos usuários, suas necessidades e hábitos. Em seguida, discute fatores do mercado e restrições técnicas ou financeiras. Por fim, fornece etapas para estabelecer objetivos claros e metas para o site com base nos usuários e necessidades do negócio.
O documento discute a importância de entender os usuários e suas necessidades para o desenvolvimento de um site. Ele aborda a necessidade de realizar pesquisas de mercado e com os usuários para definir o conteúdo e a estrutura do site de forma a atender as expectativas e necessidades desses usuários. Também discute a técnica de card sorting para mapear como os usuários categorizam a informação.
Unb -2011.2_-_arqi_-_05_-_ai_-_navegacao_-_parte_iiClaudenio Alberto
O documento discute vários tipos de conectores que podem ser usados para representar fluxos de informação e transições entre páginas em diagramas de arquitetura, incluindo setas, crossbars, conjuntos concorrentes e ramos condicionais.
Unb 2012.1 - dweb - d - comportamento dos elementosClaudenio Alberto
O documento apresenta os aspectos semânticos e comportamento dos elementos de bloco e de linha no HTML/XHTML. Explica que elementos de bloco começam em nova linha e possuem espaçamento acima e abaixo, enquanto elementos de linha ocupam apenas a largura necessária. Fornece exemplos de tags de cada tipo e observações sobre sua utilização correta.
O documento apresenta um resumo sobre a biblioteca jQuery. Descreve que jQuery é uma biblioteca JavaScript que adiciona interatividade e dinamismo aos documentos web, melhorando a usabilidade. Também explica como instalar e utilizar seletores jQuery para manipular elementos HTML.
Este documento fornece uma introdução sobre formatos e otimização de imagens para web, discutindo: 1) Imagens vetoriais versus rasterizadas; 2) Principais formatos de arquivo como JPEG, GIF, PNG, EPS; e 3) Novos formatos como SVG e WebP. O objetivo é fundamentar o uso adequado de imagens na web.
O documento apresenta um curso superior de tecnologia em design gráfico, com informações sobre o capítulo 4 do curso "HTML 5 – básico II". O documento inclui a agenda do capítulo com tópicos como lista de tags e atributos e exercícios.
O documento apresenta as principais propriedades CSS para formatação de elementos como fontes, textos, fundos, bordas, margens e espaçamentos internos. Explica cada propriedade de forma detalhada com seus valores válidos para permitir a correta formatação dos elementos na linguagem CSS.
Unb 2012.1 - dweb - e - css-pensando dentro da caixaClaudenio Alberto
Este documento apresenta os fundamentos da linguagem de formatação CSS. Discute os componentes da caixa de um elemento, como definir as dimensões da caixa e do conteúdo. Também aborda os diferentes modos de renderização dos navegadores e as diferenças entre o modelo de caixa do W3C e do Internet Explorer.
Unb 2012.1 - dweb - e - css-pensando dentro da caixa
Unb 2012.1 - dweb - 04 - html5 básico - parte i
1. Curso Superior de Tecnologia em Design Gráfico
DWEB - Design para
Web
4 HTML 5 – básico I
“Ninguém despreze a tua mocidade; mas sê o exemplo dos fiéis, na palavra, no trato, no amor, no espírito,
na fé, na pureza.” 1 Timóteo 4:12
1 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
2. DWEB - Design para Web / Carlos José
Contato
Carlos José
carlosjose.unibratec@gmail.com
www.carlosjose.net
twitter.com/carlosjoser2n
2 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
3. DWEB - Design para Web / Carlos José
Objetivo da Aula
Apresentar a linguagem
de marcação HTML 5 com
seus conceitos básicos,
bem como a construção
de documentos.
3 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
4. DWEB - Design para Web / Carlos José
Agenda
n Acentuação em HTML5
n Lista de tag’s e
atributos
n Exercícios
4 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
5. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Introdução
î Acentuação
n Não é recomendável que os documentos Web
contenham acentos.
n Ainda que todos os navegadores existentes
entendam a presença de um caractere acentuado,
existem ocasiões em que o texto em HTML pode ficar
truncado.
n Para contornar este problema, existe uma tabela de
códigos que substituem os acentos.
n Os navegadores transformam estes códigos em
caracteres acentuados e o documento poderá ser
transmitido por qualquer meio.
5 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
6. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Introdução
î Tabela de acentos e caracteres especiais
Á Á á á Â Â
â â À À à à
Å Å å å Ã Ã
ã ã Ä Ä ä ä
Æ Æ æ æ É É
é é Ê Ê ê ê
È È è è Ë Ë
ë ë Ð Ð ð ð
Í Í í í Î Î
î î Ì Ì ì ì
6 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
7. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Introdução
î Tabela de acentos e caracteres especiais
Ï Ï ï ï Ó Ó
ó ó Ô Ô ô ô
Ò Ò ò ò Ø Ø
ø ø Õ Õ õ õ
Ö Ö ö ö Ú Ú
ú ú Û Û û û
Ù Ù ù ù Ü Ü
ü ü Ç Ç ç ç
Ñ Ñ ñ ñ < <
> > & & " "
7 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
9. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Estrutura da especificação para a HTML5
î A
especificação para a HTML5 está estruturada
em 10 seções, a saber:
n Infraestrutura
comum: define terminologia, classes,
algoritmos, sintaxes e partes comuns das
especificações.
n Semântica,
estrutura e APIs para documentos HTML:
definem as funcionalidades do DOM HTML e dos
elementos HTML em geral.
9 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
10. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Estrutura da especificação para a HTML5
î A
especificação para a HTML5 está estruturada em
10 seções, a saber:
n Elementos HTML: explicam o significado de cada um dos
elementos HTML. São estabelecidas regras de uso dos
elementos na marcação, bem como diretrizes de
manipulação deles pelos agentes de usuário.
n Microformatos: a especificação para a HTML5 prevê um
mecanismo para marcar informações sobre o documento,
no formato nome/valor, para serem lidas por máquinas.
î Essa seção descreve esse mecanismo e os algoritmos capazes
de converter documentos HTML em outros formatos.
î Adicionalmente, nessa seção definem-se alguns vocabulários
para Microformatos: informações de contato, calendário de
eventos e licenças.
10 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
11. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Estrutura da especificação para a HTML5
î A
especificação para a HTML5 está estruturada
em 10 seções, a saber:
n Carregamento de páginas web: documentos HTML
não aparecem do nada – essa seção define as muitas
funcionalidades relacionadas ao tratamento de
páginas web pelos diferentes dispositivos.
n APIspara aplicações web: descrevem as
funcionalidades básicas para desenvolvimento de
scripts em aplicações HTML.
11 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
12. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Estrutura da especificação para a HTML5
î A
especificação para a HTML5 está estruturada
em 10 seções, a saber:
n Interação com o usuário: descreve os diferentes
mecanismos de interação do usuário com um
documento HTML.
n APIs para comunicação: tratam dos mecanismos de
comunicação entre aplicações HTML rodando em
domínios diferentes e no mesmo cliente.
n Sintaxe HTML: descreve a sintaxe HTML.
n Sintaxe XHTML: descreve a sintaxe XHTML.
12 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
13. DWEB - Design para Web / Carlos José
Introdução as linguagens de marcação
n Introdução
î Lista de Tags e atributos
n Astags apresentadas aqui formam uma compilação
das definições oficiais da linguagem.
î http://www.w3schools.com
î http://www.htmldog.com
13 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
14. DWEB - Design para Web / Carlos José
HTML - <!DOCTYPE>
n Lista de Tags e atributos
î HTML <!DOCTYPE> tag
n Definição e forma de uso: O declaração deve ser a primeira coisa em seu
documento HTML5, antes da tag <html>.
§ A declaração doctype não é uma tag da linguagem HTML, é uma instrução para
o navegador web sobre qual versão da linguagem de marcação a página está
escrita.
î É importante que você especifique o doctype em todos os documentos HTML, para
que o navegador saiba o tipo do documento .
î O doctype em HTML 4.01 exigia uma referência a uma DTD, porque HTML 4.01 foi
baseada em SGML.
§ HTML5 não é baseada em SGML, e não requer uma referência a uma DTD mas
precisa do doctype para que os navegadores.
n Diferença entre HTML 4.01, XHTML e HTML 5
î Há 3 doctypes diferentes em HTML 4.01 e XHTML 1.0, em HTML5 há apenas um:
§ <!DOCTYPE HTML>
14 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
15. DWEB - Design para Web / Carlos José
HTML - <html>
n Lista de Tags e atributos
î HTML <html> tag
n Definição e forma de uso:
î A Tag informa ao navegador que um documento HTML.
î O elemento HTML é o elemento mais externo em um
documento.
î O elemento HTML também é conhecido como o elemento
raiz.
n Diferença entre HTML 4.01, XHTML e HTML 5
î HTML5 tem um novo atributo: manifest
15 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
16. DWEB - Design para Web / Carlos José
HTML - <html>
n Lista de Tags e atributos
î HTML <html> tag
n Atributos opcionais
Attribute Value Description
manifest url Especifica a URL de cache do documento manifest
xmlns http://www.w3.org/1999/xhtml Define o atributo de namespace XML.
16 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
17. DWEB - Design para Web / Carlos José
HTML - <body>
n Lista de Tags e atributos
î HTML <body> tag
n Definiçãoe forma de uso: O elemento <body>
contém todos os elementos do corpo do documento
HTML como textos, links, imagens, tabelas, listas, etc.
n Diferença entre HTML 4.01, XHTML e HTML 5
î Todos os atributos de apresentação do elemento <body>
estão em desuso em HTML 4.01, e não são suportados em
XHTML 1.0 Strict DTD.
17 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
18. DWEB - Design para Web / Carlos José
HTML - <body>
n Lista de Tags e atributos
î HTML <body> tag
n Atributos opcionais
î DTD
indica em que DTD o atributo é permitido. S=Strict,
T=Transitional, and F=Frameset.
Attribute Value Description DTD
alink rgb(x,x,x) or #xxxxxx or colorname Em desuso. Use CSS em vez disso. TF
Especifica a cor de um link ativo em um documento
background file_name Em desuso. Use CSS em vez disso. TF
Especifica uma imagem de fundo para um documento
bgcolor rgb(x,x,x) or #xxxxxx or colorname Em desuso. Use CSS em vez disso. TF
Define a cor de fundo de um documento.
link rgb(x,x,x) or #xxxxxx or colorname Em desuso. Use CSS em vez disso. TF
Especifica a cor padrão dos links não visitados em um
documento.
text rgb(x,x,x) or #xxxxxx or colorname Em desuso. Use CSS em vez disso. TF
Especifica a cor do texto em um documento.
vlink rgb(x,x,x) or #xxxxxx or colorname Em desuso. Use CSS em vez disso. TF
Especifica a cor dos links visitados em um documento..
18 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
19. DWEB - Design para Web / Carlos José
HTML – exe01.html
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8“/>
<title>Minha Primeira Página</title>
</head>
<body>
E aí Beleza!
</body>
</html>
19 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
20. DWEB - Design para Web / Carlos José
HTML - <p> Parágrafo
n Lista de Tags e atributos
î HTML <p> tag
n Definição e forma de uso: A tag <p> define um
parágrafo.
n Diferenças entre HTML 4.01, XHTML e HTML 5
î Todos os atributos de apresentação do elemento <p> estão
em desuso em HTML 4.01, e não são suportados em XHTML
1.0 Strict DTD.
n Example
î <p>This is some text in a very short paragraph</p>
20 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
21. DWEB - Design para Web / Carlos José
HTML - <p> Parágrafo
n Lista de Tags e atributos
î HTML <p> tag
n Atributos opcionais
î DTD indica em que DTD o atributo é permitido. S=Strict,
T=Transitional, and F=Frameset.
Attribute Value Description DTD
align left Em desuso. Use CSS em vez disso. TF
right Especifica o alinhamento do texto dentro de um
center parágrafo.
justify
21 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
22. DWEB - Design para Web / Carlos José
HTML - <br> Quebra de linha
n Lista de Tags e atributos
î HTML <br> tag
n Definição e forma de uso: A tag <br> inseri uma única
quebra de linha. <br> é uma tag vazia, o que significa
que não tem nenhuma marca de fim: exemplo
<br></br>.
n Diferenças entre HTML 4.01, XHTML e HTML 5
î No HTML a tag <br> não tem nenhuma marca de fim.
î Em XHTML a tag <br> deve estar devidamente fechada,
como este: <br />.
î Example
§ This text contains<br />a line break
22 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
23. DWEB - Design para Web / Carlos José
HTML - <hr> Linha horizontal
n Lista de Tags e atributos
î HTML <hr> tag
n Definição e forma de uso: O <hr> marca e cria uma linha
horizontal em uma página HTML.
î O elemento <hr> pode ser usado para separar o conteúdo em
uma página HTML.
n Diferenças entre HTML 4.01, XHTML e HTML 5
î No HTML a tag <hr> não tem nenhuma marca de fim.
î Em XHTML a tag <hr> deve estar devidamente fechado, como
este: <hr />.
î Todos os atributos de "apresentação" do elemento <hr> estão
em desuso HTML 4.01, e não são suportados em XHTML 1.0
Strict DTD .
n Example
î This is some text <hr /> This is some text
23 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
24. DWEB - Design para Web / Carlos José
HTML - <!--...--> comentário
n Lista de Tags e atributos
î HTML <!--...--> tag
n Definição e forma de uso: A tag de comentário é
utilizado para inserir um comentário no código-fonte.
î Ocomentário será ignorado pelo navegador.
î Você pode usar os comentários para explicar seu código,
que pode ajudar quando você editar o código fonte em uma
data posterior.
n Diferenças entre HTML 4.01, XHTML e HTML 5
î Nenhuma.
n Example
î <!-- Inicio do menu de navegação principal -->
24 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
25. DWEB - Design para Web / Carlos José
HTML – exe02.html
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8“/>
<title>Marcação de Texto </title>
</head>
<body>
<hr /><!--esta linha é um comentário e não aparecerá no
navegador. linha horizontal-->
<h1>Marcação de Texto</h1>
<p><strong>Este texto está em negrito</strong>,
já esta palavra <em>esta</em> em itálico.</
p><p>Para aplicar uma quebra<br /> de linha dentro de um
texto em um parágrafo, é necessário
utilizar a tag <br /></p>
<hr /><!-- linha horizontal-->
</body>
</html>
25 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
26. DWEB - Design para Web / Carlos José
HTML - <h1> Definição de cabeçalhos
n Lista de Tags e atributos
î HTML <h1> até <h6> tags
n Definiçãoe forma de uso: O <h1> a <h6> são usados
para definir posições em HTML.
î <h1> define o título do maior para o menor <h6>.
n Diferenças entre HTML 4.01, XHTML e HTML 5
î Oatributo "alinhamento“ do <h1> a <h6> estão em desuso
em HTML 4.01, e não é suportado no XHTML 1.0 Strict DTD.
n Example
î <h1>This is header 1</h1>
26 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
27. DWEB - Design para Web / Carlos José
HTML - <h1> Definição de cabeçalhos
n Lista de Tags e atributos
î HTML <h1> até <h6> tags
n Atributos opcionais
î DTD indica em que DTD o atributo é permitido. S=Strict,
T=Transitional, and F=Frameset.
Attribute Value Description DTD
align left Em desuso. Use CSS em vez disso. TF
right Especifica o alinhamento do título
center
justify
27 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
28. DWEB - Design para Web / Carlos José
HTML – exe03.html
<!DOCTYPE html>
<html>
<head>
<meta charset=“utf-8”/>
<title>Título e Sub-títulos</title>
</head>
<body>
<hr />
<h1>Título e Sub-títulos</h1>
<h1>Título 1</h1><h2>Título 2</h2>
<h3>Título 3</h3><h4>Título 4</h4>
<h5>Título 5</h5><h6>Título 6</h6>
<hr />
<p>Em HTML/XHTML, utilizamos os <h1>...<h6> para utilizar
como título e sub-título nos textos.</p>
<p>Exemplo:<br /><h1>Geografia</h1><p>texto aqui.</p><h2>Clima:</
h2><p>texto aqui</p></p>
</body>
</html>
28 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
29. DWEB - Design para Web / Carlos José
Perguntas
?
29 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12
30. DWEB - Design para Web / Carlos José
Considerações Finais
n Atenção
î Revisar os conceitos e fundamentos do HTML
î Tentar refazer os documentos HTML pelo o que
você vê no navegador, ou seja, o resultado final.
Fonte: Silva, Maurício Samy., HTML 5: A linguagem de marcação do futuro, São Paulo, Novatec Brasil,
julho 2011; ROBBINS, Jennifer Niederst. Aprendendo Web Design – guia para iniciantes, 3ª Edição;
http://www.htmldog.com/; http://www.w3schools.com
30 Capítulo 4 - HTML 5 básico I Monday, 27 de February de 12