HTML. Sessão 2 HTML. A mais utilizada é a definição de um título. A tag <title> permite especificar o título do documento.
|
|
- Otávio Carlos Lemos
- 6 Há anos
- Visualizações:
Transcrição
1 Sessão 2 Cabeçalho e Título <title> O conteúdo do cabeçalho do documento não irá, portanto, aparecer no documento, mas irá incluir outras tags que definam propriedades da página. A mais utilizada é a definição de um título. A tag <title> permite especificar o título do documento. O texto afectado pela tag <title> será considerado pelo browser como o título do documento. A maioria dos browsers colocam-no na barra de título. <title>texto</title> : define o título do documento Formador: Cosmin Constantinescu 1
2 Cabecalho e Meta-tags <meta> Estas tags especiais servem para especificar detalhes das páginas, tais como o seu autor, descrição ou palavras-chave, e são utilizadas por alguns motores de busca para indexar e catalogar os seus conteúdos. <meta name= nome value= valor > </meta> OU <meta name= nome value= valor /> Cabecalho e Meta-tags <meta> As principais meta-tags são as seguintes: <meta name= author value= nome do autor /> <meta name= description value= descrição da página /> <meta name= keywords value= palavras-chave da página /> <meta name= date value= data da última alteração da página /> <meta name= contact value= contacto do autor /> Formador: Cosmin Constantinescu 2
3 Definições globais da página WEB Na linguagem, podemos alterar a formatação de um pedaço de texto a meio do documento, mas também é possível aplicar definições globais que serão respeitadas por toda a página. A maneira mais fácil de o fazer consiste em utilizar os atributos da tag <body>, dos quais se destacam os seguintes: Atributo Descrição text Cor do texto bgcolor Cor do fundo background Imagem de fundo link, alink, vlink Cor, respectivamente, das hiperligações não visitadas seleccionadas e já visitadas Definições globais da página WEB <body > <!-- criada por nome --> <meta name="author" value= Cosmin Constantinescu" /> <meta name="date" value="novembro de 2006" /> <meta name="contact" value= cosmin@gmail.com" /> <title>página Colorida</title> Texto normal branco 1) Abrir o ficheiro modelo2.txt com o bloco de notas e digitar o seguinte código : 2) Guardar o ficheiro com o nome modelo.html e observar o resultado no IE Formador: Cosmin Constantinescu 3
4 Definições globais da página WEB <!-- criada por nome --> <meta name="author" value= Cosmin Constantinescu" /> <meta name="date" value="novembro de 2006" /> <meta name="contact" value= /> <title>página Colorida</title> <body bgcolor="green" text="white"> Texto normal branco 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : 2) Guardar o ficheiro com o nome TextoColorido.html e observar o resultado no IE Tags Mais utilizadas (Formatação de texto) <p>texto</p> : define um parágrafo <br> : insere uma quebra de linha <!-- texto --> : define um comentário <hr> : desenha uma linha horizontal <b>texto</b> : texto em negrito <i>texto</i> : texto em itálico <tt>texto</tt> : Apresenta texto parecido com o de uma máquina de escrever antiga ("teletype text") <div>texto</div> : define alinhamento do texto <span>texto</span> : Agrupa elementos mantendo a continuidade das linhas Formador: Cosmin Constantinescu 4
5 Tags Mais utilizadas Exemplo01 <body> <title>exemplo Um</title> <!-- criada por nome --> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : <p>parágrafo 1 aqui podemos constatar que a * mudança de linha (indicadas pelo *) não produz * efeito na página </p> <p>parágrafo 2 Deixar múltiplos espaços também não tem efeito na página. Para mudar de linha utiliza-se a tag br <br></p> <br> <!-- uma linha em branco --> <b>este texto irá ficar em negrito</b><br> <hr> <i>última actualização: <b>8 de Janeiro de 2006</b></i> 2) Guardar o ficheiro com o nome exemp01.html e observar o resultado no IE Tags Mais utilizadas Exemplo01 Formador: Cosmin Constantinescu 5
6 Tags Mais utilizadas - <div> (Alinhamento de texto) Tag de alinhamento do texto: <div> texto </div> O atributo de alinhamento é: align As opções de alinhamento são: center - texto centralizado right - texto à direita left - texto à esquerda Tags Mais utilizadas Exemplo01a <body> <title>exemplo UmA</title> <!-- Alimhamento--> <div align="center">meu curso de ao Centro</div> <div align="left">meu curso de à Esquerda</div> <div align="right">meu curso de à Direita</div> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : 2) Guardar o ficheiro com o nome exemp01a.html e observar o resultado no IE Formador: Cosmin Constantinescu 6
7 Tags Mais utilizadas Exemplo01a Outras Tags utilizadas (Formatação de texto) <strong>texto</strong> : Semelhante ao estilo negrito <em>texto</em> : Semelhante ao estilo itálico <big> texto </big> :Aumenta a fonte e atribui negrito <small>texto</small> : Reduz e altera a fonte. <sup>texto</sup> :Eleva o texto e o seu corpo <sub>texto</sub> : Rebaixa o texto e diminui o seu corpo Formador: Cosmin Constantinescu 7
8 outras Tags utilizadas Exemplo01O <body> <title>exemplo Um</title> <!-- criada por nome --> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : <tt>"teletype text"</tt><br><br> <i>texto itálico</i><br><br> <em>semelhante ao Texto itálico</em><br><br> <strong>semelhante ao Texto em negrito</strong><br><br> <b>texto em negrito</b><br><br> <big>texto maior</big><br><br> <small>texto menor</small><br><br> Este texto contém uma parte alinhada um pouco <sub>abaixo</sub><br><br> Este texto contém uma parte alinhada um pouco <sup>acima</sup><br><br> 2) Guardar o ficheiro com o nome exemp01o.html e observar o resultado no IE Outras Tags utilizadas Exemplo01o Formador: Cosmin Constantinescu 8
9 Aprendendo com os outros Uma das desvantagens do (estático) é que não é possível esconder o código que digitamos dos olhares alheios embora possamos dificultar a sua leitura. Por outro lado esta aparente fraqueza dá-nos a possibilidade de aprendermos com o código dos outro. Como observar o código de uma página da Web? Menu Ver Fonte (IE) Como dificultar a observação do código de uma página da Web? crunching Crunching crunching : consiste em compactar o código produzido de modo a dificultar a sua leitura <title>exemplo Um</title><!-- criada por nome --><body><p>parágrafo 1 aqui podemos constatar que a * mudança de linha (indicadas pelo *) não produz * efeito na renderização da página </p><p>parágrafo 2 Deixar múltiplos espaços também não tem efeito na renderização. Para mudar de linha utiliza-se a tag br <br><br> <!-- uma linha em branco --><b>este texto irá ficar em negrito</b><br><hr><i>última actualização: <b>8 de Janeiro de 2005</b></i> Formador: Cosmin Constantinescu 9
10 Como mudar o tamanho do texto (M1) Método 1: velhinho e ainda válido <h1>texto</h1> : cabeçalho n1, o maior. <h2>texto</h2> : cabeçalho n2 <h3>texto</h3> : cabeçalho n3 <p>texto</p> : texto normal <h4>texto</h4> : cabeçalho n4, menor que o texto normal <h5>texto</h5> : cabeçalho n5 <h6>texto</h6> : cabeçalho n6, o menor <hr> : mudança de linha com um traço horizontal a toda a largura da página. Como mudar o tamanho do texto (M1) <body> <title>exemplo Dois</title> <!-- criada por nome --> <h1>cabeçalho n1</h1> <hr> <p>vários cabeçalhos </p> <h2>cabeçalho n2</h2> <h3>cabeçalho n3</h3> <p>texto normal dentro de um parágrafo</p> <h4>cabeçalho n4: é o texto normal em negrito</h4> <h5>cabeçalho n5</h5> <h6>cabeçalho n6</h6> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : O aspecto final depende das definições do browser!!!! 2) Guardar o ficheiro com o nome exemp02.html e observar o resultado no IE Formador: Cosmin Constantinescu 10
11 Como mudar o tamanho do texto (M1) Método 2: maior controlo sobre tipo letra e cor (embora 4.01 stric o desaconselha CSS (Cascading Style Sheets) <font color= nome da cor ou #rrggbb face = lista de tipos de letra size = 1 a 7 ou +1 a +6 ou -1 a -6 > texto </font> Formador: Cosmin Constantinescu 11
12 Os principais atributos da tag <font> <font color= nome ou #rrggbb </font> face = lista de tipos de letra size = 1 a 7 ou +1 a + 6 ou -1 a -6 >texto O atributo size Permite escolher o tamanho de letra de dois modos: absoluto ou relativo. Modo absoluto: 3 utiliza o tamanho padrão, 1 menor e 7 maior. Modo Relativo: + ou em relação ao tamanho actual até a um tamanho relativo máximo de +6 ou até um tamanho relativo mínimo de -6 <body> <title>exemplo Três</title> <!-- criada por nome --> Texto no seu tamanho normal <font size= 3 >Texto size 3</font><br> <font size= +1 >Texto size + 1</font> agora o texto novamente no seu tamanho normal<br> <font size= +6 >Texto size + 6</font><br> <font size= 7 >Texto size 7</font><br> <font size= -6 >Texto size -6</font><br> <font size= 1 >Texto size 1</font><br> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : O aspecto final depende das definições do browser!!!! 2) Guardar o ficheiro com o nome exemp03.html e observar o resultado no IE Formador: Cosmin Constantinescu 12
13 Os principais atributos da tag <font> <font color= nome ou #rrggbb </font> face = lista de tipos de letra size = 1 a 7 ou +1 a + 6 ou -1 a -6 >texto O atributo face Permite seleccionar o tipo de letra. Permite definir uma lista de tipos de letras a ser aplicado As listas mais comuns: Verdana, Arial, Helvetica, sans-serif ou Times New Roman, Times, serif Devemos seleccionar tipos de letras que sejam prováveis existir no computador do visitante do site senão resultados imprevisíveis Formador: Cosmin Constantinescu 13
14 <body> <title>exemplo Quatro</title> <!-- criada por nome --> <p align= center ><font size=7 face= verdana, arial, sans-serif >Grande Promoção</font></p> <p><font size=3 face= serif, sans-serif ><b>o supermercado <i>preçocerto</i> tem a honra de convidar V. Exa. <br> para a inauguração da nossa loja na vila de Arouca <br> <br>contamos consigo!</b></font> 1) Abrir o ficheiro modelo.txt com o bloco de notas e digitar o seguinte código : </p> <hr> <h3 align= right ><i>ultima actualização em </i></h3> O aspecto final depende das definições do browser!!!! 2)Guardar o ficheiro com o nome exemp04.html e observar o resultado no IE Formador: Cosmin Constantinescu 14
15 Os principais atributos da tag <font> <font color= nome ou #rrggbb face = lista de tipos de letra size = 1 a 7 ou +1 a + 6 ou -1 a -6 >texto</font> O atributo color Permite seleccionar a cor da letra. A cor pode ser especificada com um nome (p. ex.: red, green, ) ou através de um código númerico hexadecimal chamado código RGB (iniciais de Red, Green, Blue). Representamos cada cor por 6 dígitos ( 2 para cada cor) que variam entre 0 e F. Exemplo de um código RGB= #FAD9A1 O monitor possui 3 canhões que emitem electrões, cada um associado a uma cor diferente. A cor resultante obtém-se com o controlo da intensidade de cada um desses feixes, atribuindo-se a cada código um valor númerico. Os principais atributos da tag <font> <font color= nome ou #rrggbb face = lista de tipos de letra size = 1 a 7 ou +1 a + 6 ou -1 a -6 >texto</font> O atributo color (continuação). Exemplo: <font size= 5 color= red >Texto em vermelho</font> <font color= #FF0000 size= 5 >Texto em vermelho</font> <font color = #CCCCCC size= 5 >Texto em cinza</font> <font color= grey size= 7 >Texto em cinza</font> Como criar cores personalizadas? Paint e Calculadora. Formador: Cosmin Constantinescu 15
16 1) Abrir o ficheiro modelo.txt com o bloco <title>exemplo Cinco</title> de notas e digitar o seguinte código : <!-- criada por nome --> <body> Texto no seu tamanho normal <font size= 3 >Texto size 3</font><br> <font size= +1 >Texto size + 1</font> agora o texto novamente no seu tamanho normal<br> <font size= +6 color= black >Texto size + 6</font><br> <font size= 7 face= happy face, serif color= #FFFFFF >Texto size 7</font><br> <font size= -6 color="#ff0000">texto size -6</font><br> <font size= 1 color= green >Texto size 1</font><br> O aspecto final depende das definições do browser!!!! 2)Guardar o ficheiro com o nome exemp05.html e observar o resultado no IE Formador: Cosmin Constantinescu 16
Módulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Leia maisProgramação para Internet I
Programação para Internet I Aula 03 Prof. Fernando F. Costa nando@fimes.edu.br Prof. Fernando 1 HTML - Acentuação Não é recomendável utilizar acentos em documentos web Problemas Pode haver má interpretação
Leia maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Leia maisIntrodução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
Leia maisF E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
Leia maisHTML (HyperText. Markup Language)
Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução
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 CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
Leia maisPROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
Leia maisPROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias
PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext
Leia maisCSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
Leia maisINTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES CSS INTRODUÇÃO E MANIPULANDO FONTES
INTRODUCAO DESENVOLVIMENTO E DESIGN DE CSS INTRODUÇÃO E MANIPULANDO FONTES Introdução CSS significa Cascading Style Sheetes (Folhas de Estilo em Cascata). Não seria ótimo fazer layouts na sua página sem
Leia maisHTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
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 A partir do HTML 4.01, o único modo de alterar a letra (cor, tamanho, tipo, etc.) ou o fundo (cor ou imagem) é utilizando o atributo
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
Leia mais3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Leia maisComandos Extras Formatações no CSS
Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro
Leia maisRevisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
Leia maisHTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Leia maisIFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links
De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links Propriedades básicas para fontes: color: cor da fonte font-family: tipo de fonte font-size: tamanho
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisCSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) André Tavares da Silva andre.silva@udesc.br CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos
Leia mais1 Introdução ao HTML e formatação de texto
1 Introdução ao HTML e formatação de texto Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Introdução...3 Uma visão geral do HTML...3 Estrutura do documento...3
Leia maisDesenvolvimento Web. Professor: Bruno E. G. Gomes
Instituto Federal de Educação Ciência e Tecnologia Curso Técnico Integrado em Informática Campus Currais Novos Desenvolvimento Web CSS Conceitos básicos parte I Professor: Bruno E. G. Gomes 2013 Introdução
Leia mais08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão
Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior
Leia maisSintaxe Básica da Linguagem CSS
Sintaxe Básica da Linguagem CSS Regras - Regra CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta por três partes: um seletor,
Leia mais#Trabalhando com Texto
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Trabalhando com Texto Eliezio Soares elieziosoares@gmail.com Aula de Hoje Web
Leia maisTECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.
Leia maisIntrodução ao HTML Hypertext Markup Language
Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisAula 3 - Parte Final HTML e CSS
Universidade Federal do Paraná - UFPR 16 de Agosto de 2010 Div 1 Div 2 Div Div Podemos dizer que a função da tag < div > é fazer a divisao dos itens de uma pagina, isto é posicionar os layouts. Para um
Leia maisHTML HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1
HTML Sessão 7 HTML são mapas de imagem são outro tipo de grafismo muito utilizado na Web. Trata-se de uma forma de utilizar as imagens como links, em que a imagem é dividida em zonas e em que cada
Leia maisPassa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
Leia maisEstilo em Aplicações Hipermídia na Web
SCC0265 Sistemas Interativos Web Estilo em Aplicações Hipermídia na Web Renata Pontin M. Fortes (renata@icmc.usp.br) PAE: Willian Watanabe (watinha@gmail.com) Instituto de Ciências Matemáticas e de Computação
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 maisAPOSTILA DE XHTML Profa. Gilene Borges Gomes
MÓDULO 2: Linha Horizontal . Quebra de linha: . Parágrafos . Cabeçalho: , , , , , . Comentário: . Atributos comuns. Tags - indica um bloco de texto
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisAULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Leia maisCSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br
Web Introdução Design CSS - Background, Color e Fontes Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br O que veremos... CSS Cores e fundos Fontes Cores e fundos Algumas propriedades
Leia maisCascading Style Sheets
Cascading Style Sheets PROF. ME. HÉLIO ESPERIDIÃO CSS Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação,
Leia maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia maisTP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I. Profª Eulaliane Gonçalves
TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I Profª Eulaliane Gonçalves COMPETÊNCIAS 1. Interpretar e desenvolver páginas para Web. HABILIDADES 1.1. Coletar dados e informações de usuários para elaboração
Leia maisCSS Exercício JCC. Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto. Sumário
CSS Exercício JCC Comunicações Digitais e Internet, 2006/07 Jornalismo e Ciências da Comunicação, U.Porto Sumário Com este exercício pretende-se apresentar e experimentar o processo de implementação de
Leia maisHTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisIntrodução a HTML. André Tavares da Silva.
Introdução a HTML André Tavares da Silva andre.silva@udesc.br HTML HiperText Markup Language Linguagem de marcação para criar páginas Web Formada por textos e comandos chamados tags (etiquetas/rótulos)
Leia maisCascading: Style Sheet
André Kawamoto 2010 O que é CSS Cascading: Múltiplos estilos podem se sobrepor para especificar uma variedade de estilos desde um website inteiro até um único elemento. Qual estilo é aplicado diz respeito
Leia maisRespostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
Leia mais17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisCSS. Karen Frigo Busolin
CSS Karen Frigo Busolin O que é CSS? Significa Cascading Style Sheets Estilos define como mostrar elementos HTML Estilos foram adicionandos no HTML 4.0 Estilos na solução de problemas HTML nunca deve a
Leia maisPROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisPermite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação.
Porque usar css? Cascading Style Sheets (css) sobrepõe as características padrões dos browsers São usadas para melhorar e controlar a aparência de uma página web. Porque usar css? Permite que o conteúdo
Leia maisTECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos
Leia maisWeb Design Aula 15: Propriedades CSS
Web Design Aula 15: Propriedades CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Propriedades de texto Propriedades de Cores Propriedades de Bordas Propriedades de Listas Cor de
Leia maisCSS: Cascading Style Sheets (folhas de estilo) Pimentel, Morganna BSI - UNIRIO DPW
CSS: Cascading Style Sheets (folhas de estilo) Pimentel, Morganna BSI - UNIRIO DPW 2017.2 1 CSS: ementa Texto Fontes Links Ícones Listas Tabelas DPW 2017.2 2 / 18 CSS: text Definição Formatar o texto quanto
Leia maisProgramação e Designer para WEB
Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Conceitos de HTML Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Definição de HTML Linguagem de marcadores (tags).
Leia maisFábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que
Leia maisCentro de Form. Profissional de Alverca HTML. Sessão 3 HTML. A estrutura básica de uma lista em HTML é:
HTML Sessão 3 HTML Criação de Listas HTML possui 2 tipos de listas: Listas ordenadas = Listas numeradas Listas não-ordenadas = Listas com marcas A estrutura básica de uma lista em HTML é: Reparar: o elemento
Leia maisINTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os
Leia maisDesenvolvimento WEB1 Aula 03 Profa Wanessa Machado do Amaral
Desenvolvimento WEB1 Aula 03 Profa Wanessa Machado do Amaral Surgimento do CSS Na aula passada tivemos uma breve introdução ao CSS Os documentos web, cada vez mais sofisticados e extensos, estavam fugindo
Leia maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Folhas de estilos em cascata Objetivo Formatar páginas escritas em HTML baseada nos padrões "Cascading Style Sheets",
Leia maisHTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
Leia maisCSS Cascading Style Sheets (Folhas de Estilo em Cascata)
CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Parte I CSS Basic 2 CSS Determina como elementos
Leia maisUnidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano
Programação para Internet Rica 1 Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano Objetivo: Apresentar conceitos de introduzir o uso de Folhas de Estilo em Cascata. Bibliografia: W3, 2009; CASCADE,
Leia maisDesenvolvimento Web. CSS Conceitos básicos parte I. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web CSS Conceitos básicos parte I Professor: Bruno Gomes 2011 INTRODUÇÃO O
Leia maisTutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva
CSS Site do Maujor Tutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva :: A propriedade text :: Os textos nos elementos HTML As propriedades para
Leia maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia maisHTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos
HTML: TEXTOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Cabeçalhos para títulos e sub-títulos Parágrafos Quebras de linhas Blocos
Leia maisExercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exercícios Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Maio de 2018 1 Exemplos e Exercícios Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: 2 4) Também é possível
Leia maisHTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia maisHTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)
HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o
Leia maisAplicação para Web I. Manipulando Imagens e Links
Aplicação para Web I Manipulando Imagens e Links Antes de começar O HTML também é uma linguagem de programação, então deve ser organizada de forma identada também. Estamos aprendendo agora a linguagem
Leia mais1) Em um documento separado fora de todos os documentos HTML;
Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte
Leia maisDisciplina: Desenvolvimento Web Professor: Paulo César Fernandes de Oliveira, BSc, PhD
1. O que é CSS? a) É a linguagem que se usa para se definir quais serão os elementos de uma página HTML. b) É uma linguagem que se usa para se modificar o estilo de apresentação dos elementos de uma página
Leia maisREDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Leia maisExemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exemplos Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Agosto de 2018 2 1 Exemplos Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: Profa. Flávia Pereira de Carvalho
Leia maisHTML, CSS e JavaScript
HTML, CSS e JavaScript Contato: Site: http://professores.chapeco.ifsc.edu.br/lara/ 1 Arquivo externo Dentro da tag head: 2 Qual a dirença
Leia maisLanguage que em tradução livre resulta em Linguagem Extensível para
6.6 XHTML: XHTML é a sigla em inglês para EXtensible HyperText Markup Language que em tradução livre resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir
Leia maisCriação de estilos CSS
Em primeiro lugar vamos inserir um parágrafo Marco Soares 1 Criação de estilos CSS Para começar, crie um site novo e uma página inicial para testes chamada index.html Vamos começar por criar alguns estilos
Leia maisTreinamento em CSS. Índice
Nível: Básico Horas: 2 Treinamento em CSS Índice Índice...1 Introdução...2 Formantando documentos...2 O que é CSS?...2 Por que utilizar CSS?...2 Separando o sistema em camadas...3 Vinculando um arquivo
Leia maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisIntrodução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;
Leia maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia maisTags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Leia maisInformática Básica. Aula 04 Internet e aplicativos
Informática Básica Aula 04 Internet e aplicativos Navegadores Nos últimos anos foram desenvolvidos vários tipos de aplicativos para visualizar as páginas dos sites desejados. O que são os NAVEGADORES?
Leia maisTAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Leia maisTarlis Portela Web Design CSS
Tarlis Portela Web Design CSS Web Design CONCEITOS 01 01 Histórico Quando o HTML foi criado, a intenção não era de forma alguma, formatar informação; A medida que o HTML foi se popularizando e evoluindo,
Leia maisUma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
Leia maisCSS EXTERNO. <head> <link href="estilo.css" type="text/css" rel="stylesheet" /> </head>
CSS DDW CSS EXTERNO O CSS é um arquivo que visa personalizar o modo como seu HTML aparece para o usuário. Ele deve ser chamado dentro da tag no topo do site.
Leia maisIntrodução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Leia mais