O documento apresenta o nome e contatos de Alcides Queiroz e fornece um breve histórico da Internet, da Web e da linguagem HTML, descrevendo as principais tags e atributos do HTML.
O documento discute a evolução das linguagens HTML e CSS desde 1991, destacando novas funcionalidades introduzidas no HTML5 e CSS3 como bordas redondas, sombras, múltiplos backgrounds e transformações 2D e 3D.
Dica fundao-sites-responsivos-140528101304-phpapp02Bruno da Silva
O documento discute o design responsivo, abordando conceitos como mobile first, dicas, exemplos e referências. O foco é planejar sites para dispositivos móveis primeiro e depois para desktops, removendo conteúdo desnecessário e melhorando a usabilidade e acessibilidade em diferentes telas. Wireframes, imagens apropriadas para cada resolução e formulários simplificados são algumas dicas apresentadas.
Workshop layout-pdf-141204083507-conversion-gate02Bruno da Silva
O documento fornece diretrizes e etapas para criação de projetos web. Em 3 frases:
1) Apresenta 8 fundamentos para criação web centrados no usuário, como design responsivo e acessível, além de usar cores e ícones de forma funcional.
2) Detalha 5 etapas iniciais de um projeto: briefing, planejamento, arquitetura de informação, wireframe e layout.
3) Fornece dicas para criação do layout, como escolha de software e grid, além de enfatizar a importância da usabilidade,
O documento apresenta os fundamentos do desenvolvimento web, incluindo o ciclo de vida das páginas web, HTML, as principais tags HTML, hiperlinks, tabelas, formulários e folhas de estilos. O instrutor Washington Silva discute esses tópicos ao longo de várias slides, fornecendo exemplos de código HTML e exercícios.
O documento fornece uma introdução sobre como criar sites HTML. Explica que HTML é a linguagem subjacente usada por navegadores e foi inventada por Tim Berners-Lee em 1990. Também discute alguns softwares e editores de texto que podem ser usados para criar páginas HTML e que não é necessário estar online para desenvolver sites.
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 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 a evolução das linguagens HTML e CSS desde 1991, destacando novas funcionalidades introduzidas no HTML5 e CSS3 como bordas redondas, sombras, múltiplos backgrounds e transformações 2D e 3D.
Dica fundao-sites-responsivos-140528101304-phpapp02Bruno da Silva
O documento discute o design responsivo, abordando conceitos como mobile first, dicas, exemplos e referências. O foco é planejar sites para dispositivos móveis primeiro e depois para desktops, removendo conteúdo desnecessário e melhorando a usabilidade e acessibilidade em diferentes telas. Wireframes, imagens apropriadas para cada resolução e formulários simplificados são algumas dicas apresentadas.
Workshop layout-pdf-141204083507-conversion-gate02Bruno da Silva
O documento fornece diretrizes e etapas para criação de projetos web. Em 3 frases:
1) Apresenta 8 fundamentos para criação web centrados no usuário, como design responsivo e acessível, além de usar cores e ícones de forma funcional.
2) Detalha 5 etapas iniciais de um projeto: briefing, planejamento, arquitetura de informação, wireframe e layout.
3) Fornece dicas para criação do layout, como escolha de software e grid, além de enfatizar a importância da usabilidade,
O documento apresenta os fundamentos do desenvolvimento web, incluindo o ciclo de vida das páginas web, HTML, as principais tags HTML, hiperlinks, tabelas, formulários e folhas de estilos. O instrutor Washington Silva discute esses tópicos ao longo de várias slides, fornecendo exemplos de código HTML e exercícios.
O documento fornece uma introdução sobre como criar sites HTML. Explica que HTML é a linguagem subjacente usada por navegadores e foi inventada por Tim Berners-Lee em 1990. Também discute alguns softwares e editores de texto que podem ser usados para criar páginas HTML e que não é necessário estar online para desenvolver sites.
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 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 fornece uma introdução abrangente às principais tags HTML, incluindo tags para cabeçalhos, parágrafos, links, imagens, tabelas, formulários e estilos. Ele explica o que cada tag faz e fornece exemplos de como usá-las.
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
- O documento fornece instruções sobre como aprender HTML, CSS e outras habilidades relacionadas a web design, incluindo o envio de arquivos via FTP e o uso do Dreamweaver. Inclui exemplos ilustrados e exercícios.
- O leitor aprenderá os principais marcadores HTML para criar sua primeira página, formatar texto, inserir imagens, vídeos, listas, links, tabelas, formulários e mais. Exercícios práticos são fornecidos.
- Instruções detalhadas e exemp
- 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, design web e FTP e inclui exemplos e exercícios.
- Os tópicos cobertos no HTML básico incluem criação de páginas, formatação de texto, imagens, vídeos, listas, links, tabelas e formulários.
- A apostila também fornece exercícios práticos e instruções avançadas sobre HTML,
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
O documento descreve brevemente a história da Web, como funciona o modelo cliente-servidor, e introduz as tecnologias (X)HTML e CSS. (X)HTML é usado para estruturar páginas web através de tags, enquanto CSS é usado para definir a apresentação/formatação desse conteúdo através de folhas de estilo. Propriedades CSS comuns como cores, fontes e dimensões são explicadas.
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 descreve os conceitos básicos de HTML, incluindo sua criação por Tim Berners-Lee para permitir a inserção de conteúdo e estrutura básica na web. Explica como HTML, CSS e JavaScript trabalham juntos para criar sites modernos, com HTML fornecendo a estrutura, CSS o estilo e JavaScript a interatividade.
O documento resume a história e evolução da linguagem HTML desde sua criação no início dos anos 1990 até as versões mais recentes. Explica os principais elementos da linguagem como tags, atributos e elementos básicos para estruturar páginas web. Fornece exemplos de como incorporar diferentes tipos de conteúdo como imagens, vídeos, tabelas e hiperlinks.
O documento apresenta os principais conceitos da linguagem HTML e JavaScript, incluindo suas definições, estrutura básica de uma página HTML, tags, atributos, formatação de texto, links, imagens e outros elementos.
O documento fornece uma introdução sobre HTML e JavaScript, descrevendo suas principais características e conceitos. Em poucas frases, apresenta HTML como a linguagem padrão para criação de páginas web, explica o modelo cliente-servidor e fornece exemplos básicos de tags HTML.
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
O documento apresenta uma aula introdutória sobre HTML, definindo o que é HTML, TAGs e como estruturar elementos básicos como parágrafos, cabeçalhos, listas e links. Também explica como inserir imagens e formulários.
Este documento fornece uma visão geral de um curso de desenvolvimento web e apresenta os principais tópicos a serem abordados, incluindo HTML, CSS, JavaScript, frameworks e conceitos como protocolo HTTP e servidores web.
O documento descreve como funcionam as aplicações web. 1) Os clientes como computadores, tablets e telefones acessam conteúdo de um servidor web através da internet. 2) Os clientes utilizam navegadores web como Chrome e Dreamweaver para acessar os conteúdos. 3) Para criar conteúdo web em HTML e CSS não é necessário entender todo o funcionamento da internet, mas algumas noções básicas são úteis.
O documento discute as novidades trazidas pelo HTML5 e CSS3, incluindo novas tags semânticas no HTML5 como <header>, <nav>, <article>, entre outras, e novos recursos no CSS3 como transições, transformações, seletores aprimorados e efeitos visuais que podem ser criados sem JavaScript.
O documento discute a biblioteca Wicket para desenvolvimento web em Java. Ele apresenta os principais conceitos como:
- Componentização e reutilização de componentes na web usando objetos;
- Integração de HTML e Java através de componentes e modelos;
- Demonstração passo-a-passo de como construir uma página com lista paginável de recursos usando Wicket.
Este documento fornece uma introdução aos padrões da Web, incluindo HTML. Explica a importância dos padrões para a produtividade e compatibilidade e apresenta as principais tags HTML como <html>, <head>, <body>, <p>, <img>, <a>, <table>, <form> e <div>.
Mais conteúdo relacionado
Semelhante a Html5css3 dozeroedojeitocerto-130520201244-phpapp02
O documento fornece uma introdução abrangente às principais tags HTML, incluindo tags para cabeçalhos, parágrafos, links, imagens, tabelas, formulários e estilos. Ele explica o que cada tag faz e fornece exemplos de como usá-las.
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
- O documento fornece instruções sobre como aprender HTML, CSS e outras habilidades relacionadas a web design, incluindo o envio de arquivos via FTP e o uso do Dreamweaver. Inclui exemplos ilustrados e exercícios.
- O leitor aprenderá os principais marcadores HTML para criar sua primeira página, formatar texto, inserir imagens, vídeos, listas, links, tabelas, formulários e mais. Exercícios práticos são fornecidos.
- Instruções detalhadas e exemp
- 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, design web e FTP e inclui exemplos e exercícios.
- Os tópicos cobertos no HTML básico incluem criação de páginas, formatação de texto, imagens, vídeos, listas, links, tabelas e formulários.
- A apostila também fornece exercícios práticos e instruções avançadas sobre HTML,
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
- O documento é uma apostila sobre HTML e CSS criada em agosto de 2008. Ela ensina os conceitos básicos de HTML, CSS e também dá dicas sobre design web e o uso do Photoshop e Dreamweaver. Inclui exemplos ilustrados com fotos e exercícios prontos para o leitor praticar.
O documento descreve brevemente a história da Web, como funciona o modelo cliente-servidor, e introduz as tecnologias (X)HTML e CSS. (X)HTML é usado para estruturar páginas web através de tags, enquanto CSS é usado para definir a apresentação/formatação desse conteúdo através de folhas de estilo. Propriedades CSS comuns como cores, fontes e dimensões são explicadas.
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 descreve os conceitos básicos de HTML, incluindo sua criação por Tim Berners-Lee para permitir a inserção de conteúdo e estrutura básica na web. Explica como HTML, CSS e JavaScript trabalham juntos para criar sites modernos, com HTML fornecendo a estrutura, CSS o estilo e JavaScript a interatividade.
O documento resume a história e evolução da linguagem HTML desde sua criação no início dos anos 1990 até as versões mais recentes. Explica os principais elementos da linguagem como tags, atributos e elementos básicos para estruturar páginas web. Fornece exemplos de como incorporar diferentes tipos de conteúdo como imagens, vídeos, tabelas e hiperlinks.
O documento apresenta os principais conceitos da linguagem HTML e JavaScript, incluindo suas definições, estrutura básica de uma página HTML, tags, atributos, formatação de texto, links, imagens e outros elementos.
O documento fornece uma introdução sobre HTML e JavaScript, descrevendo suas principais características e conceitos. Em poucas frases, apresenta HTML como a linguagem padrão para criação de páginas web, explica o modelo cliente-servidor e fornece exemplos básicos de tags HTML.
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
O documento apresenta uma aula introdutória sobre HTML, definindo o que é HTML, TAGs e como estruturar elementos básicos como parágrafos, cabeçalhos, listas e links. Também explica como inserir imagens e formulários.
Este documento fornece uma visão geral de um curso de desenvolvimento web e apresenta os principais tópicos a serem abordados, incluindo HTML, CSS, JavaScript, frameworks e conceitos como protocolo HTTP e servidores web.
O documento descreve como funcionam as aplicações web. 1) Os clientes como computadores, tablets e telefones acessam conteúdo de um servidor web através da internet. 2) Os clientes utilizam navegadores web como Chrome e Dreamweaver para acessar os conteúdos. 3) Para criar conteúdo web em HTML e CSS não é necessário entender todo o funcionamento da internet, mas algumas noções básicas são úteis.
O documento discute as novidades trazidas pelo HTML5 e CSS3, incluindo novas tags semânticas no HTML5 como <header>, <nav>, <article>, entre outras, e novos recursos no CSS3 como transições, transformações, seletores aprimorados e efeitos visuais que podem ser criados sem JavaScript.
O documento discute a biblioteca Wicket para desenvolvimento web em Java. Ele apresenta os principais conceitos como:
- Componentização e reutilização de componentes na web usando objetos;
- Integração de HTML e Java através de componentes e modelos;
- Demonstração passo-a-passo de como construir uma página com lista paginável de recursos usando Wicket.
Este documento fornece uma introdução aos padrões da Web, incluindo HTML. Explica a importância dos padrões para a produtividade e compatibilidade e apresenta as principais tags HTML como <html>, <head>, <body>, <p>, <img>, <a>, <table>, <form> e <div>.
Semelhante a Html5css3 dozeroedojeitocerto-130520201244-phpapp02 (20)
10. 1957 - ARPA surge
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
11. 1957 - ARPA surge
1969 - O primeiro e-mail é
transmitido em rede
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
12. 1957 - ARPA surge
1969 - O primeiro e-mail é
transmitido em rede
1969 - A ARPANET entra em
funcionamento
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
13. 197* - ARPANET em Universidades
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
14. 197* - ARPANET em Universidades
1971 - Vinton Cerf cunha o termo
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
15. 197* - ARPANET em Universidades
1971 - Vinton Cerf cunha o termo
Internet
1973 – Primeira conexão entre
continentes
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
16. 197* - ARPANET em Universidades
1971 - Vinton Cerf cunha o termo
Internet
1973 – Primeira conexão entre
continentes
1977 - Criação do TCP/IP
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
17. 197* - ARPANET em Universidades
1971 - Vinton Cerf cunha o termo
Internet
1973 – Primeira conexão entre
continentes
1977 - Criação do TCP/IP
1979 - Criada a USENET
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
18. 1981 - Lançado o IBM PC
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
19. 1981 - Lançado o IBM PC
1983 - É criada a MILNET
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
20. 1981 - Lançado o IBM PC
1983 - É criada a MILNET
1983 - TCP/IP é adotado
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
21. 1981 - Lançado o IBM PC
1983 - É criada a MILNET
1983 - TCP/IP é adotado
1984 - ARPANET possui 1000
servidores
APRESENTAÇÃO
BREVE HISTÓRICO (Internet)
29. APRESENTAÇÃO
BREVE HISTÓRICO (Web)
1980 - TBL cria o ENQUIRE
1989 - TBL e Robert Cailliau
realizam a primeira comunicação
bem sucedida entre um cliente
HTTP e um servidor na Internet
38. É um conjunto de códigos
aplicados a um texto ou a dados,
com o fim de adicionar
informações particulares sobre
esse texto ou dado, ou sobre
trechos específicos.
Linguagem de Marcação??
39. Ex:
Olá, meu nome é João, sou filho
de Marta e moro em Fortaleza.
Linguagem de Marcação??
40. Ex:
Olá, meu nome é
<nome>João</nome>, sou filho
de <nome>Marta</nome> e
moro em <cidade>Fortaleza
</cidade>.
Linguagem de Marcação??
49. Termo de autoria também
atribuída a Ted Nelson
É o hipertexto que não está
limitado a conter apenas texto,
podendo possuir imagens,
vídeos, sons, etc.
Hipermídia??
59. AS TAGS DO HTML (ATÉ 4.01)
<html>
Representa um documento
HTML
60. AS TAGS DO HTML (ATÉ 4.01)
<html> - atributo lang
<html lang=”pt-br”>
Usado para que os user-agents
saibam qual é a linguagem
principal do documento.
61. AS TAGS DO HTML (ATÉ 4.01)
<head>
Contém meta-dados a respeito
do documento
62. AS TAGS DO HTML (ATÉ 4.01)
<title>
Representa o título da página,
que constará na barra de
título do navegador.
63. AS TAGS DO HTML (ATÉ 4.01)
<title>
<title>Don't panic!</title>
64. AS TAGS DO HTML (ATÉ 4.01)
<body>
Representa o corpo da página.
65. AS TAGS DO HTML (ATÉ 4.01)
<body>
<body>
Godfather é o melhor filme da
história.
</body>
66. AS TAGS DO HTML (ATÉ 4.01)
<h1> a <h6> (Headings)
Representam cabeçalhos de
diferentes níveis de
importância no documento
67. AS TAGS DO HTML (ATÉ 4.01)
<h1> a <h6> (Headings)
<h1>A Linguagem Ruby</h1>
<h2>Introdução</h2>
<h3>História</h3>
68. AS TAGS DO HTML (ATÉ 4.01)
<a>
Representa um link para outro
recurso na web, ou para um
trecho específico desse
recurso.
69. AS TAGS DO HTML (ATÉ 4.01)
<a>
<a href=”sobre.html”>
Sobre a empresa</a>
<a href=”mailto:eu@joao.com”>
e-mail</a>
<a href=”http://google.com”>
Google</a>
70. AS TAGS DO HTML (ATÉ 4.01)
<a> - atributo href
<a href=”localizacao”>
Especifica a localização do
recurso
71. AS TAGS DO HTML (ATÉ 4.01)
<a> - atributo name
<a name=”rodape”></a>
Nomeia um ponto específico de
um documento para que possa
ser referenciado por outros links.
<a href=”#rodape”>Rodapé</a>
72. AS TAGS DO HTML (ATÉ 4.01)
<a> - atributo name
Dica:
atributo name se tornou obsoleto
no HTML5
73. AS TAGS DO HTML (ATÉ 4.01)
<img>
Representa uma imagem
74. AS TAGS DO HTML (ATÉ 4.01)
<img> - atributo src
<img src =”logo.png”/>
Representa o caminho (absoluto
ou relativo) para a imagem
75. AS TAGS DO HTML (ATÉ 4.01)
<p>
Representa um parágrafo
76. AS TAGS DO HTML (ATÉ 4.01)
<p>
<p>
Exemplo de um parágrafo
qualquer, este texto não deve
fazer sentido algum.
</p>
86. AS TAGS DO HTML (ATÉ 4.01)
<form>
Representa um formulário.
87. AS TAGS DO HTML (ATÉ 4.01)
<form> - atributos
action
<form action=”enviar.aspx”>
Representa a URL do recurso que
irá receber os dados do
formulário e que realizará o
processamento desejado
88. AS TAGS DO HTML (ATÉ 4.01)
<form> - atributos
method
<form action=”enviar.aspx”
method=”get”>
Representa o método HTTP que
será usado para envio do
formulário
216. AS TAGS DO HTML5
<summary>
Título de uma seção details
217. AS TAGS DO HTML5
<header>
Título de uma section.
Pode conter headings,
hgroups (removido da
especificação em abril/13),
content tables, logos, search
form
218. AS TAGS DO HTML5
<section>
Agrupa items que possuam
relação entre si, e cujo
agrupamento não seja
meramente para fins de
posicionamento
219. AS TAGS DO HTML5
<footer>
Rodapé, geralmente último
elemento do documento
220. AS TAGS DO HTML5
<article>
Conteúdo agrupado, importante
e passível de utilização em
feeds
221. AS TAGS DO HTML5
<figure>
Uma figura, que possivelmente
possuirá legenda
222. AS TAGS DO HTML5
<figcaption>
Legenda de uma figura
223. AS TAGS DO HTML5
<datalist>
<input list="times">
<datalist id="times">
<option value="Ceará">
<option value="Fortaleza">
<option value="Uniclinic">
</datalist>
224. AS TAGS DO HTML5
<datalist> - fallback
Digite seu time: <input list="times">
<datalist id="times">
<label>Ou escolha na lista a seguir</label>
<select>
<option value="Ceará">
<option value="Fortaleza">
<option value="Uniclinic">
</select>
</datalist>
225. AS TAGS DO HTML5
<mark>
Efetua highlight de um texto e
denota que o mesmo possui
maior destaque
226. AS TAGS DO HTML5
<meter>
Medidor em formato de barra