Escolar Documentos
Profissional Documentos
Cultura Documentos
HTML Logica PDF
HTML Logica PDF
1
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
2
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Apostila de
Lgica de Programao,
HTML e JavaScript
3
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Aparecido Quesada
Adriana Tosta
Eder Moura Dourado
Simone Leal dos Santos
Thyago Akira de Morais Ribeiro
Yuri Robinson de Souza
Contato
treinamento_cge@prefeitura.sp.gov.br
telecentros@prefeitura.sp.gov.br
PALCIO DO ANHANGABA
VIADUTO DO CH N 15
CEP 01002-000 SO PAULO
TEL: 3113-8938 FAX 3113-8939
4
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
ndice
5
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
6
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
7
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
8
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
9
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
10
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
PARTE I
Lgica de Programao
11
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
12
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Algoritmo
EXERCCIOS
13
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
14
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Constantes e Variveis
15
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
16
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Fluxogramas
17
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
18
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Operadores
OPERADORES MATEMTICOS
+ (soma)
- (subtrao)
* (multiplicao)
/ (diviso)
Primeiro: ( ) - Parnteses.
Segundo: *(multiplicao) ou /(diviso), o que aparecer
primeiro.
Terceiro: +(soma) ou -(subtrao), o que aparecer primeiro.
Exemplo:
(5 + 2) * 3 = 21 .
OPERADORES RELACIONAIS
= (igual a)
> (maior que)
19
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
10 >= 5 (verdadeiro)
11 <> 11 (falso)
0,5 < (-1)(falso)
A=A (verdadeiro)
OPERADORES LGICOS
E - conjuno
Ou - disjuno
No - negao
20
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
(Expresso 1) E (Expresso 2)
Expresso 1 E Expresso 2
FALSO FALSO FALSO
FALSO FALSO VERDADEIRO
VERDADEIRO FALSO FALSO
VERDADEIRO VERDADEIRO VERDADEIRO
(Expresso 1) Ou (Expresso 2)
Expresso 1 Ou Expresso 2
VERDADEIRO VERDADEIRO VERDADEIRO
VERDADEIRO VERDADEIRO FALSO
FALSO VERDADEIRO VERDADEIRO
FALSO FALSO FALSO
21
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
No Expresso
FALSO VERDADEIRO
VERDADEIRO FALSO
Primeiro: ( ) - Parnteses.
Segundo: No - Negao.
Terceiro: E - Conjuno.
Quarto: Ou - Disjuno.
EXERCCIOS
22
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Torcedor=Palmeirense
Resultado: 35 torcedores
23
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
24
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
25
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
26
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Estrutura de Controle
Seqncia simples
Seleo
Repetio
SEQNCIA SIMPLES
Vai at a cozinha;
Abre a geladeira;
Prepara a refeio;
Almoa.
SELEO
27
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
V V V Voc come(V)
V V F Voc come (V)
V F V Voc dorme (F)
V F F Voc no come nem dorme (F)
F V V Voc dorme (V)
F V F Voc no come nem dorme (V)
F F V Voc dorme (V)
F F F Voc no come nem dorme (V)
28
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIOS
29
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Gabinete - R$ 1.000,00
Monitor - R$ 400,00
Teclado - R$ 50,00
Mouse - R$ 30,00
Caixa de Som - R$ 50,00
Impressora - R$ 400,00
30
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Joo - R$1.500,00;
Paulo - R$1.000,00;
Pedro - R$850,00;
Mrio - R$200,00;
Eduardo - R$2.000,00.
31
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
32
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
REPETIO
33
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Faa
Dar uma colherada;
Enquanto Prato<>Vazio.
34
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Faa
Dar uma colherada;
At que Prato=Vazio.
EXERCCIOS
Faa: Faa:
D uma colherada; D uma colherada;
Enquanto prato<>vazio. At prato=vazio.
35
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Joo ............... 8
Manoel .......... 10
Joaquim ......... 4
Maria.............. 4
Julio .............. 11
Mrio.............. 9
Patricia ........... 3
Carolina ......... 7
Ana ................. 6
36
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Lgica Escrita
37
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIOS
38
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
PARTE II
HTML
39
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
40
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Introduo
Redes
Provedores de Acesso
Internet
41
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Endereo IP
Ex: 200.225.162.12
Domnio
42
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
WWW
43
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
O que so Browsers?
Protocolo HTTP
44
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
URL
http://pobox.com/~cardoso
ftp://ftp.unikey.com.br
telnet:bbs.unikey.com.br
mailto:cardoso@pobox.com
Pginas Web
Home Page
45
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
46
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
O que HTML?
47
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplos de marcas:
48
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
<html>
<head>
<title> Ttulo da Pgina </title>
</head>
<body>
...
</body>
</html>
49
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplo:<body background=fundo.gif>.
Exemplo:<body bgcolor=white>
50
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Ttulos e Subttulos
<h1> </h1>
<h2> </h2>
<h3> </h3>
EXERCCIO
Roteiro:
1.Abrir o Mozilla
2.Clicar no boto Composer, que fica localizado no canto
inferior esquerdo da tela. o terceiro boto da esquerda para direita.
3.Clicar na guia <HTML> Source. Veja a figura abaixo:
51
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
<html>
<head>
<title> Exerccio 01</title>
</head>
<body bgcolor=white>
<h1> Primeira Pgina </h1>
</body>
</html>
Acentuao
52
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Formatao de Textos
SIZE
1 8 pt
2 10 pt
3 12 pt
4 14 pt
5 24 pt
6 36 pt
7 72 pt
53
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
54
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplo:
EXERCCIO
<html>
<head>
<title> Formatao de Textos </title>
</head>
<body>
<h1> Formatao de Textos </h1>
<b> Negrito </b><br>
<i> Itlico </i><br>
<u> Sublinhado </u><br>
<big> Aumenta a fonte e aplica negrito </big><br>
<small> Reduz e altera a fonte </small><br>
<s> Texto tachado </s> <br>
H <sub> 2 </sub> O <br>
X<sup> 2 </sup> <br>
55
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Formatao de Pargrafos
56
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Linhas Horizontais
Hyperlinks
57
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplo:
58
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplo:
<a href=pgina2.html> Link para a Pgina 2 </a>
Neste exemplo criado um link para a pgina de nome
pgina2.html.
59
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Exemplo:
<a href=mailto:aluno1@telecentros.sp.gov.br> Telecentros </a>
Exemplo:
<a href=http://www.telecentros.sp.gov.br> Telecentros </a>
Exemplo:
<a href=pgina2.html> <img src=prefeitura.jpg> </a>
Imagens
60
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
61
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
<IMG SRC=figura.gif>.
Exemplo:
<a href=http://www.telecentros.sp.gov.br>
<img src=imagem.gif border=0' alt=telecentros> </a>.
GIFs Animados
Exemplo:
<body background=figura.gif>
62
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
<html>
<head>
<title>Telecentros</title>
</head>
<body>
<a name=topo> </a>
<p align=center>
<!Link para outro site, usando uma figura >
<a href=http://www.telecentros.sp.gov.br>
<img src=telecentro.gif border=0" alt=Telecentros> </a>
<br> <br>
<font face=arial size=4">
Voc j conhece a pgina
<!Link para uma pgina >
<a href=exercicio02.html> Exerccio02 </a> </p>
<hr size=2">
<p> O site dos Telecentros ... </font> </p>
<p> No deixe de conhecer o <b>
<font size=4" color=red> Frum, </font> </b> onde voc
poder participar de diversos grupos de discusso.
</font> </p>
<hr size=2">
<br> <br> <br> <br> <br> <br> <br>
<!Link para dentro da mesma pgina >
<a href=#topo> Voltar para o Incio </a>
<br> <br>
<b> Enviar comentrios para:</b>
<!Link para correio eletrnico >
63
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
<ahref=mailto:fulano@beltrano.com.os>fulano@beltrano.com.os
</a>
</body>
</html>
Listas
64
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
LISTAS ORDENADAS
EXERCCIO
<html>
<head>
<title> Listas Ordenadas </title>
</head>
<body>
<h2> Lista ordenada por nmeros </h2>
<ol>
<li> Elemento 1 </li>
<li> Elemento 2 </li>
<li> Elemento 3 </li>
<li> Elemento 4 </li>
</ol>
<h2> Lista ordenada por letras, iniciando em D </h2>
<ol type=a start=4>
65
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
LISTAS NO ORDENADAS
66
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
<html>
<head>
<title> Listas No-Ordenadas </title>
</head>
<body>
<h2> Lista No-Ordenada </h2>
<ul>
<li> Elemento 1 </li>
<li> Elemento 2 </li>
<li> Elemento 3 </li>
<li> Elemento 4 </li>
</ul>
<h2> Duas listas No-Ordenadas aninhadas </h2>
<ul type=square>
<li> Elemento 1 </li>
<li> Elemento 2
<ul>
<li> Elemento 2.1 </li>
<li> Elemento 2.2 </li>
<li> Elemento 2.3 </li>
</ul>
</li>
<li> Elemento 3 </li>
<li> Elemento 4 </li>
</ul>
</body>
</html>
67
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Como j foi visto acima, <LI> ... </LI> o elemento que define
um item de uma lista ordenada ou sem ordenao. O seu contedo
pode ser texto, outras listas, imagens, links, etc.
LISTA DE DEFINIO
EXERCCIO
<html>
<head>
<title> Listas de Definio </title>
</head>
<body>
<h2> Listas de Definio </h2>
<dl>
<dt> HTML </dt>
<dd> HyperText Markup Language </dd>
<dt> OL </dt>
<dd> Listas Ordenadas </dd>
<dt> UL </dt>
<dd> Listas Sem Ordenao </dd>
<dt> LI </dt>
<dd> Elemento da Lista </dd>
68
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
</dl>
</body>
</html>
Tabelas
69
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
70
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
<html>
<head>
<title> Tabela Simples </title>
</head>
<body>
<br>
<table>
<caption> <b> Tabela Simples </b> </caption> <br>
<tbody>
<tr>
<td> <br>
</td>
<th> Coluna 1 </th>
<th> Coluna 2 </th>
</tr>
<tr>
<th> Linha 1 </th>
<td> Clula 1-1 </td>
<td> Clula 1-2 </td>
</tr>
<tr>
<th> Linha 2 </th>
<td> Clula 2-1 </td>
<td> Clula 2-2 </td>
</tr>
<tr>
<th> Linha 3 </th>
<td> Clula 3-1 </td>
<td> Clula 3-2 </td>
</tr>
</tbody>
71
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
</table>
<br>
<br>
<br>
</body>
</html>
Parmetros
BORDER
72
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
WIDTH
CELLSPACING
CELLPADDING
ALIGN
73
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
BGCOLOR
EXERCCIO
<body>
...
<table border=1" width=50% cellspadding=4"
bgcolor=yellow>
ALIGN
74
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
VALIGN
BGCOLOR
ALIGN
VALIGN
BGCOLOR
NOWRAP
75
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
COLSPAN
ROWSPAN
EXERCCIO
<html>
<head> <title> Tabela Complexa </title> </head>
<body>
<table width=50% cellspacing=0 cellpadding=4
bgcolor=yellow>
<tr bgcolor=black align=center>
<td colspan=3> <font size=3 color=yellow> <i> <b> Tabela
Complexa </b>
</i> </font> </td>
</tr>
<tr> <td colspan=3> </td> </tr>
<tr bgcolor=black>
<td> </td>
<th> <font color=yellow> Coluna 1<font face=yellow> </th>
<th> <font color=yellow> Coluna 2 <font face=yellow></th>
</tr>
76
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
<tr align=center>
<th bgcolor=black> <font color=yellow> Linha 1 </font> </th>
<td> Clula 1-1 </td>
<td> Clula 1-2 </td>
</tr>
<tr align=center>
<th bgcolor=black> <font color=yellow> Linha 2 </font> </th>
<td> Clula 2-1 </td>
<td> Clula 2-2 </td>
</tr>
<tr align=center>
<th bgcolor=black> <font color=yellow> Linha 3 </font> </th>
<td> Clula 3-1 </td>
<td> Clula 3-2 </td>
</tr>
</table>
</body>
</html>
77
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Formulrios
78
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
79
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
80
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
81
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
82
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
EXERCCIO
<html>
<head>
<title>Formulrio 01</title>
</head>
<body>
<h4> Cadastro de Clientes </h4>
<hr>
<form method=post action=mailto:
meu_nome@provedor.com.br>
<input type=hidden name=AnyFormMode value=mail>
<input type=hidden name=AnyFormDisplay
83
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
value=standard>
<input type=hidden name=AnyFormTo
value=meu_nome@provedor.com.br>
<input type=hidden name=AnyFormSubject value=Dados
dos Clientes>
<b> Nome: </b> <input type=text name=nome size=30"
maxlength=5">
<br> <br>
<b> Digite o seu E-Mail: </b> <input type=text
name=anyformfrom size=30">
<b> Senha do E-Mail: </b> <input type=password
name=senha size=5" maxlength=5">
<br> <br>
<b>Sexo:</b>
<br>
<input type=radio name=sexo> Masculino <br>
<input type=radio name=sexo> Feminino <b>
<br> <br>
Produtos Comprados:</b>
<br>
<input type=checkbox name=computador> Computador
<br>
<input type=checkbox name=impressora> Impressora <br>
<input type=checkbox name=monitor> Monitor <br>
<input type=checkbox name=teclado> Teclado <br>
<br>
<b> Estado: </b>
<select name=listagem selected=>
<option size=3"> AM </option>
<option> MG </option>
<option> PE </option>
<option> RJ </option>
<option> SP </option>
</select>
<br> <br>
<b> Histrico do Cliente: </b><br>
84
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
85
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
86
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
87
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
PARTE II
Java Script
88
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Java Script
<SCRIPT>
Set de instrues
</SCRIPT>
89
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Operadores Lgicos
== Igual
!= Diferente
> Maior
>= Maior ou Igual
< Menor
<= Menor ou Igual
&& E
|| Ou
Operadores Matemticos
90
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Ou seja:
x += y o mesmo que x = x + y
X = X + 1 ou X = X - 1 respectivamente.
Controles Especiais
\b - backspace
\f - form feed
\n - new line caracters
\r - carriage return
\t - tab characters
// - Linha de comentrio
/*....*/ - Delimitadores para inserir um texto com mais de uma
linha como comentrio.
Comandos Condicionais
91
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
So eles:
COMANDO IF:
if (condio)
{ ao para condio satisfeita }
[ else
{ ao para condio no satisfeita } ]
Ex:
if (Idade < 18)
{Categoria = Menor }
else
{Categoria = Maior}
COMANDO FOR:
Ex:
for (x = 0 ; x <= 10 ; x++)
{alert (X igual a + x) }
COMANDO WHILE:
while (condio)
{ ao }
92
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Ex:
var contador = 10
while (contador > 1)
{ contador }
Eventos
93
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Criando Variveis
Escrevendo no Documento
Ex:
<script>
valor = 30
document.write (Minha primeira linha<br>)
document.write (Nesta linha aparecer o resultado de : +
(10 * 10 + valor))
</script>
94
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Mensagens
APENAS OBSERVAO:
alert ( mensagem )
Ex.
alert (Certifique-se de que as informaes esto corretas)
confirm (mensagem)
Ex.
if (confirm (Algo est errado...devo continuar??))
{ alert(Continuando) }
else
{ alert(Parando) }
Onde:
Receptor o campo que vai receber a informao digitada
pelo usurio.
Minha mensagem a mensagem que vai aparecer como
Label da caixa de input.
Meu texto um texto, opcional, que aparecer na linha de
digitao do usurio.
Ex.
95
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Criando Funes
<form>
<input type=text size=2 maxlength=2 name=Tempo
onchange=Idade(Tempo.value)>
</form>
Observe que o parmetro passado (quando ocorre o evento
onchange) foi o contedo da caixa de texto Tempo (propriedade
value) e que, na funo, chamamos de Anos. Ou seja, no existe
96
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Ex:
<form name=TText>
<p>Entrada de Texto <input type=text size=20 maxlength=30
name=CxTexto value= onchange=alert (Voce digitou +
CxTexto.value)>
</p>
</form>
97
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Ex:
<p>Radio</p>
<p> <input type=radio name=Rad value=1"
onclick=document.bgColor=green> Fundo Verde
<input type=radio name=Rad value=2"
onclick=document.bgColor=blueviolet> Fundo Violeta
<input type=radio name=Rad value=3"
onclick=document.bgColor=#FFFF00'> Fundo Amarelo
</p>
98
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
OBJETO TEXTAREA
OBJETO SELECT
99
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Onde:
Variavel - Nome que ser atribuido como propriedade da
janela.
Url - Endereo Internet onde a janela ser aberta.
Normalmente voce estar utilizando a sua prpria Url, neste caso,
preencha com .
Nome da Janela - o nome que aparecer no top da janela
(Ttulo)
Opes - So as opes que definem as caractersticas da
janela, quais sejam:
-toolbar - Cria uma barra de ferramentas tipo Back, Forward,
etc.
-location - Abre a barra de location do browse
-directories - Abre a barra de ferramentas tipo Whats New,
Handbook, etc.
-status - Abre uma barra de status no rodap da janela
-scrollbars - Abre barras de rolamento vertical e horizontal
-menubar - Cria uma barra de menu tipo File, Edit, etc.
-resizable - Permite ao usurio redimencionar a janela
-width - Especifica a largura da janela, em pixels
-height - Especifica a altura da janela, em pixels
Abrindo um Documento
100
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Variavel.document.open()
Onde Variavel o nome da varivel associada ao mtodo
window.open
ESCREVENDO NO DOCUMENTO
FECHANDO A JANELA
FECHANDO O DOCUMENTO
<script>
function abrindo() {
window.open (, OutraJanela,
scrollbars=yes,resizable=yes,width=650,height=550)
document.write (<html><head><title>Essa outra janela)
document.write (</title></head><body bgcolor=#FF00FF>)
document.write (<br>ESSA UMA OUTRA
PGINA<hr><br>)
document.write (<img width=200 height=200 src= + Local +
Marcaelo.gif>)
document.write (<br>Java Script<hr><br>)
101
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
document.write (</body></html>)
document.close() }
</script>
<body bgcolor=#FFFF00">
<p></p>
<p>Ao clicar no boto uma nova pgina ir abrir!</p>
<form method=POST name=Form1">
<p></p>
<input type=button name=abre value=Nova Janela
onclick=abrindo()>
</p>
</form>
</body>
102
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
103
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
104
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
105
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
106
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
107
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
108
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
109
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
110
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
111
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
112
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
113
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
Anotaes
114
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
115
APOSTILA DE LGICA DE PROGRAMAO, HTML E JAVASCRIPT
116