Disciplina de Laboratório WEB

Revisão
Laboratório WEB
EEEP Leopoldina Gonçalves
Hello!I am Franciosney Souza
Teacher of develop WEB
EEEP Leopoldina Gonçalves Quezado
Academic training
Bachelor in Information Systems
Professional Master in Software Engineering
2
Linguagem de Marcação de
Hipertexto
HTML é uma linguagem de marcação
utilizada na construção de páginas na
Web.
Este elemento é a base para a
construção de páginas na internet, que
podem ser interpretados
por navegadores como Google
Chrome, Mozilla Firefox, Internet
Explorer e ETC.
3
Quem é Tim Berners-Lee ?
Berners-Lee é considerado o pai da internet, ele criou a linguagem de marcação
HTML, a URL, o protocolo HTTP, o primeiro servidor e o primeiro navegador de
internet na década de 90.
4
“
5
As tags são usadas para informar ao
navegador a estrutura do site. Ou seja:
quando se escreve um código em
HTML, as tags serão interpretadas pelo
navegador, produzindo assim a
estrutura e o conteúdo visual da
página.
O que são tags HTML?
“
6
● <!DOCTYPE html>
A tag !DOCTYPE informa ao navegador
a versão do HTML que está sendo
utilizada no documento.
● <html></html>
Esta tag é o elemento básico da
estrutura do HTML. Assim sendo, ela
conterá todos os elementos do seu
documento. Todo documento HTML
deve iniciar e finalizar com essa tag;
Principais tags do HTML?
“
7
● <head></head>
Essa tag delimita o cabeçalho do
documento. Não possui nenhum valor
visível;
● <title></title>
Essa tag define o título da sua página, o
nome que aparecerá na sua aba, janela
ou guia.
Principais tags do HTML?
“
8
● <meta/>
Essa tag permite inserir metadados ao seu
documento, no caso acima, a informação
charset=”UTF-8″, que garante a compatibilidade do
código com os caracteres de padrão latino
americano;
● <body></body>
Finalmente, a tag que representa o corpo do
documento. Em síntese, é nessa tag que todos os
elementos visíveis do seu site devem ser inseridos.
Principais tags do HTML?
“
9
Os atributos são usados para personalizar as tags,
modificando sua estrutura ou funcionalidade.
Igualmente, os atributos são utilizados para atribuir
uma classe ou id a um elemento.
O que são atributos no HTML
“
10
❖ class=”…“
Atribui uma classe ao elemento (uma classe
pode ser utilizada para um ou mais elementos);
❖ id=”…“
Atribui um id ao elemento (um id deve ser
único, ou seja atribuído a um único elemento);
Principais atributos do HTML
Estrutura básica de um
documento HTML
11
Cascading Style Sheets
CSS é uma folha de estilo utilizada para
definir a aparência de páginas da
internet que adotam para o seu
desenvolvimento Linguagem de
Marcação de Hipertexto.
12
“
13
A sintaxe CSS é formada por uma regra com 3
itens fundamentais para definir um estilo. São
eles:
Seletor;
Propriedade;
Valor.
Sintaxe CSS (Escrita)
“
14
● O seletor vincula um elemento do documento
HTML a declaração CSS.
● A propriedade define uma característica
visual para o elemento HTML “selecionado”
pelo seletor.
● Já o valor atribui valor a propriedade
escolhida para o elemento selecionado.
Sintaxe CSS (Escrita)
JavaScript
JavaScript é uma das linguagens de
programação utilizada para construir
páginas dinâmicas na WEB (Interação
com o Usuário), desenvolver aplicativos
para smartphones e até jogos
eletrônicos.
15
1 de 15

Recomendados

XHTMLXHTML
XHTMLnasjo
800 visualizações13 slides
Slides de htmlSlides de html
Slides de htmlIlana Lizi
151 visualizações6 slides
Html e cssHtml e css
Html e cssmaxrosan
423 visualizações28 slides

Mais conteúdo relacionado

Mais procurados

Html5 - Estrutura BásicaHtml5 - Estrutura Básica
Html5 - Estrutura BásicaAndré Aguiar
1.3K visualizações6 slides
HTML BásicoHTML Básico
HTML BásicoWanderlei Silva do Carmo
801 visualizações61 slides
HTML Principios BásicosHTML Principios Básicos
HTML Principios BásicosMayza de Oliveira
9.5K visualizações46 slides
HTML - IntroduçãoHTML - Introdução
HTML - IntroduçãoGuto Xavier
343 visualizações12 slides

