SlideShare a Scribd company logo
1 of 18
Edição de páginas para a Web Licenciatura em Ciências da Educação Tecnologias Educativas II Elisabete Cruz [email_address]
Tópicos ,[object Object],[object Object],[object Object],[object Object]
Hipertexto
Conceito “ In basic terms, it means more than text. We usually think of hypertext as consisting of nodes and links. Hypertext may be non-linear and non-sequential. ”  ( In  Encyclopedia of EducationalTechnology) “  (…) a palavra  hipertexto  é uma palavra-chave, significando que algo de interessante acontecerá se lhe clicar em cima com o rato.” ( In  Papert , 1997)
Sistemas pioneiros Projeto Xanadu Ted Nelson (1960) Sistema Hipertexto  Tim Berners-Lee  (1991) Sistema Memex Vannevar Bush  (1945) NLS (oN-Line System)  Douglas Engelbart (1968) Sistema HyperCard  Douglas Engelbart (1987) Partilhar informação Projecto ENQUIRE  (1980)
Estrutura de uma página Web
Estrutura de uma página Web ,[object Object],[object Object],[object Object],[object Object],[object Object]
Estrutura de uma página Web <FONT>  comando  usado para definir a fonte FACE=  atributo  que  permite alterar a fonte. Podem ser especificadas várias fontes, separadas por vírgula, de maneira que se o sistema não encontrar a primeira, carrega a segunda, e assim sucessivamente.  “ Arial”=  valor  do atributo FACE, especificando o tipo de letra a utilizar.
Sintaxe Básica
Sintaxe Básica Headings <h1>…</h1> (…) <h6>…</h6>
Sintaxe Básica Parágrafos <p> ….</p>
Sintaxe Básica Quebra de linha (“Break line”)<br>
Sintaxe Básica Comentários <!> Comando não executável <! Aqui escreve-se o comentário que se deseja>
Serviços de hospedagem gratuita
Serviços de hospedagem gratuita “ Share your  thougthts & ideas  with the world”
Mãos à obra?!
Mãos à obra?! | exemplo
Edição de páginas para a Web Licenciatura em Ciências da Educação Tecnologias Educativas II Elisabete Cruz [email_address]

More Related Content

Similar to Edição de páginas para a Web

Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
Adagenor Ribeiro
 
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
franciosney
 
html basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxhtml basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptx
LeonardoPaz31
 
Webpages
WebpagesWebpages
Webpages
EMSNEWS
 
Academia Verão 2011 - HTML
Academia Verão 2011 - HTMLAcademia Verão 2011 - HTML
Academia Verão 2011 - HTML
Nuno Simaria
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
Nuno Simaria
 

Similar to Edição de páginas para a Web (20)

AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
 
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 
Aula1
Aula1Aula1
Aula1
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 
html basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxhtml basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptx
 
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
 
Desenvolvimento Web Parte II
Desenvolvimento Web Parte IIDesenvolvimento Web Parte II
Desenvolvimento Web Parte II
 
Webpages
WebpagesWebpages
Webpages
 
Webpages
WebpagesWebpages
Webpages
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
Curso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSCurso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSS
 
Html
HtmlHtml
Html
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
Portifolio net
Portifolio netPortifolio net
Portifolio net
 
Cs 02 introducao_html
Cs 02 introducao_htmlCs 02 introducao_html
Cs 02 introducao_html
 
Academia Verão 2011 - HTML
Academia Verão 2011 - HTMLAcademia Verão 2011 - HTML
Academia Verão 2011 - HTML
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
 

More from Elisabete Cruz

As metas da educação pré-escolar
As metas da educação pré-escolarAs metas da educação pré-escolar
As metas da educação pré-escolar
Elisabete Cruz
 

More from Elisabete Cruz (20)

TACCLE2 – Propostas de atividades didáticas com tecnologias digitais
TACCLE2 – Propostas de atividades didáticas com tecnologias digitaisTACCLE2 – Propostas de atividades didáticas com tecnologias digitais
TACCLE2 – Propostas de atividades didáticas com tecnologias digitais
 
As TIC como área de formação transdisciplinar: uma proposta metodológica.
As TIC como área de formação transdisciplinar: uma proposta metodológica.As TIC como área de formação transdisciplinar: uma proposta metodológica.
As TIC como área de formação transdisciplinar: uma proposta metodológica.
 
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
 
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
As TIC como formação transdisciplinar: Potencialidades e dificuldades de impl...
 
Contributos para a análise do processo de recontextualização prático-pedagógi...
Contributos para a análise do processo de recontextualização prático-pedagógi...Contributos para a análise do processo de recontextualização prático-pedagógi...
Contributos para a análise do processo de recontextualização prático-pedagógi...
 
Uma proposta de ensino integrado para o desenvolvimento das metas de aprendiz...
Uma proposta de ensino integrado para o desenvolvimento das metas de aprendiz...Uma proposta de ensino integrado para o desenvolvimento das metas de aprendiz...
Uma proposta de ensino integrado para o desenvolvimento das metas de aprendiz...
 
Contributos para o estudo das TIC como área de formação transdisciplinar
Contributos para o estudo das TIC como área de formação transdisciplinarContributos para o estudo das TIC como área de formação transdisciplinar
Contributos para o estudo das TIC como área de formação transdisciplinar
 
Projeto de Tese
Projeto de TeseProjeto de Tese
Projeto de Tese
 
