HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021)
|
|
- Amanda Manoela Fonseca Casqueira
- 8 Há anos
- Visualizações:
Transcrição
1 HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021)
2 Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home pages: : Recursos e técnicas para criação de páginas WWW Andreia Alcântara e etc, Editora Campus HTML - A referência completa Ian S. Graham, Editora Campus Na Internet 2
3 Algumas Definições O que é a Internet? Meio de comunicação mundial ou rede mundial de computadores Qual é a origem da Internet? Pós 2ª Guerra Havia uma necessidade de criar um meio de comunicação que interligasse os centros militares de comando e que não possuísse uma base específica! 3
4 Algumas Definições O que é uma URL? URL (Uniform( Resource Locator) Esquema utilizado na Web para localizar uma determinada página ou arquivo. Como é o formato de uma URL? Exemplo 4
5 Algumas Definições O que é um Site? É uma união de Páginas que visam formar um único documento interligado. O que é uma Home Page? Documento projetado para ser a página principal de um Site, com o objetivo de redirecionar o usuário para outras Páginas relacionadas dentro do site. 5
6 Algumas Definições O que é Web Application? É um serviço usado para executar tarefas específicas na Web. Alguns exemplos Projetos de Pesquisa (Resources( Resources) Trabalho Cooperativo Cultura Publicação Eletrônica Promoção de Produtos e Serviços Comércio Eletrônico (e-commerce Commerce) Suporte Técnico (Technet( Technet) 6
7 Algumas Definições O que é um Browser? É um Navegador Um programa que permite a navegação e visualização de Home Pages na Web. Quais são os utilizados atualmente? Netscape - 10 % dos internautas Internet Explorer - 85 % dos internautas Opera - 5 % dos internautas 7
8 Algumas Definições O que são Web Servers? São programas (Servidores) capazes de disponibilizar informações na Web. Alguns exemplos: Em ambiente UNIX: NCSA, CERN, Apache Em ambiente Windows: PWS, IIS, Netscape, WebSite. 8
9 Algumas Definições O que é HTML? (Hyper Text Markup Language) É uma linguagem de marcação usada na formatação de documentos na Web. Algumas Características: É interpretada pelo browser. Descreve o documento independente da plataforma de visualização. 9
10 Projetando Sites para Web Divulgação Registro em mecanismo de buscas Permutas de banners Assessoria de imprensa Compra de banners em outros sites Mídias Convencionais (Televisão, Rádio, OutDoor,...) 10
11 Características Gerais de HTML Como é um documento HTML? Conteúdo HTML é um arquivo ASCII Marcações (tags( tags) ) usam < e > Ex: : <Nome_Tag Tag> A maior parte aparece em pares Ex: : <Nome_Tag Tag> >... </Nome_Tag Tag> Maiúsculas X Minúsculas (Não é Case-Sensitive Sensitive) Comentários: <! > 11
12 Características Gerais de HTML Estrutura do documento <HTML> < HEAD> <TITLE> </TITLE> </HEAD> <BODY>... </BODY> </HTML> 12
13 Comandos Básicos de Formatação Estilos físicos <B> </B> <I> </I> <U> </U> <S>...</S> <TT> </TT> <SUB> </SUB> <SUP> </SUP> (Negrito) (Itálico) (Sublinhado) (Tachado) (Espaçamento igual) (Subscrito) (Sobrescrito) Estilos lógicos <STRONG> </STRONG> <EM> </EM> <CITE> </CITE> (Mesmo que negrito) (Mesmo que itálico) (Mesmo que itálico) 13
14 Comandos Básicos de Formatação Separadores <P> <BR> Quebra de paragráfo Quebra de linha <HR> Linha horizontal size = n (Tamanho) width = n (Largura absoluta) width = n % (Largura relativa) noshade (Sem 3D) 14
15 Comandos Básicos de Formatação Cabeçalhos <H1> </H1> até <H6> </H6> Texto Pré-formatado <pre> > </pre pre> 15
16 Comandos Básicos de Formatação Alinhamento de Texto <DIV align= = center >...</ >...</div> <DIV align= = left >...</ >...</div> <DIV align= = right >...</ >...</div> <DIV align= = justify >...</ >...</div> OU <P align= = center >...</p> <P align= = left >...</p> <P align= = right >...</p> <P align= = justify >...</p> 16
17 Caracteres Especiais Acentuação, em ambiente Windows, é produzida diretamente (norma ISO Latin 1) Codificação em HTML á á < < ã &atild; > > â â & & à à " ç ç
18 Listas 18
19 Listas não numeradas Exemplo: <UL> <LI> Correio Eletrônico </LI> <LI> Telnet </LI> <LI> FTP </LI> </UL> Observações: Listas podem ser aninhadas </LI> é opcional 19
20 Lista não-ordenada <UL> type= = disc circle circle square square <UL type= square > conteúdo </UL> 20
21 Listas numeradas Exemplo: <OL> <LI> Item número um.</li> <LI> Item número dois. </LI> <LI> Item número três. </LI> <LI> Item número quatro. </OL> Observações: Listas podem ser numeradas </LI> é opcional 21
22 Lista ordenada <OL> type="1" "A" "a" "I" "i" start=número inicial Lista ordenada: <OL type="i" start=5> <LI>Item número um.</li> <LI>Item número dois. </LI> <LI>Item número três. </LI> </OL> 22
23 Listas de definição Exemplo: <DL> <DT>Telnet Telnet</DT> <DD>É o protocolo mais usado na Internet para criar uma conexão com um nó remoto.</dd> <DT>FTP</DT> <DD>O "File Transfer Protocol" é o principal método de se transferir arquivos pela Internet. </DD> </DL> Observação: </DT> e </DD> são opcionais 23
24 Interligando documentos (Links) 24
25 Interligando Documentos Desviando para outro documento: <A HREF="url destino">texto</a> Observações: Caminhos relativos X absolutos Barras de diretórios: usar "/" em lugar de "\ Dentro de URLs, maiúscula é diferente de minúscula URL destino pode ser: outro documento, uma imagem, uma música, etc. 25
26 Interligando Documentos Interligando seções em uma página Definição de uma seção: <A NAME="seção">... </A> Link para uma seção da mesma página: <A HREF="#seção">... </A> Link para uma seção de outra página <A HREF="arquivo#seção">... </A> 26
27 Interligando Documentos Enviando mensagens de correio eletrônico <A HREF="mailto Quando o link for acionado, abre o programa de correio eletrônico do navegador, permitindo que o usuário envie uma mensagem para o endereço especificado. 27
28 Imagens, Fontes e Cores Multimídia Animações 28
29 Imagens, Fontes e Cores (I) Imagens embutidas num documento <IMG SRC= URL da imagem > Podem ser GIF ou JPG Atributos: ALT= texto alternativo mostrado no lugar da imagem ALIGN= TOP / BOTTOM / MIDDLE / LEFT / CENTER / RIGHT BORDER= largura da borda quando usada como âncora WIDTH= largura em pixels HEIGHT= altura em pixels VSPACE= espaço vertical ao redor da imagem em pixels HSPACE= espaco horizontal ao redor da imagem em pixels 29
30 Imagens, Fontes e Cores (II) Usando imagens como links: <A HREF= link.html html ><IMG SRC= x.gif gif ></A> Escolhendo Fontes e Cores de Caracteres <FONT SIZE = [+ ou -] número de 1 a </FONT> FACE = fonte1, fonte2, COLOR = cor do texto > 30
31 Imagens, Fontes e Cores (III) Imagem de fundo da página <BODY BACKGROUND= URL da Imagem > Cor de fundo, texto e links <BODY BGCOLOR= cor (fundo) TEXT= cor (texto) LINK= cor (links não visitados) ALINK= cor (links enquanto acionados) VLINK= cor (links já visitados) > 31
32 Imagens, Fontes e Cores (IV) A cor pode ser identificada pelo nome ou por #RRGGBB Exemplos: White #FFFFFF Red #FF0000 Green #00FF00 Coral #FF7F00 32
33 Manuseio de imagens (I) Qualquer programa de edição de imagens pode ser usado. Exemplos: Photoshop, Corel Draw, PaintShop Pro. 33
34 Manuseio de imagens (II) Operações comuns com imagens: Digitalização por scanner Captura de tela Redução e ampliação Recorte Alteração do formato gráfico Fundo transparente 34
35 Manuseio de imagens (III) Imagens Mapeadas A forma da sub área pode ser: Retângulo Círculo Polígono Existem inúmeros utilitários para facilitar a tarefa de marcar regiões numa imagem, gerando os comandos correspondentes (MapEdit, MapThis,, ) 35
36 Animações (I) GIFs Animados Composição de várias imagens em sequência num único arquivo GIF Montagem é feita com um programa a parte. Ex: Gifcon, GifAnimator, AnimaGif,,... MARQUEE <Marquee>...</ >...</Marquee> Permite criar letreiro de texto rolável Só funciona no IE e no Firefox 36
37 Animações (II) Animações em JAVA São produzidas por um programa (applet( applet) Pode usar uma applet pronta fornecida pela Sun java.sun.com/.com/applets/animator/index.html Mais difícil que criar um GIF animado HTML Dinâmico Só funciona nos browsers 4.x ou superior Controle sobre posição dos elementos através de linguagens de script 37
38 Multimídia (I) Exigem que o usuário possua um programa externo/plugin Formatos de áudio: wav,, mp3, au, aiff, mid, ra, etc. Formatos de vídeo: avi, mov, mpeg, rm, etc. 38
39 Multimídia (II) Inserindo áudio e vídeo: Através de links: <A HREF= xmas xmas.wav >link p/ música</a> Embutidos no documento: <EMBED SRC= x.avi avi > No Internet Explorer: <IMG DYNSRC= x.avi avi > <BGSOUND SRC= x.wav wav > 39
40 Tabelas 40
41 Tabelas (I) Definição da tabela em si: <TABLE>... </TABLE> Atributos: BORDER = largura da borda em pixels CELLSPACING = espaço entre as células CELLPADDING = espaço entre o texto e as bordas WIDTH = largura da tabela HEIGHT= altura da tabela BORDERCOLORLIGHT BORDERCOLORDARK 41
42 Atributos de TABLE border=pixels cellspacing=pixels cellpading=pixels espessura da borda espaço entre as células espaço entre dados e célula 42
43 Atributos de TABLE bgcolor=cor width=pixels/porcentagem height=pixels/porcentagem 43
44 Tabelas (II) Definição dos elementos da tabela: <CAPTION>...</CAPTION> - Título <TH>...</TH> - Cabeçalho <TR>...</TR> - Linha <TD>...</TD> - Célula Atributos: VALIGN = alinhamento vertical (TOP, MIDDLE ou BOTTOM) ALIGN = alinhamento horizontal (LEFT, CENTER ou RIGHT) ROWSPAN = número de linhas ocupadas pela célula COLSPAN = número de colunas ocupadas pela célula WIDTH = largura da célula HEIGHT = altura da célula 44
45 45
46 Tabela<TABLE> 46
47 Tabela<TABLE> Título CAPTION> 47
48 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> 48
49 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> Cabeçalho (Table Header)<TH> 49
50 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> Cabeçalho (Table Header)<TH> Célula (Table Date) <TD> 50
51 Atributo de CAPTION (align( align) <CAPTION align=top> <CAPTION align=bottom> 51
52 Tabelas (III) Aplicando cores na tabela: BGCOLOR pode ser usado dentro de <TABLE> <TH> <TR> <TD> Aplicando imagem ao fundo de uma tabela: BACKGROUND pode ser usado dentro de : <TABLE> <TH> <TD> 52
53 Exercício 53
54 Frames 54
55 55
56 56
57 57
58 58
59 59
60 60
61 61
62 62
63 63
64 Frames Arquivo FRAMESET Define a divisão da tela em frames Exemplo: <HTML> <HEAD> </HEAD> <FRAMESET > <FRAME SRC= URL > <FRAME SRC= URL > </FRAMESET> </HTML> 64
65 Frames (II) Alguns atributos de frameset: COLS = 200,* ROWS = 30%,* BORDER = N (Largura da Borda) FRAMEBORDER = yes no FRAMESPACING = N (espaço entre frames) Alguns atributos de frame: SRC NAME SCROLLING = YES ou NO NORESIZE MARGINHEIGHT MARGINWIDTH (URL do Documento) (Nome do Frame) (Se tem ou não Scroll) (Tamanho fixo) (Altura de Margem) (Largura da Margem) 65
66 Frames (III) Compatibilizando o documento com navegadores que não utilizam frames: <HTML> <HEAD> </HEAD> <FRAMESET > <FRAME SRC= URL > </FRAMESET> <NOFRAMES> </NOFRAMES> </HTML> 66
67 Frames (IV) Links em páginas com frames <A HREF= url da pagina TARGET= nome do frame > Nomes especiais: _blank _self _parent _top 67
68 Formulários 68
69 Formulários: Codificação Básica <FORM METHOD= POST GET ACTION= URL do CGI >... definição dos ítens do formulário... </FORM> Para enviar o formulário por mail: <FORM ACTION= mailto mailto:nome@servidor ENCTYPE= text text/plain > 69
70 Formulários Campo de Texto Exemplo:... Conta:<INPUT TYPE= TEXT NAME= conta SIZE= 20 MAXLENGTH= 20 > Senha:<INPUT TYPE= PASSWORD NAME= senha SIZE= 20 MAXLENGTH= 20 >... Visualização: 70
71 Formulários (II) Área de Texto Exemplo:... Comentários:<BR> <TEXTAREA NAME= texto ROWS= 3 COLS= 40 > Digite aqui um texto qualquer. </TEXTAREA>... Visualização: 71
72 Formulários (III) Menus Exemplo:... Sexo: <SELECT NAME= sexo >... <OPTION SELECTED>Masculino <OPTION>Feminino </SELECT> Visualização: 72
73 Formulários (IV) Botões Sim ou Não Exemplo:... Áreas de interesse: <BR> <INPUT TYPE= checkbox checkbox NAME= b1 VALUE= Redes >Redes<br> <INPUT TYPE= checkbox checkbox NAME= b2 VALUE= BD >Bancos de Dados<br>... Visualização: 73
74 Formulários (V) Botões de Rádio Exemplo:... Sexo: <INPUT TYPE= RADIO NAME= sexo VALUE= M > Masculino... <INPUT TYPE= RADIO NAME= sexo VALUE= F >Feminino Visualização: 74
75 Vários Ítens Exemplo: <SELECT NAME="item" MULTIPLE SIZE=7> <OPTION> Item1 <OPTION SELECTED> Item 2 <OPTION SELECTED> Item 3... </SELECTED> 75
76 Formulários (VI) Botões de Envio Exemplo:... <INPUT TYPE= SUBMIT VALUE= Envia > <INPUT TYPE= RESET VALUE= Limpa >... Visualização: 76
77 Publicando Documentos 77
78 Publicando Documentos Para publicar uma página na Internet é necessário alojá-la la num servidor WWW (provedor de serviços internet). Publicação gratuita: Publicação na UFRJ: É necessário abrir conta na máquina ACD. acd.ufrj.br/~.br/~seunome 78
79 Publicando Documentos (II) O administrador pode definir outras associações Nome de arquivo padrão: index.html Atualização dos arquivos via FTP 79
80 FIM
Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisQuem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Leia maisUnidade IV Introdução à Linguagem PHP Parte 1
Unidade IV Introdução à Linguagem PHP Parte 1 Professor Fabiano de Paula Soldati fpsoldati@yahoo.com.br http://br.groups.yahoo.com/group/professorsoldati/ Introdução HTML = HyperText Markup Language HTML
Leia maisDESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia mais6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Leia maisProfa. Reane Franco Goulart
Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente
Leia maisWEB DESIGNER WEB DESIGNER
WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador
Leia maisAutoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
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 Apresentar
Leia maisProf.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
Leia maisHTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários
HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher
Leia maisProgramação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-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 maisAplicação para Web I. Começando a compreender o HTML
Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando
Leia mais( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho -
Apostila de XHTML ( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho - Prof. Luis Rodrigo de O. Gonçalves E-mail:luisrodrigoog@yahoo.com.br site: http://www.lrodrigo.cjb.net Prof.
Leia maisAula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
Leia maisCEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
Leia maisLinks e Frames José Antônio da Cunha
Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos
Leia maisFerramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
Leia maisCurso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br
Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Definições conceituais O que é HTML? Criando e publicando uma página web Elementos da HTML Estrutura básica de uma página HTML
Leia maisCURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1
ESCOLA ESTADUAL PROF. JOSÉ BARROSO TOSTES PROFESSOR: ESP. ANDREW RODRIGUES CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 1 APOSTILA DE INTRODUÇÃO À LINGUAGEM
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 maisMODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
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 maisCertificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela
Certificado ISO 9001:2000 Nº 23.0021/98 Centro de Informática CETEP Quintino www.ciquintino.com.br Elaborada por: Wanderson Mirandela A POLÍTICA DA QUALIDADE DO CI Prover cursos de nível básico profissionalizante
Leia mais1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?
HTML 1. INTRODUÇÃO HTML abreviação de HiperText Markup Language é a linguagem de programação que usamos para criar uma página Web, que, por sua vez, será composta de textos e comandos especiais, chamados
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 Tutorial - Autoria em World Wide Web
RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip janeiro 1996 Tutorial - Autoria em World Wide Web Parte IV - Hypertext
Leia maisApostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB -
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Taquara - RS Sumário Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html
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 Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a 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 Apresentar as
Leia maisVejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Leia maisC A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML
C A P I T U L O 0 1 I N T R O D U Ç Ã O A O XHTML 1 O QUE É XHTML? XHTML significa Linguagem de Marcação de Hipertexto (Extensible Hypertext Markup Language) XHTML é quase idêntico ao HTML 4.01 XHTML é
Leia maisA estrutura de um documento HTML apresenta os seguintes componentes:
A estrutura de um documento HTML apresenta os seguintes componentes: Titulo do Documento texto, imagem, links,... As etiquetas HTML não são sensíveis
Leia maisProgramação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
Leia maisProgramação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza
Formulários Em PHP Métodos GET e POST progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Entender o funcionamento
Leia maisSe eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções,
Desenvolvimento WEB APOSTILA por Lucília Ribeiro Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções, não citaria
Leia maisHTML - Hyper Text Markup Language. Curso Básico Prof. Pedro Luiz O. Costa Bisneto
HTML - Hyper Text Markup Language Curso Básico Prof. Pedro Luiz O. Costa Bisneto Sumário Introdução 3 Exemplo de página HTML básica 4 Tags do HTML 5 Cabeçalho 5 Estilos 6 Corpo da página 8 Texto e parágrafo
Leia mais<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
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 maisTecnologias Web. Formulários HTML
Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário
Leia maisLinguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br
Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário
Leia maisHTML Página 29. Índice
PARTE - 5 HTML Página 29 Índice HTML - Hiperlinks... 30 Frames com links... 31 O código fonte do arquivo índex.htm... 31 Conhecendo os comandos border e bordercolor do frame... 31 Conhecendo os comandos
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 maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Leia maisHTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10
HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere
Leia maisPROGRAMAÇÃO WEB DO LADO DO CLIENTE
PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,
Leia maisProgramação WEB I. Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015
Programação WEB I Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015 Desenvolvendo Aplicações WEB Aplicativos web estão em alta hoje em dia. Cada vez mais antigos sistemas desktops migram
Leia maisHTML: Formulários Programação de Servidores
HTML: Formulários Programação de Servidores Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Exemplo 2 Criando um Formulário Um formulário é composto
Leia maisAutoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML
Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes
Leia maisAndré Kawamoto NE31A
André Kawamoto NE31A Internet Internet: uma coleção de redes Todos os computadores conectados à Internet fazem parte de uma rede (rede local, rede doméstica) Rede de Redes Internet x WWW Internet e World
Leia maisIntrodução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
Leia maisHTML Básico Formulários. Matheus Meira
HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo
Leia maisRelatório: Página HTML
Universidade do Minho Escola de Engenharia Relatório: Disciplina: Linguagens de Programação Curso: Engenharia e Gestão Industrial Carolina Fernandes N.º40532 Guilherme Bacinello N.º42119 Diana Rocha N.º40536
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 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: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo
Leia mais> Herbet Ferreira Rodrigues > contato@herbetferreira.com
Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação
Leia mais4. Características Gerais das Tabelas do HTML
4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag
Leia maisIntrodução à Linguagem HTML
Introdução à Linguagem HTML HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) é fruto do "casamento" dos padrões HyTime e SGML.; HyTime - Hypermedia/Time-based Document Structuring
Leia maisCurso PHP Básico. Jairo Charnoski do Nascimento
Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores
Leia maisProva de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
Leia maisgedit Bloco de notas
GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução
Leia maisPÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,
Leia maisHTML Página 1. Índice
PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...
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 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 maisWeb. Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com
Web Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com Objetivos O que é uma aplicação Web? Web x Stand-Alone Web x Cliente Servidor Tradicional Tipos de Aplicação Dois
Leia maisWeb Design Livre. do GIMP ao HTML <HTML> Jezmael Basilio Marcos Vinícius
Web Design Livre do GIMP ao HTML Jezmael Basilio Marcos Vinícius GIMP 1. Introdução GIMP é o acrônimo para GNU Image Manipulation Program (Programa de Manipulação de Imagens do GNU). Como o próprio
Leia maisProgramação web Prof. Wladimir
Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos
Leia maisLINGUAGEM DE PROGRAMAÇÃO WEB
LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.
Leia maisWeb design & HTML. avançado
Web design & HTML avançado Helder da Rocha Rev.: WDHT-03-2000/04 A4 (ASIT) Copyright 1998, 1999, 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos do autor sobre esta obra
Leia maisOPERAÇÃO DE SOFTWARE E APLICATIVOS
OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6
Leia maisIntrodução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
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 Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas
Leia maisLinguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc
Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),
Leia maisTECNOLOGIA WEB Aula 1 Evolução da Internet Profa. Rosemary Melo
TECNOLOGIA WEB Aula 1 Evolução da Internet Profa. Rosemary Melo Tópicos abordados Surgimento da internet Expansão x Popularização da internet A World Wide Web e a Internet Funcionamento e personagens da
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 maisCRIAÇÃO DE SITES (AULA 3)
Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 3) Mais algumas tags Existem tagsque são abertas e fechadas em única tag. Estas
Leia maisFormulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.
Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisInstalação/ Operacionalização
Cobrança Site (Segunda via do Bloqueto Digital) Instalação/ Operacionalização Manual do Desenvolvedor Windows NT 4.0 ou Superior Listagem de títulos Método geracripto pesquisa bloqueto 20/02/2008 ÍNDICE
Leia maisAcessibilidade na web e HTML5 Desenvolvendo uma web para todos. Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br
e HTML5 Desenvolvendo uma web para todos Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners- Lee com organizações filiadas,
Leia maisLinguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira
Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.
Leia maisINTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz
INTRODUCAO DESENVOLVIMENTO E DESIGN DE FRAMES Algumas páginas da internet são congeladas em seu cabeçalho ou em seu lado esquerdo, para construção de menus que geralmente precisam estar disponíveis para
Leia maisJavaScript. Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) Notas de Aula Aula 12 1º Semestre - 2011. UNIJUÍ DETEC Ciência da Computação
UNIJUÍ DETEC Ciência da Computação Prof. Msc. Juliano Gomes Weber (jgw@unijui.edu.br) JavaScript Notas de Aula Aula 12 1º Semestre - 2011 Tecnologias Web jgw@unijui.edu.br Introdução Com JavaScript implementamos
Leia maisPersonal Home Page PHP. Prof. Luiz Claudio F. de Souza www.luizclaudiofs.blogspot.com
Personal Home Page PHP 1 O que é PHP? PHP (Personal Home Page) é uma linguagem que permite criar sites WEB dinâmicos, possibilitando uma interação com o usuário através de formulários, parâmetros da URL
Leia maisFormatos de publicidade
1 Formatos de publicidade Superfull 728x90 px Superfull 728x90 px E-mail marketing E-mail marketing Anuncie no ZAP Publicidade Anuncie no ZAP Publicidade Formato disponível para a home de imóveis, revista
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
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 mais3 HTML Tabelas, frames e formulário
3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos
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 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 maisIniciando PHP. Agenda
Agenda Módulo 2 Iniciando PHP Professor: Eduardo Mendes Visão Geral Arquitetura Cliente-Servidor Programas Básicos Sintaxe do PHP HTML Básico Formulários Manipulação de Strings Controle de Fluxo Visão
Leia maisMódulo: Criação de Páginas WEB
Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque
Leia maisIntrodução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel
Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de
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 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 maisTecnologias da Internet (T) Avaliação de Frequência (versão A) 120 minutos * 11.04.2013
1 Este é o seu teste de avaliação de frequência. Leia as perguntas com atenção antes de responder e tenha atenção que algumas perguntas podem ter alíneas de resposta em páginas diferentes. Escreva as suas
Leia maisDesenvolvedor Web Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável
Leia maisINTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz
INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço
Leia mais