Mais procurados(20)

Html5 - Estrutura BásicaHtml5 - Estrutura Básica
Html5 - Estrutura Básica
André Aguiar1.3K visualizações
HTML & CSS ninja - Material do cursoHTML & CSS ninja - Material do curso
HTML & CSS ninja - Material do curso
Herson Leite236 visualizações
HTML BásicoHTML Básico
HTML Básico
Wanderlei Silva do Carmo801 visualizações
Codificações basicas em HTML e XMLCodificações basicas em HTML e XML
Codificações basicas em HTML e XML
Hyago Cavalcante122 visualizações
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
Mayza de Oliveira9.5K visualizações
HTML - IntroduçãoHTML - Introdução
HTML - Introdução
Guto Xavier343 visualizações
Aula01 Desenvolvimento em Ambiente Web - HTMLAula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTML
Messias Batista1.6K visualizações
XML - Parte 1XML - Parte 1
XML - Parte 1
Aldo de Queiroz Jr381 visualizações
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
Centro Paula Souza1.2K visualizações
HTMLHTML
HTML
Sérgio Rocha3.5K visualizações
Cs 02 introducao_htmlCs 02 introducao_html
Cs 02 introducao_html
Christoph de Freitas Santos165 visualizações
Técnicas e processos - HTML / CSS - aula 1Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1
Ritielle de Souza343 visualizações
Aula 07Aula 07
Aula 07
Jorge Ávila Miranda421 visualizações
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
grupoucpel656 visualizações
XmlXml
Xml
nasjo381 visualizações
Html BásicoHtml Básico
Html Básico
Marcelo Machado Pereira4.2K visualizações
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
Herbet Ferreira Rodrigues5.5K visualizações
Aula 11Aula 11
Aula 11
Jorge Ávila Miranda318 visualizações
HTML básicoHTML básico
HTML básico
Karen Sica1.3K visualizações
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
Vinícius Roggério da Rocha5.3K visualizações

Similar a Disciplina de Laboratório WEB(20)

Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
Adagenor Ribeiro556 visualizações
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
JEANCLEVERSONPRATAS41 visualizações
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
Reinaldo Vieira dos Santos1.4K visualizações
WebpagesWebpages
Webpages
EMSNEWS395 visualizações
WebpagesWebpages
Webpages
cris2002426 visualizações
Html completoHtml completo
Html completo
EMSNEWS2K visualizações
Html apresentaçãoHtml apresentação
Html apresentação
Douglas Pereira155 visualizações
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
Sergio Finamore3K visualizações
Front-end 001Front-end 001
Front-end 001
mvcbotelho257 visualizações
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
Cesar Braz45 visualizações
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
Fabio Moura Pereira1.2K visualizações
Desenvolvimento Web Parte IIDesenvolvimento Web Parte II
Desenvolvimento Web Parte II
igorpimentel879 visualizações
00 a linguagem html00 a linguagem html
00 a linguagem html
Vasco Ferreira683 visualizações
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
Jose Augusto Cintra5.6K visualizações
HtmlHtml
Html
IPAEAS - Liberdade1.7K visualizações
HtmlHtml
Html
ThayAlencar356 visualizações
HtmlHtml
Html
Ana Roger407 visualizações
Introdução de webIntrodução de web
Introdução de web
Sedu38 visualizações

Último(20)

Caça-palavras sobre BANDEIRAS NO BRASIL.docxCaça-palavras sobre BANDEIRAS NO BRASIL.docx
Caça-palavras sobre BANDEIRAS NO BRASIL.docx
Jean Carlos Nunes Paixão33 visualizações
Cartelas de Bingo Império Romano e feudalismoCartelas de Bingo Império Romano e feudalismo
Cartelas de Bingo Império Romano e feudalismo
Jean Carlos Nunes Paixão28 visualizações
Reflexió personal.pdfReflexió personal.pdf
Reflexió personal.pdf
RaulGomez82256114 visualizações
unicef_convenc-a-o_dos_direitos_da_crianca.pdfunicef_convenc-a-o_dos_direitos_da_crianca.pdf
unicef_convenc-a-o_dos_direitos_da_crianca.pdf
Ilda Bicacro18 visualizações
POR UMA ALIMENTAÇÃO SAUDÁVEL - ExposiçãoPOR UMA ALIMENTAÇÃO SAUDÁVEL - Exposição
POR UMA ALIMENTAÇÃO SAUDÁVEL - Exposição
Colégio Santa Teresinha436 visualizações
Meteoritos caídos em PortugalMeteoritos caídos em Portugal
Meteoritos caídos em Portugal
Casa Ciências33 visualizações
Santa Cecília - Padroeira dos MúsicosSanta Cecília - Padroeira dos Músicos
Santa Cecília - Padroeira dos Músicos
bibliotecaCMP48 visualizações

