ESPIE-00004 - Internet para Educadores
Log do Chat do dia 06 de dezembro de 2000 - 1ª horário

Coordenador Liane-profe diz:
Olá a todos
fernandoaraujo diz:
onde clico para ingressar?
Coordenador Liane-profe diz:
Estão me vendo e ouvindo via Real Server?
CrisRorig diz:
consegui, mas meu som nao e bom
Alessandra diz:
Sim!
maxcriar diz:
o audio esta vazando para nós , e estamos vendo voce preparando tudo ..... o livro no primeiro plano esta fora de foco
Luciana diz:
Consegui mas não escuto nada
Maria_Bea_Silva diz:
estou vendo um livrinho e estou ouvindo bem
Sirlei diz:
Não estou conseguindo, prof.
AnaMoura diz:
Não estou conseguindo, profe! É que não estou no meu micro, e não sei o que está acontecendo...
Alessandra diz:
É o livro está fora de foco!
maxcriar diz:
professora tens que melhorar a iluminação para ter mais retorno com esta camera
Sirlei diz:
Agora estou vendo. Legal!
Maria_Bea_Silva diz:
O Manual é de Homepages
Ademir diz:
Aula de hoje: http://penta2.ufrgs.br/edu/espie/wwwhtml.htm. Lá tem um link para a tranmissão de vídeo.
Ademir diz:
Se pedir senha é a mesma do curso (espie, espie-ead)
Coordenador Liane-profe diz:
O livro era o referenciado como um dos materiais para a aula de hoje Homepages para principantes - Treinamento passo a passo KnowWare, N00/02 , distribuição no Brasil : Fernando Chinaglia Distribuidora S/A (a venda em bancas de revistas)
CrisRorig diz:
a imagem não e muito nítida qdo a profe se movimenta
Eliany diz:
A imagem trava muito. Ouço bem.
Coordenador Liane-profe diz:
Ainda estamos com a limitação de 25 usuários ligados no Real Server
maxcriar diz:
professora mal tive tempo para ler os dois tutoriais e tentei fazer uma pag HTML , ficou meia pobre
Sirlei diz:
Estou vendo e ouvindo bem, prof.
Solange diz:
Eu ainda estou tentando ler a montanha de tutoriais...
Coordenador Liane-profe diz:
A imagem trava provavelmente em função de congestionamento na rota até o PC remoto.
Eliany diz:
Certo.
mariacristina diz:
Eu estou vendo e escutando muito bem. Uau!!!!
Coordenador Liane-profe diz:
Vamos começar a trabalhar na construção de uma página HTML bem simples. Vejam o exemplo contido no URL http://penta2.ufrgs.br/edu/espie/exemplo.htm
maxcriar diz:
como posso gravar esta apresentacao dentro do meu winch.
Solange diz:
Profe, para quando esta tarefa deverá estar pronta?
maxcriar diz:
esta eu fiz até fui adiante , porem o outro exemplo nao abriu no meu computador
AnaAmelia diz:
Estou ouvindo bem, mas agora deixei de vê-la
Ademir diz:
Max, não é possivel gravar no seu winchester. Não há software para isso.
CrisRorig diz:
ainda tenho imagem
Eliany diz:
Quando cliquei no endereço, o vídeo foi substituído pela pg.
Coordenador Liane-profe diz:
<html>
<head>
<title>exemplo HTML</title>
</head>
<body>
<h2> Exemplo de página HTML </h2>
Esta é uma página HTML bem simples.<br>
</body>
</html>
Liane-profe diz:
Houve algum pique de luz por aqui que ocasionou interferência da rede mas já retornou ao normal
ClaudiaM diz:
Liane </h2> é com relação ao tamanho da letra
Maria_Bea_Silva diz:
deu certo, professora, pedi para atualizar e voltou tudo, som e imagem, valeu
Ademir diz:
ClaudiaM, os tags <h2> ... </h2> indica um cabeçalho de nivel 2 (é uma letra menor que o H1, que é o maior)
Liane-profe diz:
A meta da aula de hoje é Conhecer os tags básicos que constituem a linguagem importante para poder efetuar pequenas alterações e em páginas mesmo que as mesmas tenham sido com editores de páginas.
Eliany diz:
Bloco de notas?
Karina diz:
Podemos usar o bloco de notas?
Liane-profe diz:
Pode ser bloco de notas ou Word Pad
Rubilar diz:
POdemos usar algum editor HTML?
Liane-profe diz:
Vocês deverias estar trabalhando com o wordPad ou como bloco de notas para nele copiar os tags colocados na página exemplo.
Liane-profe diz:
Se tiverem algum editor de HTML é até melhor. O importante é criar uma página usando diretamente os tags HTML
maxcriar diz:
professora eu tive dificuldade com o comando background
Dani diz:
abri o Front Page
Alessandra diz:
Temos que colocar o que nesta página?
Alessandra diz:
Profe, tá utilizando o FTP?
Liane-profe diz:
Vocês vão primeiro colocando seu nome e a hora
Sirlei diz:
Digitei tudo no bloco de notas. O que fazer agora??
Eliany diz:
Coloquei meu nome centralizado. Era pra usar os comandos da pg exemplo?
Liane-profe diz:
Estou usando FTP só para enviar minha página para o servidor
Solange diz:
profe, coloquei tudo no bloco de notas. Tenho que salvar?
Liane-profe diz:
Podia usar os comandos da página ou outros, se já souber :-)
Alessandra diz:
É porque escutei o "som" do FTP!!!
Eliany diz:
Devemos salvar?
Liane-profe diz:
Salvem as páginas no disco local e depois abram a página com o browser
Eliany diz:
Certo. Como no Front Page?
Liane-profe diz:
A página mostra o que vocês pretendiam? Está tudo OK? Podemos prosseguir colocando mais elementos na página?
Luciana diz:
Eu não sou nenhum pouco familiar a estes comando
ClaudiaM diz:
Professora para salvar no bloco de notas, preciso colocar a extensão no arquivo .html
Sirlei diz:
Como abrir no Browser, Prof.??
Adriane diz:
mas a nossa página pode ser feita no word?
maxcriar diz:
quando coloco o nome do arquivo background nao aparece o fundo que eu indiquei , como devo escrever?
Sirlei diz:
Como se faz agora pra abrir e visualizar??
Liane-profe diz:
No Netscape, clicar em File depois escolher Open Page
shc diz:
Professora coloquei o meu nome e a hora,e gravei e agora?
Solange diz:
Gente, ainda nao consegui abrir no Browser. Como eu chamo o que salvei???
Liane-profe diz:
Max o arquivo de background está no mesmo diretório onde está a página sendo criada?
shc diz:
Professora pode ser feio pelo Netscape composer também?
CrisRorig diz:
Sole, vai no file
Solange diz:
File do Browser?
CrisRorig diz:
do netscape ou explorer
Tatiana diz:
Qdo a gente abre, aparece apenas os comandos??
CrisRorig diz:
e abre la open page
Liane-profe diz:
Depois de colocar no arquivo os comandos HTML (tags) básicos, vocês devem abrir o arquivo num browser para ver o efeito.
Eliany diz:
Deu certo, profe.
Adriane diz:
mas a nossa página pode ser feita no word?
Eliany diz:
Era só para colocar o nome e a hora?
Liane-profe diz:
Se o arquivo foi criado com um editor de texto ao abrir o arquivo num navegador deve aparecer a página, ou seja seu conteúdo e não os tags.
Tatiana diz:
Então o meu tá todo eerado!!:)) Só aparece os comandos...
Liane-profe diz:
Mas se estão usando um editor de alto nível, como o composer ou o próprio Word então o que vai aparecer são os próprios comandos HTML (tags) o que não é o desejado
Liane-profe diz:
A página pode ser feita em word mas depois tem salvar como texto e renomear para ter a extensão .htm
Liane-profe diz:
Eu estou usando aqui o wordPad para criar a página exemplo que coloquei para vocês verem em: http://penta2.ufrgs.br/edu/espie/exemplo2.htm
Solange diz:
Fiz tudo como estao "mandando', mas nao vem minha página. Acho que é porque esta salvo como texto...
Solange diz:
agora vi o que a profe escreveu... Tenho que renomear meu arquivo!
Liane-profe diz:
Solange tenta salvar como nomedoteuarquivo.htm
Silvia diz:
Liane fiz a tarefa 2 no word, mas quando converti perdi toda a formatação e não consigo refazê-la. O composer não aceita as novas alterações.
Liane-profe diz:
Tentem vizualizar o fonte da página HTM que criaram ou a minha (http://penta2.ufrgs.br/edu/espie/exemplo2.htm). Para isto usem a opção View/Page Source ou simplimente digitem a tecla COntrol e depois a tecla U para ser exibido a página HTML com todos os tags
maxcriar diz:
sim já salvei e fiz a pagina , coloquei e salvei a figura na mesmo diretorio ( no caso tempo e nao aconteceu nada , a pagina estaok mais o fundo
Ademir diz:
Silvia, nem toda formatação do Word pode ser acomadada nos comandos que o HTML tem, por isso se modifica alguma coisa. Dai a validade de saber um pouco de HTML para saber os limites que teremos pela frente.
Liane-profe diz:
Silvia, nã deves usar o composer. Deves usar o WordPad para editar direto em HTML.
Liane-profe diz:
O WordPad ou o NotePad podem ser usados para criar páginas HTML.
Solange diz:
Uau! Acho que dei um passinho: agora chamou minha pagina, so que ela está em branco.... (belo progresso!!!)
Liane-profe diz:
A tarefa desta aula: Contruir uma página mediante inclusão de tags HTML (sem usar editor de HTML) com formulário para coleta de respostas abertas
Liane-profe diz:
Depois que sua página estiver no browser, olhem o fonte para ver o que contem.
mariacristina diz:
Não consigo. Salvei a página e não consigo abri-la no Netscape.
Silvia diz:
Liane na tarefa 2 (não é a de hoje) eu usei o word, salvei em html, depois fui editar no composer. Não posso fazer isso?
maxcriar diz:
mais aonde eu publico esta pagina com seus tags
Liane-profe diz:
Depois voltem para a janela onde estão editando e alterem o que estiver entre os tags <title> e </title>
Ruth diz:
Profe. o meu WordPad não tem a opção de salvar como HTML......
Liane-profe diz:
Max, por enquanto deixa esta página no teu disco local e exibe a página com o Netscape, usando File/Open Page
Liane-profe diz:
Ruth nem o meu mas mandei salvar como documento texto e coloquei a extensão .htm e ele obedeceu!!! Bem mandado este meu computador :-)
maxcriar diz:
já exibi, com fontes diferentes ,indices ,porem o fundo nao entra nem as figuras ,odeio papel vazio só com letras
Solange diz:
Help: fiz tudo de acordo com o exemplo e salvei como htm. Agora, porque será que nao consigo chamar no Browser???
Solange diz:
vem so uma pagina em branco...
Karina diz:
Voce gravou como html solange?
Solange diz:
gravei como htm.
Ruth diz:
Profe, funcionou para salvar. Agora quando abro no Front Page apareceu uma mensagem que tem números binários e o conteúdo.....um monte de letras e números que eu não escrevi!
Solange diz:
como html nao dava certo...
Eliany diz:
Profe, copiei o exemplo, inseri meu nome e a hora na página, visualizei pelo explorer e deu certo. Era só isso?
Karina diz:
o meu deu certo...
maxcriar diz:
a minha abriu legal só sem o fundo :((((((((
Andrea diz:
e depois disso feito..........
Liane-profe diz:
Conseguiram alterar o título da sua página? O título (que vai na parte do cabeçalho da página) é o que aparece bem no alto da janela do Netscape
Eliany diz:
Não tem fundo, né?
shc diz:
Professora Liane,por favor,eu escrevi meu nome a hora salvei HTML e agora?
maxcriar diz:
inclui até um pedaço de texto com fontes , yes.......
Liane-profe diz:
Agora coloquem um cabeçalho, usando os tags <h1> minha página </h1> Estes tags devem ir logo depois do tag <body>
Liane-profe diz:
Solange e demais, agora vocês devem alterar aquele exemplo personalizando o título e o cabeçalho.
ClaudiaM diz:
para fazer tabela tem algum tag específico?
Silvia diz:
os tags <h1> <h2> ......definem o tamanho da fonte
Rubilar diz:
Feito profe...
Liane-profe diz:
Vejam como ficou o meu arquivo HTML até o momento:
<html>
<head>
<title>exemplo HTML</title>
</head>
<body>
<h2> Exemplo de página HTML criada no dia 6 de dezembro ãs 18:54 </h2>
</body>
</html>
shc diz:
Professora Liane,eu altero como, peloComposer?
Liane-profe diz:
Agora coloquem uma cor de fundo na página, inserindo no tags body o atributo de cor como no exemplo seguinte: <BODY BGCOLOR="#80FF00">
Lizandra diz:
Prof eu coloco o meu nome no lugar do título e näo aparece!
Dani diz:
pois é se dá o control u direto do netscape
Liane-profe diz:
Não é para usar o composer
maxcriar diz:
<HTML>
<HEAD>
<TITLE>QUE LOUCURA </TITLE>
</HEAD>
<BODY BACKGROUND= cd05.jpeg ></BODY>
oi pessoal que bobagem
Prof. Max Günther Haetinger
Liane-profe diz:
Lizandra o título aparece bem no alto na janela do Netscape.
Dani diz:
se cola então no bloco de notas
Eliany diz:
Ficou verdão!
shc diz:
Então no Front page Professora Liane?
Rubilar diz:
Nossa... q verdinho!
Lizandra diz:
Verde limäo!
Liane-profe diz:
O verde delirante é natalino! Experimentem trocar os códigos para observar outras cores!
Lucia (Lubraga@=35pu-dgn6-A2U539L0.poa.terra.com.br) ingressou na conversa.
Lizandra diz:
Onde encontro estes códigos:
Liane-profe diz:
Eu pedi para usarem o WordPad ou o NOtePad!!!!!!!
AnaAmelia (meluca@200.132.46.GL433=) ingressou na conversa.
HelenaA diz:
Professora não estou conseguindo acompanhar os passos, mas antes de fazer o meu wf do PGIE li sobre como fazer a página "manualmente" e até construi um exemplo simples. Estou meio atrapalhada aqui.
Liane-profe diz:
Espero que a esta altura estejam vendo sua página personalizada, com título e cabeçalho e cor de fundo.
Solange diz:
eu escrevi tudo minúsculo. Pode ser este o problema?
Eliany diz:
Profe, pra trocar a cor de fundo é só substituir o nome, como por exemplo, para *blue?
Rubilar diz:
Sim...onde acho uma tabela com as cores?
maxcriar diz:
consegui a cor verde onde descubro os códigos de cores
Liane-profe diz:
Agora vamos colocar um fundo na página. Acessem a página da aula http://penta2.ufrgs.br/edu/espie/wwwhtml.htm e cliquem com o botão direito do mouse e esolham Save background as fundo.gif e salvem no mesmo diretório onde estão gravando sua página
Karina diz:
Profa, como sei a cor?
Liane-profe diz:
Escolham arbitráriamente um conjunto de letras só para ver a nova cor. Vou colocar uma tabela com as cores no site.
maxcriar diz:
eu tenho figuras jpeg no diretorio pode ser
Liane-profe diz:
Se já salvaram o fundo.gif no seu diretório, agora é hora de alterar sua página para incluir o fundo
Solange diz:
Consegui!!!! O problema é que estava tudo minusculo, como no exemplo...
Lizandra diz:
Como faço?
Eliany diz:
O nome do meu arquivo é fondo2
Alessandra diz:
Até agora consegui! Mas como coloco este fundo do penta?
Lizandra diz:
Isso!
Eliany diz:
Era pra pegar o fundo da sua pg, né?
Liane-profe diz:
Vejam como ficou meu arquivo
<html>
<head>
<title>exemplo HTML</title>
</head>
<body background="fundo.gif">
<h2> Exemplo de página HTML criada no dia 6 de dezembro às 18:54 </h2>
</body>
</html>
Liane-profe diz:
Sim era para pegar o fundo da minha página mas vocês podem depois usar qualquer figura como fundo.
Eliany diz:
Como colocar?
Andrea diz:
com esse recursos de cores e fundos e o que mais pudemos colher..é isso??/
Lizandra diz:
Consegui!
Liane-profe diz:
Basta salvar a figura no diretório e depois incluir o nome dela no tag <body background="fundo.gif">
Solange diz:
Gente, esta tudo dando certo! Coloquei o fondo2...
Eliany diz:
Não deu.
Alessandra diz:
Não aparece o fundo.
Catia diz:
Não deu!!!
Eliany diz:
Também não apareceu.
Liane-profe diz:
Agora vou alterar minha página e colcar outra figura como fundo
<html>
<head>
<title>exemplo HTML</title>
</head>
<body background="teia.gif">
<h2> Exemplo de página HTML criada no dia 6 de dezembro às 18:54 </h2>
</body>
</html>
maxcriar diz:
nao funcionou minha imagem era jpeg sera por isto
Alessandra diz:
DEU CERTO!!!! Eu nem acredito!!!!
Alessandra diz:
Onde tem este fundo, para salvarmos profe?
Liane-profe diz:
Vejam em http://penta2.ufrgs.br/edu/espie/exemplo2.htm como ficou minha página quando alterei a figura de fundo
Silvia diz:
que bagunça Liane. Quantas teias.
Liane-profe diz:
A figura a ser usada como bacjground tem que ser cuidadosamente escolhida para ao se repetir resultar em um efeito bonito e não aquel confusão que a minha ultima versão de página tem
Solange diz:
Para podermos ter estas teias da Liane, temos que salva-las antes no nosso arquivo...
Eliany diz:
Profe, não consegui colocar o fundo.
Lizandra diz:
Como faço para inserir uma figura
Maria_Bea_Silva diz:
cheia de computador e teia de aranha
Catia diz:
Não consegui colocar cor na minha pg
Rubilar diz:
É... é muita teia...
Alessandra diz:
Nossa profe, carregado o seu fundo.
AnaAmelia diz:
Prof. quanta teia....
Liane-profe diz:
Para mostrar que se pode usar arquivo jpeg como fundo, alterei de novo minha página e inclui um arquivo liane.jpg como background <body background="liane.jpg"> Vejam o resultado em http://penta2.ufrgs.br/edu/espie/exemplo2.htm
Alessandra diz:
É bom aprender isso, profe, pois como já aprendi posso alterar no Front Page, quando coloco um link, que ele não fique direto sublinhado.
Lizandra diz:
Ai prof, ficaste bem na foto!
Maria_Bea_Silva diz:
adorei, quantos clones
Liane-profe diz:
Esta foto foi retocada :-)
Rubilar diz:
***risos
Alessandra diz:
Quantas profes!!!!;-)))))))
Silvia diz:
Nem parece! :-))))))))
Liane-profe diz:
Agora voltarei a usar a figura original de fundo e vou colocar a figura teia no corpo da página
AnaAmelia diz:
Quantas, mas é melhor que teias.....
Eliany diz:
Profe, ainda não consegui colocar o fundo.
maxcriar diz:
nao consegui e esotu fazendo certo acredito
<HTML>
<HEAD>
<TITLE>QUE LOUCURA </TITLE>
</HEAD>
<body background="telabrinc01.jpg">
oi pessoal que bobagem
Alessandra diz:
Professora, por exemplo posso colocar um figura ampliada de fundo?
Silvia diz:
Imagina! Uma professora já interativa e, uma quantidade desta vai nos deixar todas loucas.:-))))
Liane-profe diz:
Vejam minha página
<html>
<head>
<title>exemplo HTML</title>
</head>
<body background="fundo.gif">
<h2> Exemplo de página HTML criada no dia 6 de dezembro às 18:54 </h2>
Uma linda teia de aranha cibernática
<IMG SRC="teia.gif">
</body>
</html>
Liane-profe diz:
Vejam o resultado em http://penta2.ufrgs.br/edu/espie/exemplo2.htm
Eliane diz:
Profe,desconectei,conectei novamente e consegui ver sua pagina.e bem fotogenica!
Lizandra diz:
Consegui ver a teia!
Silvia diz:
Que teia linda!
Liane-profe diz:
A figura de fundo pode ter qualquer tamanho. Se ela for menor do que a página o browser replica para completar o fundo. se ela for do tamanho da página fica sozinha
HelenaA diz:
Agora tb estou vendo.
Maria_Bea_Silva diz:
legal
Eliane diz:
Acessei a teia!
Silvia diz:
Muito bom!
Ademir diz:
Max o código está certo. Só o que posso dizer é que tanto o arquivo html quanto a figura de fundo devem estar no mesmo diretorio
Alessandra diz:
Professora, coloquei a figura da teia na minha página!!!
Paulo diz:
Colegas, boa noite. Acho que agora consigo fazer minhas páginas. Bye!
Eliane diz:
Deve-se ter cuidado para que a figura de fundo nao encubra o texto escrito ,se tiver, pois as vezes atrapanlha!
Solange diz:
Nossa, aprendi muito hoje!!! Acho que agora posso começar a arriscar a fazer uma página sozinha...
HelenaA diz:
Professora, nossa tarefa é construirmos uma pg. usando os tags, podemos usar qual tema?
Liane-profe diz:
Vejam o que acontece quando colocamos o atributo <IMG SRC="teia.gif" align=right>
Lizandra diz:
Prof adorei a experencia! Já coloquei uma linda paisagem!
Alessandra diz:
Ela muda de posição!!
Liane-profe diz:
Helena a tarefa começou hoje mas vai continuar na próxima aula, Na próxima aula eu espero que todos tenham conseguido criar uma página com os tags básicos como no exemplo2
Lizandra diz:
Como delimitamos o tamanho da imagem? É possivel?
Liane-profe diz:
Usando os tags <IMG SRC="teia.jpg" WIDTH=50 HEIGHT=60>
Solange diz:
onde uso este tag. depois do que?
Liane-profe diz:
O tag <img src="figuraqualquer.gif"> pode ser usado em qualquer ponto da página onde quisermos uma ilustração
Lizandra diz:
<head>
<title>Lizandra</title>
</head>
<body background="fondo2.gif">
<h2> Minha Homepage </h2>
Penhasco nas Nuvens
<IMG SRC="penhasco nas nuvens.jpg">
</body>
</html>
maxcriar diz:
como fazemos para formatar o tamanho da figura
HelenaA diz:
Boa noite a todos.
Liane-profe diz:
Copiei o arquivo da Lizandra do chat para meu WordPad mas não tive o efeito completo porque não tinha a figura
Ademir diz:
Para mudar o tamanho da figura alteramos o valor de width e height. Se for para diminuir tudo bem. Se for para aumentar, valores grandes começam a deixar a imagem quadriculada.
Liane-profe diz:
Até a próxima aula, tentem praticar criando páginas e exibindo localmente para ver seu efeito.
maxcriar diz:
acredito ser isto <HTML>
<HEAD>
<TITLE>QUE LOUCURA </TITLE>
</HEAD>
<body background="telabrinc01.jpg">
<h1><righ>oi pessoal que bobagem</righ> </h1>
Prof. Max Günther Haetinger
<H1>Prof. Patricia</H1>
<H2>Informática na Educacao</H2>
Tarefa 02 e 03
<H3>Artigo para pensar </H3>
<H1><CENTER>A descoberta , do que sempre
exi
Lizandra diz:
A minha imagem ficou pequena!
Liane-profe diz:
Na próxima aula vamos criar um formulário para coletar opiniões dos usuários de nossa página
Eliane diz:
Ta ok, professora, vamos tentar! Gostei da aula, valeu!
Alessandra diz:
Até logo, professora! Depois de apanhar um pouco no começo, agora estou bem mais confiante e motivada!!!
Liane-profe diz:
Vou colocar um teste na página para vocês aferirem seus conhecimentos de HTML. Será um auto-teste, isto é a nota não vale para mim , só para vocês
Dani diz:
Liane ............. dá para fazer algo com isso ............<bgcolor="#ffffff">
Solange diz:
Eu também aprendi um monte hoje!
Rubilar diz:
Profa. onde posso achar algum material sobre as rotinas cgi dos formulários?
Lizandra diz:
Prof, como coloco a figura no centro
Ademir diz:
Dani: <body bgcolor="#ffffff">
Liane-profe diz:
Dani com este tipo de background color a tela fica branca
Ademir diz:
Para centralizar a figura: <center><img .......></center>
Dani diz:
Liane ............ dá uma espiada na minha ......
Liane-profe diz:
Rubilar na aula de hoje tem um link para um material sobre como criar documentos interativos no WWW
Rubilar diz:
Certo profe... vou olhar melhor esta parte...