Metas de Aprendizagem na área das TIC: desafios, oportunidades e implicações ...
Metas de Aprendizagem na área das TIC: desafios, oportunidades e implicações ...Metas de Aprendizagem na área das TIC: desafios, oportunidades e implicações ...
Metas de Aprendizagem na área das TIC: desafios, oportunidades e implicações ...
 
Contributos para (re)pensar a integração curricular das TIC como área de form...
Contributos para (re)pensar a integração curricular das TIC como área de form...Contributos para (re)pensar a integração curricular das TIC como área de form...
Contributos para (re)pensar a integração curricular das TIC como área de form...
 
Um olhar sobre o modo como os educadores de infância portugueses tiram partid...
Um olhar sobre o modo como os educadores de infância portugueses tiram partid...Um olhar sobre o modo como os educadores de infância portugueses tiram partid...
Um olhar sobre o modo como os educadores de infância portugueses tiram partid...
 
Os 4P`s das Metas de Aprendizagem na área das TIC
Os 4P`s das Metas de Aprendizagem na área das TICOs 4P`s das Metas de Aprendizagem na área das TIC
Os 4P`s das Metas de Aprendizagem na área das TIC
 
As metas da educação pré-escolar
As metas da educação pré-escolarAs metas da educação pré-escolar
As metas da educação pré-escolar
 
Contributos para a integração das TIC na Educação Pré-Escolar
Contributos para a integração das TIC na Educação Pré-EscolarContributos para a integração das TIC na Educação Pré-Escolar
Contributos para a integração das TIC na Educação Pré-Escolar
 
ticEDUCA2010 Seminário Doutoral
ticEDUCA2010 Seminário Doutoral ticEDUCA2010 Seminário Doutoral
ticEDUCA2010 Seminário Doutoral
 
Onde está o currículo nacional do ensino básico na agenda da «literacia digit...
Onde está o currículo nacional do ensino básico na agenda da «literacia digit...Onde está o currículo nacional do ensino básico na agenda da «literacia digit...
Onde está o currículo nacional do ensino básico na agenda da «literacia digit...
 
Análise da Integração das TIC no CNEB
Análise da Integração das TIC no CNEBAnálise da Integração das TIC no CNEB
Análise da Integração das TIC no CNEB
 
Analysing ICT Tools For The Portfolios Educational Goals
Analysing ICT Tools For The Portfolios Educational GoalsAnalysing ICT Tools For The Portfolios Educational Goals
Analysing ICT Tools For The Portfolios Educational Goals
 
Tecnologias Que Podem Ajudar Pensar
Tecnologias Que Podem Ajudar PensarTecnologias Que Podem Ajudar Pensar
Tecnologias Que Podem Ajudar Pensar
 
Avaliação Formativa em Contextos de Aprendizagem Online
Avaliação Formativa em Contextos de Aprendizagem OnlineAvaliação Formativa em Contextos de Aprendizagem Online
Avaliação Formativa em Contextos de Aprendizagem Online
 

Recently uploaded

Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
Autonoma
 

Recently uploaded (20)

Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptx
 
3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx3 2 - termos-integrantes-da-oracao-.pptx
3 2 - termos-integrantes-da-oracao-.pptx
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdfatividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
atividade-de-portugues-paronimos-e-homonimos-4º-e-5º-ano-respostas.pdf
 
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...apostila filosofia 1 ano  1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE   atividade muito boa paraINTERTEXTUALIDADE   atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 
Novena de Pentecostes com textos de São João Eudes
Novena de Pentecostes com textos de São João EudesNovena de Pentecostes com textos de São João Eudes
Novena de Pentecostes com textos de São João Eudes
 
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
O desenvolvimento é um conceito mais amplo, pode ter um contexto biológico ou...
 

Edição de páginas para a Web

  • 1. Edição de páginas para a Web Licenciatura em Ciências da Educação Tecnologias Educativas II Elisabete Cruz [email_address]
  • 2.
  • 4. Conceito “ In basic terms, it means more than text. We usually think of hypertext as consisting of nodes and links. Hypertext may be non-linear and non-sequential. ” ( In Encyclopedia of EducationalTechnology) “ (…) a palavra hipertexto é uma palavra-chave, significando que algo de interessante acontecerá se lhe clicar em cima com o rato.” ( In Papert , 1997)
  • 5. Sistemas pioneiros Projeto Xanadu Ted Nelson (1960) Sistema Hipertexto Tim Berners-Lee (1991) Sistema Memex Vannevar Bush (1945) NLS (oN-Line System) Douglas Engelbart (1968) Sistema HyperCard Douglas Engelbart (1987) Partilhar informação Projecto ENQUIRE (1980)
  • 6. Estrutura de uma página Web
  • 7.
  • 8. Estrutura de uma página Web <FONT> comando usado para definir a fonte FACE= atributo que permite alterar a fonte. Podem ser especificadas várias fontes, separadas por vírgula, de maneira que se o sistema não encontrar a primeira, carrega a segunda, e assim sucessivamente. “ Arial”= valor do atributo FACE, especificando o tipo de letra a utilizar.
  • 10. Sintaxe Básica Headings <h1>…</h1> (…) <h6>…</h6>
  • 12. Sintaxe Básica Quebra de linha (“Break line”)<br>
  • 13. Sintaxe Básica Comentários <!> Comando não executável <! Aqui escreve-se o comentário que se deseja>
  • 15. Serviços de hospedagem gratuita “ Share your thougthts & ideas with the world”
  • 17. Mãos à obra?! | exemplo
  • 18. Edição de páginas para a Web Licenciatura em Ciências da Educação Tecnologias Educativas II Elisabete Cruz [email_address]