Disciplina de Laboratório WEB

  • 2. Hello!I am Franciosney Souza Teacher of develop WEB EEEP Leopoldina Gonçalves Quezado Academic training Bachelor in Information Systems Professional Master in Software Engineering 2
  • 3. Linguagem de Marcação de Hipertexto HTML é uma linguagem de marcação utilizada na construção de páginas na Web. Este elemento é a base para a construção de páginas na internet, que podem ser interpretados por navegadores como Google Chrome, Mozilla Firefox, Internet Explorer e ETC. 3
  • 4. Quem é Tim Berners-Lee ? Berners-Lee é considerado o pai da internet, ele criou a linguagem de marcação HTML, a URL, o protocolo HTTP, o primeiro servidor e o primeiro navegador de internet na década de 90. 4
  • 5. “ 5 As tags são usadas para informar ao navegador a estrutura do site. Ou seja: quando se escreve um código em HTML, as tags serão interpretadas pelo navegador, produzindo assim a estrutura e o conteúdo visual da página. O que são tags HTML?
  • 6. “ 6 ● <!DOCTYPE html> A tag !DOCTYPE informa ao navegador a versão do HTML que está sendo utilizada no documento. ● <html></html> Esta tag é o elemento básico da estrutura do HTML. Assim sendo, ela conterá todos os elementos do seu documento. Todo documento HTML deve iniciar e finalizar com essa tag; Principais tags do HTML?
  • 7. “ 7 ● <head></head> Essa tag delimita o cabeçalho do documento. Não possui nenhum valor visível; ● <title></title> Essa tag define o título da sua página, o nome que aparecerá na sua aba, janela ou guia. Principais tags do HTML?
  • 8. “ 8 ● <meta/> Essa tag permite inserir metadados ao seu documento, no caso acima, a informação charset=”UTF-8″, que garante a compatibilidade do código com os caracteres de padrão latino americano; ● <body></body> Finalmente, a tag que representa o corpo do documento. Em síntese, é nessa tag que todos os elementos visíveis do seu site devem ser inseridos. Principais tags do HTML?
  • 9. “ 9 Os atributos são usados para personalizar as tags, modificando sua estrutura ou funcionalidade. Igualmente, os atributos são utilizados para atribuir uma classe ou id a um elemento. O que são atributos no HTML
  • 10. “ 10 ❖ class=”…“ Atribui uma classe ao elemento (uma classe pode ser utilizada para um ou mais elementos); ❖ id=”…“ Atribui um id ao elemento (um id deve ser único, ou seja atribuído a um único elemento); Principais atributos do HTML
  • 11. Estrutura básica de um documento HTML 11
  • 12. Cascading Style Sheets CSS é uma folha de estilo utilizada para definir a aparência de páginas da internet que adotam para o seu desenvolvimento Linguagem de Marcação de Hipertexto. 12
  • 13. “ 13 A sintaxe CSS é formada por uma regra com 3 itens fundamentais para definir um estilo. São eles: Seletor; Propriedade; Valor. Sintaxe CSS (Escrita)
  • 14. “ 14 ● O seletor vincula um elemento do documento HTML a declaração CSS. ● A propriedade define uma característica visual para o elemento HTML “selecionado” pelo seletor. ● Já o valor atribui valor a propriedade escolhida para o elemento selecionado. Sintaxe CSS (Escrita)
  • 15. JavaScript JavaScript é uma das linguagens de programação utilizada para construir páginas dinâmicas na WEB (Interação com o Usuário), desenvolver aplicativos para smartphones e até jogos eletrônicos. 15