Você está na página 1de 20

Autoria Web

Cabealhos, Listas e outros elementos

Prof Silvano Oliveira


prof.silvano.oliveira@gmail.com

Prof. Silvano Oliveira / 20


Cabealhos
<body>
<h1>Ementa de Autoria Web</h1>
<h2>Objetivos</h2>
</body>

<h1> a <h6>

Prof. Silvano Oliveira Autoria WEB 2 / 20


Linha horizontal
<body>
<h1>Ementa de Autoria Web</h1>
<hr/>
<h2>Objetivos</h2>
</body>

Prof. Silvano Oliveira Autoria WEB 3 / 20


Colocando alguma informao
<body>
<h1>Ementa de Autoria Web</h1>
<hr/>
Curso: Desenvolvedor de Aplicativos Web
rea Profissional: Informtica
Disciplina: Autoria Web
Carga-horria: 30h
<h2>Objetivos</h2>
</body>

Prof. Silvano Oliveira Autoria WEB 4 / 20


Quebra de Linha
<body>
<h1>Ementa de Autoria Web</h1>
<hr/>
Curso: Desenvolvedor de Aplicativos Web <br/>
rea Profissional: Informtica <br/>
Disciplina: Autoria Web <br/>
Carga-horria: 30h <br/>
<h2>Objetivos</h2>
</body>

Prof. Silvano Oliveira Autoria WEB 5 / 20


Ops... algo saiu errado (ou no)

Ementa de Autoria Web


--------------------------------------------------------------------------------------------
Curso: Desenvolvedor de Aplicativos Web
[]rea Profissional: Inform!tica
Disciplina: Autoria Web
Carga-hor!ria: 30h
Objetivos

Prof. Silvano Oliveira Autoria WEB 6 / 20


Codificao de caracteres

Texto em ISO-8859-1 apresentado com UTF-8

Texto em UTF-8 apresentado com ISO-8859-1

Fonte: http://pt.wikipedia.org/wiki/Mojibake
Prof. Silvano Oliveira Autoria WEB 7 / 20
Codificao de caracteres

Prof. Silvano Oliveira Autoria WEB 8 / 20


Como memorizar
1) No memorize, tabelas existem para serem consultadas.
2) Algumas regras gerais:
Acento agudo: &Xacute;
Acento circunflexo: &Xcirc;
Acento grave: &Xgrave;
Til: &Xtilde;
Letra com trema: &xuml;
Cedilha: &Ccedil;
Letras unidas: &aelig;
Letra com argola: &Xring;
X a letra a ser acentuada
Prof. Silvano Oliveira Autoria WEB 9 / 20
Corrigindo a baguna
<h1>Ementa de Autoria Web</h1>
<hr/>
<body>
Curso: Desenvolvedor de Aplicativos Web
&Aacute;rea Profissional: Inform&aacute;tica
Disciplina: Autoria Web
Carga-hor&aacute;ria: 30h
<h2>Objetivos</h2>
</body>
Prof. Silvano Oliveira Autoria WEB 10 / 20
Corrigindo a baguna
Informe para o navegador qual a codificao do arquivo
<head>
<meta http-equiv=Content-Type
content=text/html; charset=iso-8859-1>
</head>

<head>
<meta http-equiv=Content-Type
content=text/html; charset=utf-8>
</head>

Prof. Silvano Oliveira Autoria WEB 11 / 20


Listas no-ordenadas
<body>
:
<h2>Objetivos</h2>
<ul>
<li>Produzir pginas web...</li>
<li>Criar Scripts ...</li>
<li>Estruturar o contedo...</li>
<li>Usar ferramentas de autoria web</li>
</ul>
</body>
Prof. Silvano Oliveira Autoria WEB 12 / 20
Listas ordenadas
<body>
:
</ul>
<hr/>
<h2>Bases Tecnolgicas</h2>
<ol type="i">
<li>Linguagem XHTML</li>
<li>Folhas de Estilos</li>
<li>JavaScript</li>
</ol>
</body>
Prof. Silvano Oliveira Autoria WEB 13 / 20
Sublistas
:
<ol type="i">
<li>Linguagem XHTML</li>
<ol type="a">
<li>Conceitos de Redes...</li>
<li>Introduo a XHTML</li>
<li>Validao de pginas XHTML</li>
</ol>
:
</ol>
Prof. Silvano Oliveira Autoria WEB 14 / 20
Personalizando listas
<body>
:
</ol>
<hr/>
<h2>Avaliao</h2>
<ul type="square">
<li type="square">Avaliaes</li>
<li type="circle">Trabalhos</li>
<li>Trabalhos</li>
</ul>
</body>
Prof. Silvano Oliveira Autoria WEB 15 / 20
Perguntas???

Prof. Silvano Oliveira Autoria WEB 16 / 20


Just for fun

Prof. Silvano Oliveira Autoria WEB 17 / 20


Licena

Este trabalho foi licenciado com a Licena Creative Commons Atribuio -


CompartilhaIgual 3.0 No Adaptada. Para ver uma cpia desta licena, visite
http://creativecommons.org/licenses/by-sa/3.0/ ou envie um pedido por carta para
Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.

Prof. Silvano Oliveira Autoria WEB 18 / 20


Comrcio eletrnico orientao quanto segurana;
Pginas de pesquisa mtodos de busca;
Download de arquivos;
Correio eletrnico mensagem de texto, arquivos anexos (envio e
recebimento), limite de tamanho e formato de arquivos;
Pginas de redes sociais conversa on-line;
Exemplos de aplicaes que rodam diretamente pela Internet;
Grupos discusso da Web;
Blogs.
Prof. Silvano Oliveira Autoria WEB 19 / 20
Blog
O blog, ou weblog, uma das ferramentas de comunicao mais
populares da internet. A pessoa que administra o blog chamada
de blogueira(o). Uma das caractersticas dos blogs que, em geral,
eles tm um aspecto muito parecido, isto , o usurio limitado no
que diz respeito a alteraes visuais. Outra caracterstica dos blogs a
freqncia de atualizao. Alguns so atualizados diariamente, outros
semanalmente, mensalmente e, em alguns casos, at vrias vezes por
dia. Cada atualizao ou publicao no blog chamadas
de post (postagem).

Prof. Silvano Oliveira Autoria WEB 20 / 20