Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Declaração DOCTYPE e Tag Raiz html
|
|
- Afonso Franca Braga
- 8 Há anos
- Visualizações:
Transcrição
1 IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage DeclaraçãoDOCTYPEeTagRaizhtml ProfªMSc.ElizabeteMunzlinger
2 ProfªMSc.ElizabeteMunzlinger DeclaraçãoDOCTYPEeTagRaizhtml Índice 1 Estrutura do documento Declaração DOCTYPE: <!DOCTYPE>... 2 Tipos de conteúdo:... 2 Strict: estrito/rigoroso... 2 Transitional: transitório... 2 Frameset: frames/quadros... 2 Doctypes disponíveis nas Recomendações do W3C:... 2 HTML 4.01: Strict... 2 HTML 4.01: Transitional... 3 HTML 4.01: Frameset... 3 XHTML 1.0: Strict... 3 XHTML 1.0: Transitional... 3 XHTML 1.0: Frameset... 3 Validação de código... 4 Validador: HTML... 4 Validador: CSS Elemento raiz de definição do documento: <html>... 4 Atributo: lang... 4 Atributo: xml:lang... 4 Atributo: xmlns... 4 Diferenças entre HTML 4.01 e XHTML 1.0 deste capítulo... 5 Referências Bibliográficas
3 ProfªMSc.ElizabeteMunzlinger 1 Estruturadodocumento Todo documento HTML/XHTML deve conter os elementos que definem a sua estrutura básica. Estrutura mínima de um documento bem formado: 1 <!DOCTYPE...> <- não é tag do HTML, mas faz parte do ducumento bem formado (W3C) 2 <html> 3 <head> 4 <title> Título do documento</title> Informações lógicas sobre o documento </head> 5 <body> Aqui entra todo o conteúdo que será exposto pelo browser... </body> O documento atual aborda os itens 1 e 2 da estrutura básica, e são apresentados a seguir: 2 DeclaraçãoDOCTYPE:<!DOCTYPE> A declaração DOCTYPE deve ser o primeiro código em um documento HTML/XHTML, antes da tag <html>. A declaração DOCTYPE não é uma tag de HTML, é uma instrução para o navegador sobre qual versão da linguagem de marcação a página está escrita. A declaração DOCTYPE refere-se a um DTD (Document Type Definition Definição de Tipo de Documento). O DTD especifica as regras para a linguagem de marcação, para que os navegadores possam processar o conteúdo corretamente, e para que a página possa ser validada por ferramentas da W3C. A declaração <!DOCTYPE...> contém informações sobre a versão da linguagem de marcação utilizada (HTML ou XHTML) e o endereço do arquivo DTD no sistema online da W3C. Tiposdeconteúdo: Strict:estrito/rigoroso Recomendado pela W3C. Significa que o desenvolvedor está seguindo a risca todas as regras e convenções das linguagens utilizadas para escrever o documento HTML. São excluídos todos elementos/tags/atributos de apresentação ou em desuso. Frames não são permitidos. Transitional:transitório Significa que o desenvolvedor pode estar seguindo apenas algumas regras e convenções e também utilizando elementos/tags/atributos que já estão em desuso. Normalmente ocorre quando o documento está em fase de transição para as regras restritas. Pode conter elementos/tags/atributos de apresentação ou em desuso. Frames não são permitidos. Frameset:frames/quadros Não recomendado pela W3C. Usado quando a estrutura do site é composta por frames/quadros, que são divisões provocadas na janela do browser, onde mais de um documento HTML é apresentado ao mesmo tempo. Pode conter elementos/tags/atributos de apresentação ou em desuso. DoctypesdisponíveisnasRecomendaçõesdoW3C: HTML4.01:Strict Esta DTD contém todos os elementos e atributos HTML, excluindo elementos/tags/atributos de apresentação ou em desuso (como <font>). Frames não são permitidos. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " 2
4 ProfªMSc.ElizabeteMunzlinger HTML4.01:Transitional Esta DTD contém todos os elementos e atributos HTML, incluindo elementos/tags/atributos de apresentação ou em desuso (como <font>). Frames não são permitidos. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " HTML4.01:Frameset Igual a DTD HTML 4.01 Transitional, mas permite o uso de conteúdo de frames. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " XHTML1.0:Strict Esta DTD contém todos os elementos e atributos HTML, excluindo elementos de apresentação ou em desuso (como <font>). Frames não são permitidos. A marcação deve também ser escrito como XML bem formado. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " XHTML1.0:Transitional Esta DTD contém todos os elementos e atributos HTML, incluindo elementos de apresentação ou em desuso (como <font>). Frames não são permitidos. A marcação deve também ser escrito como XML bem formado. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " XHTML1.0:Frameset Igual a DTD XHTML 1.0 Transitional, mas permite o uso de conteúdo de frames. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " > OBS: Todas as tags/atributos da grade deste curso são aceitos nos 3 tipos de Doctype (strict, transitional e frameset). Assim, tags/atributos que são aceitos somente no conteúdo Transitional ou Frameset não serão vistos por já estarem obsoletos segundo a W3C. Seguindo todas as tags e atributos visto neste curso use o DOCTYPE para HTML que segue: <html> <head> <title> Título do documento</title> Informações lógicas sobre o documento </head> <body> Aqui entra todo o conteúdo que será exposto pelo browser... </body> Seguindo todas as tags e atributos visto neste curso use o DOCTYPE para XHTML que segue: <html> <head> <title> Título do documento</title> Informações lógicas sobre o documento </head> <body> Aqui entra todo o conteúdo que será exposto pelo browser... </body> 3
5 Validaçãodecódigo ProfªMSc.ElizabeteMunzlinger É um serviço gratuito desenvolvido pela W3C (desenvolvedores voluntários) para auxiliar desenvolvedores a corrigir possíveis erros de grafia ou uso impróprio de elementos no código das páginas. Essa ferramenta é uma poderosa aliada, capaz de checar o documento HTML/XHTML de acordo com as regras descrita em um documento DTD. O DTD deve estar definido no documento HTM através do DOCTYPE como visto acima. Um código válido fornece maiores garantias de usabilidade e acessibilidade do site por dispositivos diversos e usuários Portadores de Necessidades Especiais. Um site validado implica em um código bem escrito e oferece status de bom desenvolvedor, que vem a reforçar o currículo, pois significa qualidade de desenvolvimento e engajamento com questões tecnológicas e sociais. A W3C fornece validador para código HTML e CSS, que podem ser acessados online (acessando o link, basta informar o endereço da página/uri ou fazer o upload do arquivo a partir da máquina local.). Também pode ser instalados no computador, ou digitado direto na página. Para entender melhor acesse os links abaixo e experimente: Validador:HTML Acesso online: Endereço para download: Validador:CSS Acesso online: Endereço para download: 3 Elementoraizdedefiniçãododocumento:<html> É necessário definir onde inicia e onde termina o documento HTML/XHTML. A tag <html> é o elemento raiz dos documentos. Atributo:lang Código da linguagem (opcional em HTML). Atributo:xml:lang Código da linguagem (opcional em XHTML). Atributo:xmlns Especifica o espaço a ser usado (obrigatório em XHTML, não use em HTML). Exemplo tag <html> em documentos HTML: <html> ou <html lang="pt-br"> Exemplo tag <html> em documentos XHTML: <html xmlns=" > ou <html xmlns=" xml:lang="pt-br" > 4
6 ProfªMSc.ElizabeteMunzlinger DiferençasentreHTML4.01eXHTML1.0destecapítulo 1 OusodainstruçãoDOCTYPEérecomendadanosdocumentosHTMLeobrigatórianosdocumentos XHTML. 2 Escolhaotipodedocumento(strict,transitional,frameset)ecopiealinhadoDOCTYPEespecíficavista anteriormentenasrecomendaçõesdaw3c.oidealseriausarsempreostrict,oquesignificaqueo desenvolvedorestáseguindotodasasrecomendaçõesdaw3c. EmHTML(Strict): EmXHTML(Strict): 3 EmHTMLnataghtml,oatributolangéopcional. 4 EmXHTMLnataghtml,oatributoxml:langéopcional. 5 EmXHTMLnataghtml,oatributoxmlnséobrigatório,enãoéusadoemHTML. Abandone 1 DocumentosHTMLescritossemaespecificaçãoDOCTYPE. ReferênciasBibliográficas 1. MACEDO,MarcelodaSilva.ConstruindositesadotandopadrõesWeb.RiodeJaneiro:CiênciaModerna, MARCONDES,ChristianAlfim.HTMLfundamental4.0.SãoPaulo:Érica, CARDOSO,Márdel.Desenvolvimentowebparaoensinosuperior.RiodeJaneiro:AxcelBooks, W3C.WordWideWebConsortium.Disponívelonlineem:[ 5. HTML.HTMLWorkingGroup.Disponívelonlineem:[ 6. HTML.W3CRecomendation:HTML4.01Specification.Disponívelonlineem: [ 7. XHTML.W3CRecomendation:XHTML1.0TheExtensibleHyperTextMarkupLanguage(SecondEdition).A ReformulationofHTML4inXML1.0.Disponívelonlineem:[ 8. HTML.OverviewofHTML.Disponívelonlineem:[ 9. HTML.HTMLValidatorW3C.Disponívelonlineem:[ 10. CSS.CSSValidatorW3C.Disponívelonlineem:[ validator/] 11. DOCTYPE.RecommendedlistofDOCTYPEW3C.Disponívelonlineem: [ dtd list.html] 5
Desenvolvimento Web Introdução a XHTML. Prof. Bruno Gomes
Desenvolvimento Web Introdução a XHTML Prof. Bruno Gomes 2014 Introdução HTML e XHTML Estrutura básica do documento DTDs Validação do documento Exercícios HTML e XHTML HTML (Hipertext Markup Language)
Leia maisWebdesign A tag HEAD e as Meta tags
Webdesign A tag HEAD e as Meta tags Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net HEAD Como vimos anteriormente, o nosso documento HTML é
Leia maisWEBDESIGN. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira 1 CDI - Curso de Webdesign - Prof. Paulo Trentin Objetivos para esta aula Debater sobre
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza INTRODUÇÃO HTML Sigla em inglês para Hyper Text Markup Language, traduzindo daria algo como Linguagem para marcação de Hipertexto. E o que seria o
Leia maisXHTML 1.0 DTDs e Validação
XHTML 1.0 DTDs e Validação PRnet/2012 Ferramentas para Web Design 1 HTML 4.0 X XHTML 1.0 Quais são os três principais componentes ou instrumentos mais utilizados na internet? PRnet/2012 Ferramentas para
Leia maisGuia de Consulta Rápida XHTML. Juliano Niederauer. Novatec Editora. www.novateceditora.com.br
Guia de Consulta Rápida XHTML Juliano Niederauer Novatec Editora www.novateceditora.com.br Guia de Consulta Rápida XHTML de Juliano Niederauer Copyright 2002 da Novatec Editora Ltda. Todos os direitos
Leia maisXTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações);
1. XHTML TEM SUA ORIGEM NO XML; 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações); 4. XHTML é uma "Web Standard ; Neste link (http://www.maujor.com/w3c/xhtml10_2ed.html)
Leia maisApostila de XHTML Curso de Internet Professor Rinaldo Demétrio
Conteúdo XHTML - Por quê?... 2 Porque XHTML?... 2 Diferenças Entre XHTML e HTML... 3 Como Preparar-se para a XHTML... 3 As Diferenças Mais Importantes:... 3 Os Elementos Devem Estar Devidamente Aninhados...
Leia maisGERÊNCIA DE DADOS SEMIESTRUTURADOS -XML. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza O QUE É XML? Tecnologia desenvolvida pelo W3C http://www.w3c.org W3C: World Wide Web Consortium consórcio
Leia mais<!DOCTYPE html PUBLIC...> <html> <head> </head> <body> </body> </html>
Estrutura de um documento criado com o Dreamweaver. (versão xhtml strict)
Leia mais#Fundamentos de uma página web
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares elieziosoares@ifrn.edu.br Aula de
Leia maisAplicativos para Internet Aula 01
Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx
Leia maisAcessibilidade no SIEP (Sistema de Informações da Educação Profissional e Tecnológica) Módulo de Acessibilidade Virtual CEFET Bento Gonçalves RS Maio 2008 ACESSIBILIDADE À WEB De acordo com Cifuentes (2000),
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Declaração DOCTYPE em documentos HTML O W3C (World Wide Web Consortium: www.w3.org), encarregado da criação dos Standard webs, define
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Elementos Textuais Básicos
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo ElementosTextuaisBásicos ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo
Leia maisDeclaração do tipo de documento. Ana Cuper ana@instructor.com.br
Declaração do tipo de documento Ana Cuper ana@instructor.com.br Declaração do tipo de documento Todo documento HTML deve começar com uma declaração. Esta declaração identifica o tipo de documento e aponta
Leia maisIntrodução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Cabeçalho
IntroduçãoàTecnologiaWeb2010 HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCabeçalho ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Leia maisIntrodução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Estrutura Básica do Documento HTML
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage EstruturaBásicadoDocumentoHTML ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger
Leia maisIntrodução à Tecnologia Web
IntroduçãoàTecnologiaWeb XHTML extensiblehypertextmarkuplanguage Revisão ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger XHTMLRevisão Índice 1 extensible HTML (XHTML)... 2 1.1 Diferenças entre
Leia maisPROGRAMAÇÃO PARA INTERNET HTML
PROGRAMAÇÃO PARA INTERNET HTML Prof. Rafael Gross INTRODUÇÃO Quando acessamos uma página web, estamos interessados na informação contida nessa página. Essa informação pode estar na forma de texto, imagem
Leia maisIntrodução ao HTML 5 e Implementação de Documentos
Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar
Leia maisAnálise da Nova Linguagem HTML5 para o Desenvolvimento Web
Análise da Nova Linguagem HTML5 para o Desenvolvimento Web Sergio N. Ikeno¹, Késsia Rita da Costa Marchi¹ ¹Universidade Paranaense (Unipar) Paranavaí PR Brasil sergioikn@gmail.com, kessia@unipar.br Resumo.
Leia maisWeb Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisDesenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br
Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor
Leia maisHospedagem de site. Prof. Marciano dos Santos Dionizio
Hospedagem de site Prof. Marciano dos Santos Dionizio Hospedagem de site O mundo está preparado para ver suas páginas? O mundo está preparado sim - você, em breve, estará também. Para publicar seu trabalho
Leia maisGuia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Leia maisDesenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Leia maisDesenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
Leia maisTABLELESS E PROJETO ESTRUTURAL
Barra Lateral 1 Barra Lateral 2 Barra Lateral 2 Barra Lateral Barra Lateral DISCIPLINA: FUNDAMENTOS E TECNOLOGIA EM WEB Professora: Adriana Silva TABLELESS E PROJETO ESTRUTURAL O termo TABLELESS refere-se
Leia maisIntrodução à Tecnologia Web. Tipos de Sites. Profª MSc. Elizabete Munzlinger www.elizabete.com.br
IntroduçãoàTecnologiaWeb TiposdeSites ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br ProfªMSc.ElizabeteMunzlinger www.elizabete.com.br TiposdeSites Índice 1 Sites... 2 2 Tipos de Sites... 2 a) Site
Leia mais#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br
#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de
Leia maisDESENVOLVIMENTO WEB II - 7136
REVISÃO Regras HTML e Dicas: Fechar sempre os TAGS fechados e compostos; NUNCA esquecer um sinal de < ou de >, no início ou no fim do TAG; Não usar espaços no TAG (no interior dos sinais < e > ). EX:
Leia maisMÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: <?xml?>, <!DOCTYPE>, <html>, <head>, <body>, <body bgcolor>.
MÓDULO 1: Tags: estrutura; tipos; atributos. Estrutura de um documento. Tags de blocos: , , , , , . Conceitos básicos do funcionamento da Internet Internet
Leia maisDOCUMENTAÇÃO DO FRAMEWORK - versão 2.0
DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando
Leia maisDesenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Leia maisMais sobre uso de formulários Site sem Ajax
Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisHTML5. Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br
HTML5 Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa
Leia maisDesenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes
Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisMÓDULO 1 - xhtml Básico
MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide
Leia maisWeb Design Aula 13: Introdução a CSS
Web Design Aula 13: Introdução a CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Você lembra que HTML e XHTML são linguagens de marcação? Para organizar melhor o visual das páginas
Leia maisLista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Leia maisTECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das
Leia maisDWEB. Design para Web. CSS3 - Fundamentos. Curso Superior de Tecnologia em Design Gráfico
DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico CSS3 - Fundamentos E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis qual
Leia mais#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.
#Aula Nº 4 XHTML+CSS webstandards.samus.com.br webstandards.samus.com.br/aulas/aula4.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Revisar os conceitos mais importantes da XHTML e do CSS. Desenvolver
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisGerenciador etoken Aladdin. Guia de Instalação
Certificação Digital Guia de Instalação Guia CD-02 Público 1. Pré-requisitos para a instalação do dispositivo de certificação digital: Para que o processo de instalação tenha sucesso, é necessário obedecer
Leia maisLeiaute-IMPORTAÇÃO-Plano de Contas - XML
Leiaute-IMPORTAÇÃO-Plano de Contas - XML DOC-IN 1.0 1 / 6 Leiaute-IMPORTAÇÃO-Plano de Contas - XML Leiaute-IMPORTAÇÃO-Plano de Contas - XML DOC-IN 1.0 2 / 6 ÍNDICE ARQUIVO DE LEIAUTE... 3 Formato... 3
Leia maisIntrodução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Leia maisPDI 1 - Projeto e Design de Interfaces Web
Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Aprofundando nos elementos básicos do HTML; --Criando Hiperlinks em HTML; 2 Estrutura básica de um documento
Leia maisManual de instalação e configuração da Ferramenta Android SDK
Trabalho de Programação para Dispositivos Móveis Turma: 1011 Camila Botelho camilacunhabotelho@gmail.com Manual de instalação e configuração da Ferramenta Android SDK Introdução O Android é uma ferramenta
Leia maisCSS. Oficina de CSS Aula 10. Cascading Style Sheets. Cascading Style Sheets Roteiro. Cascading Style Sheets. Cascading Style Sheets W3C
Roteiro Oficina de Aula 10 s Selos de conformidade Prof. Vinícius Costa de Souza www.inf inf.unisinos..unisinos.br/~vinicius outubro de 2006 W3C São um conjunto de normas, diretrizes, recomendações, notas
Leia mais1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2.
1. Introdução pág.3 2. Apresentação do sistema Joomla! pág.4 3. Acessando a administração do site pág.4 4. Artigos 4.1. Criando um Artigo 4.2. Editando um Artigo 4.3. Excluindo um Artigo 4.4. Publicar
Leia maisDESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3
DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3 Eduardo Laguna Rubai, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR- Brasil eduardorubay@gmail.com, bonetti@unipar.br Resumo.
Leia maisXML Básico. Murillo Vasconcelos Henriques B. Castro. 17 de maio de 2011
XML Básico Murillo Vasconcelos Henriques B. Castro 17 de maio de 2011 O QUE É? Sigla para extensible Markable Language É uma linguagem de marcação, assim como HTML Desenvolvida para ser auto explicativa
Leia maisMANUAL. Laudos Online Convênios & Empresas. www.labsaopaulo.com.br
MANUAL Convênios & Empresas www.labsaopaulo.com.br www.labsaopaulo.com.br Antes de iniciar o nosso passo a passo acesse a nossa página de Resultados Online em nosso site, você irá facilmente visualizar
Leia maisMaurício Samy Silva. Novatec
Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20
Leia maisAula 1 Desenvolvimento Web. Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 1 Desenvolvimento Web Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Plano de Aula Ementa Avaliação Ementa Noções sobre Internet. HTML
Leia maisPersonalizações do mysuite
Personalizações do mysuite 1. mysuite... 2 2. Customização de campos... 3 3. Importação de dados... 3 4. Integração de sistemas... 3 5. Personalização do Atendimento Online... 4 5.1. Imagens de online
Leia maisInternet. Gabriela Trevisan Bacharel em Sistemas de Infomação
Internet Gabriela Trevisan Bacharel em Sistemas de Infomação Histórico da Web World Wide Web o nosso www é o meio de comunicação mais utilizado no mundo atualmente. Através da WWW qualquer usuário conectado
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisVersão 1.0 09/10. Xerox ColorQube 9301/9302/9303 Serviços de Internet
Versão 1.0 09/10 Xerox 2010 Xerox Corporation. Todos os direitos reservados. Direitos reservados de não publicação sob as leis de direitos autorais dos Estados Unidos. O conteúdo desta publicação não pode
Leia maisOficina: ASES 2.0 Beta 6.0
Oficina: ASES 2.0 Beta 6.0 André Luiz Andrade Rezende ¹ ¹Rede de Pesquisa e Inovação em Tecnologias Digitais (RENAPI) Doutorando em Educação e Contemporaneidade (UNEB) Estes slides são concedidos sob uma
Leia maisManual de baixa do Certificado Digital AR SOLUTI. Versão 2.0 de 7 de Maio de 2014. Classificação: Ostensiva
Catalogação do Documento Titulo Classificação Versão 2.0 de 7 de Maio de 2014 Autor Raphael Reis Aprovador Bruno Barros Número de páginas 57 Página 2 de 57 Sumário 1 Sistema operacional compatível para
Leia maisSumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1
Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem
Leia maisPROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO XHTML
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO XHTML Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o XHTML como evolução do HTML Capacitar para a construção de documentos bem formados Discutir as
Leia maisWeb Design Aula 02: HTML
Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando
Leia maisManual para Cadastro de Questões Prova Colegiada / Professor
Manual para Cadastro de Questões Prova Colegiada / Professor CÓDIGO: 001 revisão 02. DATA DE PUBLICAÇÃO: 12/04/2010 INÍCIO DE VIGÊNCIA: 12/04/2010 DATA REVISÃO: 23/03/2011 Autor do Projeto: Thiago Galvão
Leia maisCertificado A1 Manual de Renovação online
Página1 Certificado A1 Manual de Renovação online Manual do Usuário Página2 Índice Requisitos... 03 Plug-ins e ActiveX... 04 Renovação... 06 Exportação: Backup PFX... 12 Página3 Requisitos Este manual
Leia maisConfig. do módulo MSA com dispositivos REP.
Config. do módulo MSA com dispositivos REP. 23/05/2011 Config. do módulo MSA com disp. REP. Sumário Sumário... 2 1 Configurando os novos serviços para os REP... 3 1.1 Configurando o devices.xml... 3 1.2
Leia maisTutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)
Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup
Leia maisMaterial de apoio a aulas de Desenvolvimento Web. Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS. AAS - www.aas.pro.
Material de apoio a aulas de Desenvolvimento Web Tutorial Java WEB JSP & HTML & CSS & CLASSE & OBJETOS AAS - www.aas.pro.net Março-2012 Este pequeno tutorial tem como objetivo conduzir o programador passo-a-passo
Leia maiswww.ead.unifei.edu.br/index.php?option=com_content&view=article&id=56&itemid=98 www.ispringsolutions.com/products/ispring_free.
Neste tutorial serão apresentados os passos para elaboração de Agendas e Dinâmicas de Curso, para serem incluídas no AVA TelEduc, usando os softwares ispring Free 4.3 e Microsoft PowerPoint 2007. O ispring
Leia maisGERÊNCIA DE DADOS SEMIESTRUTURADOS -XML. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza
GERÊNCIA DE DADOS SEMIESTRUTURADOS -XML Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza O QUE É XML? Tecnologia desenvolvida pelo W3C http://www.w3c.org W3C: World Wide Web Consortium consórcio
Leia maisTecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript
1 Tecnologia WEB I Prof. Erwin Alexander Uhlmann Dos princípios do HTML, estruturação com CSS e automação com Javascript UHLMANN, Erwin Alexander. Dos princípios do HTML, estruturação com CSS e automação
Leia maisLINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Leia maisProgramação para Internet Avançada. 4. Web Services. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet Avançada 4. Web Services Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt São módulos de aplicações de negócios que expõem as regras do negócio como serviços na Internet através
Leia maisWebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
Leia maisA importância dos padrões para a WEB e o ASA. Palestrante: Heitor de Souza Ganzeli
A importância dos padrões para a WEB e o ASA Palestrante: Heitor de Souza Ganzeli Agenda INTRODUÇÃO FUNCIONAMENTO MOTIVAÇÃO SISTEMA Siga os padrões Internet e Dê ASAs a seu site Castro no site: http://asa.nic.br
Leia maisAfinal o que é HTML?
Aluno : Jakson Nunes Tavares Gestão e tecnologia da informacão Afinal o que é HTML? HTML é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste
Leia maisMANUAL DO SISTEMA DE CARGA HORÁRIA ESPECIAL Diretor
MANUAL DO SISTEMA DE CARGA HORÁRIA ESPECIAL Diretor SUMÁRIO Introdução... 2 Como acessar o sistema - DIRETOR... 3 Seleção de CHE Regular - DIRETOR... 4 Seleção de CHE Profissionalizante - DIRETOR... 7
Leia maisPlano de Ensino IDENTIFICAÇÃO. SEMESTRE ou ANO DA TURMA: 3º EMENTA
MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA FARROUPILHA PRÓ-REITORIA DE ENSINO Rua Esmeralda, 430 Faixa Nova Camobi -97110-767
Leia maisProf. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.
Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor
Leia maisCONSTRUÇÃO DE BLOG COM O BLOGGER
CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das
Leia maisRoteiro 2: Conceitos de Tags HTML
Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias
Leia maisPADRÕES PARA O DESENVOLVIMENTO NA WEB
PADRÕES PARA O DESENVOLVIMENTO NA WEB Ederson dos Santos Cordeiro de Oliveira 1,Tiago Bonetti Piperno 1, Ricardo Germano 1 1 Universidade Paranaense (UNIPAR) Paranavaí PR- Brasil edersonlikers@gmail.com,
Leia maisUm documento XML possui Unidade lógica - os elementos Usuário "inventa" as marcas através de DTDs
XML Um documento XML possui Unidade lógica - os elementos Usuário "inventa" as marcas através de DTDs Unidade física - as entidades Armazenamento separado dos dados Como toda linguagem de marcação: XML
Leia maisWEBSITE. Como utilizar um site Assistente de Criação para criar seu próprio site
WEBSITE Como utilizar um site Assistente de Criação para criar seu próprio site QUAL A PRINCIPAL UTILIDADE PARA UM SITE? Propaganda! Um website é a sua presença na mais recente das mídias. Como mídia,
Leia maisPROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS
VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...
Leia maisApostila de criação de website
Apostila de criação de website "Webnode" OBS: Informações e imagens retiradas do webnode O que é o WebNode : O WebNode é um sistema de criação de sites de fácil utilização. # Grátis. Sem burocracias, #
Leia maisManual do Sistema de Cadastro de Cultivares Locais, Tradicionais e Crioulas
Ministério do Desenvolvimento Agrário Secretaria da Agricultura Familiar Departamento de Financiamento e Proteção da Produção Seguro da Agricultura Familiar Manual do Sistema de Cadastro de Cultivares
Leia mais