Construção de Páginas para Internet INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6
|
|
|
- João Vítor Barateiro Lage
- 7 Há anos
- Visualizações:
Transcrição
1 Índice INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6 4. COLORIR UMA PÁGINA 7 5. FORMATAÇÃO 8 6. ANIMAÇÃO DE TEXTO E IMAGENS 10 Pág 1
2 7. UTILIZAÇÃO DE IMAGENS CONSTRUÇÃO DE TABELAS UTILIZAÇÃO DE SOM HIPERLIGAÇÕES UTILIZAÇÃO DE FRAMES UTILIZAÇÃO DE FORMULÁRIOS 22 Pág 2
3 Introdução Organização do Manual O objectivo deste manual é prestar auxilio ao formando durante as sessões de formação do módulo. Não se pretendem por isso, descrever todas as potencialidades do Html, mas sim guiar o formando na utilização de uma ferramenta que, em alguns casos poderá constituir uma primeira abordagem ao mundo da programação. O próprio manual só poderá ter sentido enquanto parte integrante de um todo em que consiste o conjunto das sessões de formação do módulo Construção de Páginas para Internet. Para uma melhor performance ao nível da utilização mais correcta do Html e de outros pressupostos, o formando deverá ter frequentado anteriormente o módulo Sistema Operativo Windows. O Html O Html é uma linguagem para a criação de páginas WWW. As instruções Html são incluídas directamente num Processador de Texto que poderá ser tão simples como o Bloco de Notas, ou outro qualquer mais elaborado. Pág 3
4 1. Breve Iniciação ao Html O QUE É O HTML... É uma linguagem para páginas Web. O QUE NECESSITO PARA PROGRAMAR... Basicamente tudo o que necessitamos para programar em Html, é de um processador de texto, o simples NotePad do Windows serve, e de um Browser. COMO FAÇO PARA CONSTRUIR UMA PÁGINA... Primeiro que tudo deveremos iniciar o NotePad, e digitar as seguintes linhas: <html> </html> As mesmas significam o inicio e final do código a ser digitado em Html. Para além disso deveremos guardar o ficheiro com um nome á nossa escolha e extensão htm, por exemplo no ambiente de trabalho do Windows. Pág 4
5 2. Exemplo de uma Página OBJECTIVO DA PÁGINA... Pretende-se saudar o utilizador de uma página, através de código em Html. COMO CRIAR O CÓDIGO NECESSÁRIO... Começaremos por abrir o Notepad e digitar o seguinte código: <html> <head> <title>primeira Aplicação</title> </head> <body> Texto em html </body> </html> Agora, vamos passar á fase de gravação do ficheiro, que se irá chamar Primeira.htm, o qual será posicionado por exemplo no Ambiente de Trabalho do Windows. Fechado ou minimizado, o NotePad, é chegado o momento de testar a nossa página com um duplo clique sobre o ficheiro Primeira.htm. Pág 5
6 3. Estrutura do Código QUASE SEMPRE IGUAL... Como foi visto no exemplo apresentado, deveremos partir sempre de uma página WWW, o que nos leva a ter de compreender um pouco, a sua estrutura. <html>, significa inicio da codificação em html, o que leva a pressupor que </html>, deixa entender o seu final. Um documento html, possui sempre dois pontos importantes, o head e o body, que permitem a divisão do código em duas partes distintas, o cabeçalho, por assim dizer e a parte que irá conter o maior número de informação da página. EXPLICAÇÃO DO CÓDIGO UTILIZADO... <title>primeira Aplicação</title> Texto em html Pág 6
7 4. Colorir uma Página O QUE POSSO FAZER... Quando pretendemos dar um toque de fantasia á nossa Página, podemos começar por incluir nela, por exemplo, uma cor de fundo. COMO POSSO FAZER... Sem dar a devida atenção ás instruções que temos abordado, vamo-nos concentrar na linha que até agora temos digitado apenas como <body>. <body> Pois é, de tão simples que era passará agora para: <body bgcolor= green > O resultado não se faz esperar, e ei-nos deparados com uma Página decorada com um fundo verde. A partir daqui a selecção das cores dever-se-á efectuar de acordo com conteúdo da já referida Página, sendo aconselhável uma utilização moderada das respectivas cores. Pág 7
8 5. Formatação OBJECTIVO DA PÁGINA... Escrever numa página, como vimos, não é difícil. E que tal formatar o tipo de letra. COMO CRIAR O CÓDIGO NECESSÁRIO... As instruções baseiam-se nas páginas já criadas, pelo que nos iremos debruçar apenas nas novidades introduzidas. <html> <head> <title>primeira Aplicação</title> </head> <body> <font face= Comic Sans Ms color= Blue size= 2 > Texto em html </font> <img src="foto.bmp" width="200" height="150"><br> </body> </html> O código introduzido antes do texto permite neste caso seleccionar o tipo de letra Comic Sans Ms, a cor Azul e o tamanho 2, sendo o mesmo concluído com a instrução </font>, para que o texto que seja digitado a seguir não obtenha a mesma formatação. Pág 8
9 Como complemento podemos acrescentar três novas instruções que permitem uma formatação mais completa. <font face= Comic Sans Ms color= Blue size= 2 > <b>texto</b> <i>em</i> <s>html</s> </font> O instrução <b>, concluida por </b>, e que possibilita o colocar de uma palavra ou expressão em negrito, <i> e </i>, para o itálico e <s> e </s> para sublinhar. Ao digitar um texto, é normal que o mesmo seja alinha automaticamente á esquerda pelo que é necessário recorrer a <center> ou <div align = "right">, para centrar ou alinhar a direita, sendo as instruções concluídas por </center> ou </div>. <font face= Comic Sans Ms size= 2 > <b>texto em Comic </b> </font> <font face= Arial size= 2 > Texto em Arial </font> A mudança de linha pode ser efectuada pela utilização de <br> ou <p>. Pág 9
10 6. Animação de Texto e Imagens OBJECTIVO DA PÁGINA... Se tem movimento chama a atenção e se chama a atenção que tal um pouco de movimento para texto e imagens. COMO CRIAR O CÓDIGO NECESSÁRIO... Partindo mais uma vez do código base, vamos explorar as várias formas de atribuir movimento a texto ou imagens. <html> <head> <title>primeira Aplicação</title> </head> <body> <marquee> <img src="foto.bmp" width="200" height="150"> </marquee> </body> </html> Como se pode observar o comando que atribui movimento é <marquee>, que irá possibilitar uma animação, neste caso a uma imagem, na horizontal e no sentido direita, esquerda, sendo no entanto opcional o recurso a outras direcções, como se enumera de seguida. <marquee direction = "right"> <img src="foto.bmp" width="200" height="150"> </marquee> Em direction, podemos digitar também up ou down, consoante a direcção pretendida Pág 10
11 Para atribuir ainda mais versatilidade á instrução é fácil fazer uso de uma nova possibilidade acrescida ao comando já digitado e que lhe vai condicionar o comportamento. <marquee direction = "right" behavior = "alternate"> <img src="foto.bmp" width="200" height="150"> </marquee> Em behavior, podemos digitar também slide, se o pretendido é que o movimento se realize apenas uma vez. Pág 11
12 7. Utilização de Imagens OBJECTIVO DA PÁGINA... Partindo da Primeira Página, pretendemos agora introduzir um novo elemento na nossa página, neste caso uma pequena imagem. COMO CRIAR O CÓDIGO NECESSÁRIO... Por uma questão de poupança de tempo, partiremos do código já criado no nosso primeiro exemplo, guardando o ficheiro com um novo nome, Segunda.htm, a fim de preservar o trabalho anterior. <html> <head> <title>primeira Aplicação</title> </head> <body> Texto em html<br> <img src="foto.bmp" width="200" height="150"><br> </body> </html> Pág 12
13 Como podemos observar o código <img src> serve para identificar a imagem pretendida, a qual deverá ainda ser formatada em termos de altura e largura, a fim de ser posteriormente visualizada na Página WWW. Se por outro lado pretendermos inserir uma imagem como fundo da página que estamos a criar poderemos digitar em <body> a seguinte instrução: <body background= Nome da Imagem > O resultado será a imagem por nós seleccionada, visualizada como fundo da páginas que estamos a construir. Ainda assim, ao utilizarmos o elevador vertical, iremos observar que a imagem de fundo acompanha o movimento efectuado, o que poderá ser evitado alterando a instrução da seguinte forma: <body background= Nome da Imagem bgproperties= fixed>> Pág 13
14 8. Construção de Tabelas PARA QUE SERVEM... Torna-se necessário por vezes, para uma melhor arrumação dos elementos de uma página ou para uma utilização efectiva da mesma o recurso a uma tabela. COMO POSSO FAZER... Vamos partir da linha <body> para iniciar a construção da nossa tabela. <body> <table> <tr> <td> Coluna 1 Linha 1 <td> Coluna 2 Linha 1 <tr> <td> Coluna 1 Linha 2 <td> Coluna 2 Linha 2 </table> </body> Como se pode observar a instrução <table> irá permitir a criação de uma tabela, sendo que <tr> informa o browser do inicio de uma nova linha e por fim <td> a existência de uma coluna. Para um melhoramento da nossa tabela, iremos agora alterar a linha <table> para: <table border=1 width="20%"> Pág 14
15 A alteração reside no facto de ser visível agora, um traço delineado em toda a tabela, bem como largura da mesma ser proporcional á página no valor inserido e width. Continuando com alterações podemos também seleccionar cor de traço e inclusive a cor de fundo, digitando novamente a instrução table: <table border=1 bgcolor= blue" bordercolor= green Exemplo da utilização de uma Tabela para tratamento de texto. Exemplo da utilização de uma tabela para tratamento e posicionamento de imagem. Pág 15
16 texto. Exemplo da utilização de uma tabela para tratamento e posicionamento de imagem e Pág 16
17 9. Utilização de Som ALGUMA FANTASIA... Sem cair em exageros o som pode e deve ser utilizado como complemento das páginas por nós criadas. O SOM EM HTML... Para inserir som numa página WWW, teremos apenas de nos posicionarmos abaixo da linha de <body> e digitar a seguinte instrução: <bgsound src= Nome do Ficheiro > Pág 17
18 10. Hiperligações PARA QUE SERVEM... As hiperligações ou links, possibilitam a navegação entre as várias páginas relativas a um mesmo assunto. COMO CRIAR LINKS... Para criar um link deveremos digitar a instrução <a href= Nome da Página >Legenda</a>. O resultado seria a palavra Legenda como link para a Página cujo nome foi colocado frente ao sinal de igual. Ou seja, imaginemos duas páginas, um.htm acerca do assunto Praia e dois.htm relativa ao assunto Mar. As instruções seriam as seguintes: <a href= um.htm > Natureza </a><a href= dois.htm > Mar </a> Link Pág 18
19 11. Utilização de Frames O QUE SÃO... Frames não são mais do que divisões que podemos efectuar na página que estamos a visualizar. COMO CONSTRUIR FRAMES... Uma página pode dividir-se em frames utilizando para isso <frameset>, tendo em conta duas informações cols e rows. <frameset rows= 30%, * > O código apresentado efectua uma divisão da janela em duas linhas, a primeira ocupando 30% da área da mesma e a segunda tomando como sua a restante área. Torna-se depois necessário informar cada uma das frames acerca da página que vão conter. Para isso recorremos ao seguinte código: <frame src= 1.htm name= um noresize scrolling= yes > No exemplo apresentado, indicamos a página 1.htm para a primeira frame. Acrescentamos ainda um nome para a mesma frame(um), que no nosso caso não poderá ver a sua área alterada (noresize), contando por fim com uma barra de deslocamento(scrooling= yes ). OBJECTIVO DA PÁGINA... Criar uma página que permita visualizar duas páginas diferentes em simultâneo. Pág 19
20 COMO CRIAR O CÓDIGO NECESSÁRIO... Página 1.htm <html> <head> <title> Janela Principal </title> </head> <frameset rows= 20%, * > <frame src= 2.htm > <frame src= 3.htm > </frameset> </html> Página 2.htm <html> <head> <title> Página 2 </title> </head> <body> Olá esta é a Página 2 </body> </html> Página 3.htm <html> <head> <title> Página 3 </title> </head> <body> Olá esta á a página 3 </body> </html> Pág 20
21 Como se pode observar, ao abrir a página 1.htm, dispomos da visão da página 2 e 3, que neste caso não apresentam outra funcionalidade que não o servir de exemplo á utilização de frames. Pág 21
22 12. Utilização de Formulários COMO CONSTRUIR... Como em muitos outros elementos, os formulários são iniciados com <form> e finalizados com </form>. Textarea A área de texto é um campo no qual podemos introduzir informação, utilizando várias linhas. <Textarea name= nome rows=10 cols=10> Texto </Textarea> Text A caixa de texto é um campo no qual podemos introduzir informação, utilizando uma linha. <Input type= text name= txt value= Olá > Password É um elemento que permite trabalhar com passwords. <Input type= password name= pass size= 10 > Botão É um elemento que permite trabalhar com botões. <Input type= button name= botão value= Ok onclick= a() > Pág 22
gedit 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
Autoria 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
CEEP-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
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
Programação para Internet I 5. XHTML. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet I 5. XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Standard do W3C (www.w3c.org) desde 1999 Pode ser considerada a mais recente versão da linguagem HTML É uma aplicação
HTML Parte II. André Tavares da Silva.
HTML Parte II André Tavares da Silva andre.silva@udesc.br Tag BODY - Formatação Cores de textos da página text = texto normal da página
Programação WEB I Funções
Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.
Quem 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;
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Todo documento HTML apresenta elementos entre os símbolos (< e >). Esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria
1. Como fazer uma pesquisa
1. Como fazer uma pesquisa Formulários Cada formulário possui quatro controlos: o operador lógico, o campo de pesquisa, a caixa de inserção de texto e o botão de termos de pesquisa. Para realizar uma pesquisa
FOLHA DE CÁLCULO ELABORAÇÃO DE GRÁFICOS
ELABORAÇÃO DE GRÁFICOS Elaboração de gráficos Os gráficos são visualmente atraentes e constituem uma fantástica ajuda para a apresentação e interpretação de dados armazenados numa folha de cálculo. Numa
HTML 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
Manual de Utilização
Manual de Utilização Índice 1. Localização dos Ficheiros Normas de Utilização... 3 2. Alteração do ficheiro das Normas de Utilização... 5 3. Inserir Normas de Utilização de um Produto... 7 4. Editor de
1. Manual Resumido de Gestão de Contratos
1. Manual Resumido de Gestão de Contratos ÍNDICE 1. MANUAL RESUMIDO DE GESTÃO DE CONTRATOS 1 1.1 MENU GESTÃO DE CONTRATOS... 3 1.1.1 INTRODUÇÃO... 3 1.1.2 APRESENTAR CONTRATOS... 3 1.1.2.1 PASSO 1 IDENTIFICAÇÃO
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais AMANDA - TUTORIAL HTML Básico Oficina de produção de tutoriais
FOLHA DE CÁLCULO VAMOS APRENDER
VAMOS APRENDER Operações elementares numa folha de cálculo: Movimentação na folha de trabalho Inserção de dados numa célula Inserção de Comentários numa célula Eliminar o conteúdo de uma célula Formatação
TECNOLOGIAS 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
Inserir e Manipular Tabelas no Microsoft Word
Inserir e Manipular Tabelas no Microsoft Word Pré-requisitos: Windows, Word Software utilizado: Windows XP, Word 2003 Uma outra versão de software menos actual ou mais actual pod, contudo, ser utilizada.
Microsoft Excel Ficha prática n. 8
1. Inicie o Microsoft Excel e abra o livro apoio_ficha8.xlsx. 2. Grave o livro com o nome Ficha8. 3. Crie uma macro, usando o gravador de macros, que formate a vermelho as notas finais negativas duma pauta
MATRIZ DA PROVA DE EXAME DE EQUIVALÊNCIA À FREQUÊNCIA A NÍVEL DE ESCOLA DE INTRODUÇÃO ÀS TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO (PROVA 24)
MATRIZ DA PROVA DE EXAME DE EQUIVALÊNCIA À FREQUÊNCIA A NÍVEL DE ESCOLA DE INTRODUÇÃO ÀS TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO (PROVA 24) 2011 9º Ano de Escolaridade 1. INTRODUÇÃO O exame desta disciplina
Elementos HTML. O parágrafo pode ter seu alinhamento alterado, se usar o parâmetro ALIGN.
Elementos HTML Parágrafos e Quebras de Linha A linguagem HTML não reconhece as quebras de linha geradas pelo uso da tecla e os espaços (no caso mais de um) incluídos por meio do teclado. Comando...
HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br
HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home
Área Reservada do Beneficiário da ADM Informação em Tempo Real.
Área Reservada do Beneficiário da ADM Informação em Tempo Real. Os conteúdos disponíveis na área reservada dos Beneficiários da Assistência na Doença aos Militares (ADM), no portal IASFA/ADM na internet,
HTML. HyperText Markup Language
HTML HyperText Markup Language HTML Linguagem de Marcadores de Hipertexto Baseada em tags Diferentemente de outras linguagens como C e Pascal, a linguagem HTML não é compilada e sim interpretada. Estrutura
Curso Básico de PowerPoint 2010
UNIVERSIDADE FEDERAL DO PARÁ PRÓ- REITORIA DE EXTENSÃO INSTITUTO DE CIÊNCIAS EXATAS E NATURAIS PROJETO DE EXTENSÃO: INCLUSÃO DIGITAL DE ESTUDANTES DE ESCOLAS PÚBLICAS DO ENTORNO DA UNIVERSIDADE FEDERAL
Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011.
Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011. CSS aplicado com HTML CSS é a sigla para Cascading Style Sheets
Produção de documentos acessíveis com Microsoft Word. Gabinete para a Inclusão (GPI)
Produção de documentos acessíveis com Microsoft Word Gabinete para a Inclusão (GPI) 2013 Produção de documentos acessíveis com Microsoft Word Com este tutorial pretendemos orientá-lo na produção de documentos
HTML. 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
Manual de Utilizador Portal de Formação RE/MAX v4.0
Manual de Utilizador Portal de Formação RE/MAX v4.0 Índice ACESSO...3 ÁREA CONTA...4 ÁREA DOCUMENTAÇÃO...6 ÁREA DESTAQUE...6 ÁREA VIDEOS...7 ÁREA NOTICIAS...7 ÁREA PERCURSO...8 MENU TOPO...8 HOME...8 CALENDÁRIO
O QUE É O CALC PLANILHAS ELETRÔNICAS O Calc é um programa que trabalha com planilhas.
O QUE É O CALC PLANILHAS ELETRÔNICAS O Calc é um programa que trabalha com planilhas. INICIANDO Vamos iniciar o BrOffice.org Planilha utilizando o caminho: Aplicações/ Escritório/ Planilhas (oocalc). A
Prova 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
Documento Geral Explicativo. GS1 Portugal
GS1 Portugal Sumário Plataforma Registo Nacional de Códigos... 3 Enquadramento... 3 Criar Produto... 6 Código Interno... 6 Escolher imagem... 6 Visibilidade na plataforma SyncPT... 7 Guardar e/ou Atribuir...
O que é Microsoft Excel? Microsoft Excel. Inicialização do Excel. Ambiente de trabalho
O que é Microsoft Excel? Microsoft Excel O Microsoft Excel é um programa para manipulação de planilhas eletrônicas. Oito em cada dez pessoas utilizam o Microsoft Excel pra trabalhar com cálculos e sistemas
Prof.ª: Dr. Maria Lúcia Pozzatti Flôres Organização: Gilberto Raitz Junior
Prof.ª: Dr. Maria Lúcia Pozzatti Flôres Organização: Gilberto Raitz Junior O Excel é um programa que nos permite criar planilhas inteligentes. Ele reconhece as informações digitadas e com elas realiza
DESENVOLVIMENTO 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
6.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
Certificado 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
MREditor Editor de Impressos
MEDSYSTEM S/V Departamento de Desenvolvimento MREditor Editor de Impressos Poços de Caldas LISTA DE FIGURAS FIGURA 1 Tela Principal... 7 FIGURA 2 Barra de Ferramentas... 8 FIGURA 3 Botão Novo... 8 FIGURA
X-CONFIG PROGRAMA DE CONFIGURAÇÃO
X-CONFIG PROGRAMA DE CONFIGURAÇÃO Índice Introdução...2 Como utilizar o XCONFIG...3 A interface da aplicação...3 Ecrã Impressão...5 Ecrã Comunicação...7 Ecrã Sistema Operativo...8 Ecrã Utilizador...9 Ecrã
O QUE É O PICTURETEL 550
O QUE É O PICTURETEL 550 O PictureTel 550 é um conjunto hardware/software que aproveita as potencialidades da linha RDIS e que permite, por exemplo: Estabelecer comunicações telefónicas e de videoconferência
Links 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
Relató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
1 - Enviar e-mail dinâmico
1 - Enviar e-mail dinâmico O email dinâmico é um módulo que lhe permite enviar uma mensagem de correio electrónico para vários destinatários em simultâneo de uma forma simples. A primeira etapa do módulo
Microsoft Excel Ficha prática n. 1
1. Inicie o Microsoft Excel e selecione um livro em branco. Procure pelo programa de Excel no computador e selecione-o: Escolha o livro: 2. Grave o livro que vai trabalhar com o nome Ficha1. Menu FICHEIRO
Comiqs Manual e Guia de exploração do Comiqs para utilização em contexto de Educação Visual e Tecnológica. Rosabela Agostinho Borges
Estudo sobre a integração de ferramentas digitais no currículo da disciplina de Educação Visual e Tecnológica Comiqs Manual e Guia de exploração do Comiqs para utilização em contexto de Educação Visual
Padronizações Visuais estabelecidas pelo Projeto RIVED
Padronizações Visuais estabelecidas pelo Projeto RIVED Índice Padronização de cores para os módulos RIVED... 1 Padronização para os módulos educacionais (páginas web) e animações/simulações do Projeto
Inclusão de Novo Processo Administrativo
Inclusão de Novo Processo Administrativo Tela Inicial Site: Ensino a Distância PROCERGS Curso: PROA - Processos Administrativos v5.0 Livro: Inclusão de Novo Processo Administrativo Impresso por: Glauco
Alteração do Status da Denúncia
Alteração do Status da Denúncia Versão 1.0 Índice 1. Introdução... 2 2. Alterando o status da denúncia... 2 Alteração do Status da Denúncia Pág. 2 1. Introdução Como já vimos em módulos anteriores, uma
SInOA - Sistema de Informação da Ordem dos Advogados
SInOA - Sistema de Informação da Ordem dos Advogados Acesso ao Direito Portal da Ordem dos Advogados Manual de Utilizador: Substituição em escalas Versão 1.0 Julho de 2010 ÍNDICE 1 ESCALAS 1.1 Substituição
Guia de desenvolvimento de um aplicativo para o sistema operacional Android
Guia de desenvolvimento de um aplicativo para o sistema operacional Android Introdução Este documento será voltado para o desenvolvimento de um aplicativo na plataforma Android (sistema operacional do
Migrar para o Word 2010
Neste Guia O aspecto do Microsoft Word 2010 é muito diferente do Word 2003, pelo que este guia foi criado para ajudar a minimizar a curva de aprendizagem. Continue a ler para conhecer as partes essenciais
Aplicativo da Cultura
Aplicativo da Cultura Instruções de Uso 1. Como definir um usuário administrador. É considerado um usuário administrador aquele que possui algumas permissões especiais. Apesar disso, ele não poderá incluir
Tutorial. Georreferenciamento de Imagens. Autores: Rafael Bellucci Moretti, Vitor Pires Vencovsky
www.gismaps.com.br Tutorial Georreferenciamento de Imagens Autores: Rafael Bellucci Moretti, Vitor Pires Vencovsky 1. Introdução O tutorial tem como objetivo fornecer informações básicas para georreferenciar
Capítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
Portal de Carapicuíba Painel Administrativo
Portal de Carapicuíba Painel Administrativo Guia de Uso ÍNDICE 1. Introdução 2. Acesso ao Painel Administrativo 3. Usuários 4. Notícias 5. Seções 6. Álbum de Fotos 7. Vídeos 8. Banners 9. Atos Oficiais
Objetivos. Microsoft Office Word 2007. Introdução. Criação de documentos. Edição e formatação de documentos. Funções avançadas
Objetivos Introdução Criação de documentos Edição e formatação de documentos Funções avançadas 2 Introdução O que é O Microsoft Word é um programa que faz parte das aplicações que constituem o Microsoft
MICROSOFT OFFICE EXCEL 2007
MICROSOFT OFFICE EXCEL 2007 ÍNDICE CAPÍTULO 1 INICIANDO O EXCEL...7 CONHECENDO A TELA DO EXCEL...7 CAPÍTULO 2 PLANILHA...13 CÉLULAS...13 COMO SELECIONAR CÉLULAS...14 CAPÍTULO 3 INICIANDO A DIGITAÇÃO DE
Geralmente uma página com frames é constituída por dois ou três elementos básicos:
Objectivos da actividade: Frames Exemplos de frames Com 2 ficheiros Com 3 ficheiros 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída
Sistema de Recuperação da Senha nos Sistemas Informáticos da FEUP
Sistema de Recuperação da Senha nos Sistemas Informáticos da FEUP Unidade de Sistemas de Informação Centro de Informática Prof. Correia de Araújo Faculdade de Engenharia da Universidade do Porto Índice
Unidade 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
INFORMÁTICA PARA GESTÃO II Curso Superior de Gestão de Marketing
INFORMÁTICA PARA GESTÃO II Curso Superior de Gestão de Marketing Docente (Teóricas): Eng.º Vitor M. N. Fernandes Web: http://www.vmnf.net/ipam Mail: vmnf@yahoo.com Aula 10 Sumário Relacionamentos entre
Programa de ampliação e optimização do ecrã para alívio do cansaço visual. Guia de Referência
Programa de ampliação e optimização do ecrã para alívio do cansaço visual. Guia de Referência Bem-Vindo ao ZoomText Express O ZoomText Express é um programa simples de ampliação para o seu computador.
Profa. 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
Cadeira de Tecnologias de Informação. Ano lectivo 2009/2010. Sites dinâmicos. Com Expression Web (Parte 2) TI2009/10 EWD_1
Cadeira de Tecnologias de Informação Ano lectivo 2009/2010 Sites dinâmicos Com Expression Web (Parte 2) TI2009/10 EWD_1 Como fazer um Insert (1) Antes de aprendermos a fazer um Insert vamos alterar a página
Database and Applications. Criação, inserção de dados PHP+MySQL
Criação, inserção de dados PHP+MySQL Prof. Doutor Félix Singo phpmyadmin É uma aplicação de fácil utilização que serve para controlar base de dados MySQL. Pode-se utilizar para criar, copiar, apagar, renomear
MODELAR UM OBJECTO COM RASTO ATRAVÉS DO SWIFT 3D
MODELAR UM OBJECTO COM RASTO ATRAVÉS DO SWIFT 3D Introdução Com este tutorial vamos criar um objecto 3D animado a partir do Swift 3D e acrescentar-lhe um rasto no Flash 5. Para simular a animação de um
LIBREOFFICE: APRESENTAÇÃO COM O IMPRESS. Professor: Francisco Dantas Nobre Neto
LIBREOFFICE: APRESENTAÇÃO COM O IMPRESS Professor: Francisco Dantas Nobre Neto E-mail: dantas.nobre@ifpb.edu.br Agenda LibreOffice Impress Exercício Formatação Ajustando layout Ajustando o modelo Exercício
Manual de Utilização do Mendeley. Autora: Maria de Lurdes dos Santos Pereira
Manual de Utilização do Mendeley Autora: Maria de Lurdes dos Santos Pereira 2014 1 Mendeley O Mendeley é uma rede social académica que permite a criação de um perfil online de grupos nas áreas disciplinares
VPN do TCE para WINDOWS 1. Instalação. 3. Na janela Choose Setup Type, clique no botão VPN Only e então clique em Next.
VPN do TCE para WINDOWS 1 Instalação 3. Na janela Choose Setup Type, clique no botão VPN Only e então clique em Next. 1. Baixe em seu computador a versão do programa compatível com o sistema operacional
Aplicaçã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
20/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;
GUIA DE ACESSO À APLICAÇÃO DO PROGRAMA SUDOE PREENCHIMENTO DO PLANO FINANCEIRO DO PROJECTO
GUIA DE ACESSO À APLICAÇÃO DO PROGRAMA SUDOE PREENCHIMENTO DO PLANO FINANCEIRO DO PROJECTO Esta apresentação PowerPoint explica o método a seguir para o preenchimento do plano financeiro do V. projecto.
22 SET. 2015 Área Cliente. Manual do Utilizador
22 SET. 2015 Área Cliente Manual do Utilizador Índice 1. O que é a Área Cliente?... 1 2. Quais são as principais funcionalidades disponíveis na Área Cliente?... 2 3. Quais são as condições necessárias
Manual do Administrador
RePe Repositório de e-portefólios Educativos Manual do Administrador Janeiro de 2008 1. O Módulo portefolioaluno O Módulo portefolioaluno, actualmente na versão 1.0, funciona no ambiente Moodle. Utiliza
Plataforma Moodle ESTeSL
Plataforma Moodle ESTeSL A plataforma Moodle da Escola Superior de Tecnologia da Saúde de Lisboa (ESTeSL) está disponível a partir de qualquer dispositivo com acesso à Internet, no endereço: http://moodle.estesl.ipl.pt
Plataforma de elearning. NetForma davinci Web 2.0-3.0
Plataforma de elearning NetForma davinci Web 2.0-3.0 1. Introdução Neste documento apresentaremos as principais especificidades da Plataforma NetForma davinci Web 2.0-3.0, tendo em vista a sua utilização
Introdução à Programação. Microsoft WINDOWS XP 2005-2006. Eng. Ambiente CA
Mais que um Sistema Operativo, o MS-Windows é um ambiente de trabalho que simula no ecrã o trabalho diário sobre uma secretária. A ideia base do MS-Windows foi a de esconder a organização do MS-DOS e apresentar
Microsoft Excel Ficha Informativa
Curso Profissional Assistente Dentário Faculdade de Medicina Dentária da Universidade de Lisboa Tecnologias de Informação e Comunicação Prof. Teresa Pereira Microsoft Excel Ficha Informativa Tal como o
HTML - 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
<!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
PÓ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
Como criar uma palavra cruzada no Hot Potatoes
Como criar uma palavra cruzada no Hot Potatoes Abaixo está um passo a passo explicando como se cria uma palavra cruzada utilizando o Hot Potatoes. Vejam: Passo 1: Com o Hot Potatoes instalado no seu micro,
Aplicações Informáticas A
Curso Tecnológico de Informática 11º Ano Aplicações Informáticas A - PLANIFICAÇÃO ANUAL - SETEMBRO 2006 UNIDADE 1 TEMA: INTRODUÇÃO À ANÁLISE DE SISTEMAS OBJECTIVOS Aferir sobre a análise de sistemas Reconhecer
HTML? 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
SAFT-T para SISPOC. Manual do Utilizador. Data última versão: 07.11.2008 Versão: 1.01. Data criação: 01.12.2007
Manual do Utilizador SAFT para sispoc Data última versão: 07.11.2008 Versão: 1.01 Data criação: 01.12.2007 Faro R. Dr. José Filipe Alvares, 31 8005-220 FARO Telf. +351 289 899 620 Fax. +351 289 899 629
Autor: Tiago Lone Nível: Básico Criação: 15/12/2005 Última versão: 18/12/2006. PdP. Pesquisa e Desenvolvimento de Produtos
TUTORIAL Buzzer Autor: Tiago Lone Nível: Básico Criação: 15/12/2005 Última versão: 18/12/2006 PdP Pesquisa e Desenvolvimento de Produtos http://www.maxwellbohr.com.br contato@maxwellbohr.com.br http://www.automato.com.br
HTML Página 23. Índice
PARTE - 4 HTML Página 23 Índice HTML - Frames... 24 Exemplo:... 24 Parâmetros utilizados para a marcação ... 25 Composições com Frames... 25 Exemplo 1.... 26 Exemplo 4.... 26 Parâmetros que Completam
Recursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Guia de Instalação do StarBoard Software 1
Centro de Formação de Penalva e Azurara Guia de Instalação do StarBoard Software 1 1 Iniciar a Configuração Introduza o CD-ROM do StarBoard Software na unidade de CD-ROM/DVD. O Assistente de Configuração
Centro de Competência da Beira Interior Setembro de 2005 João Carlos Antunes
WebQuestion 2.0 A concepção de um questionário passo a passo Centro de Competência da Beira Interior Setembro de 2005 João Carlos Antunes 1 Índice de conteúdos A configuração do programa...3 Elaborar um
Guia do Controlador Universal de Impressão
Guia do Controlador Universal de Impressão Brother Universal Printer Driver (BR-Script3) Brother Mono Universal Printer Driver (PCL) Brother Universal Printer Driver (Inkjet) Versão B POR 1 Visão geral
Aula Extra. Depurador Code::Blocks. Monitoria de Introdução à Programação
Aula Extra Depurador Code::Blocks Monitoria de Introdução à Programação Depurador - Definição Um depurador (em inglês: debugger) é um programa de computador usado para testar outros programas e fazer sua
MODULO 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
O Correio Electrónico (E-Mail) é um dos serviços mais populares da Internet.
O Correio Electrónico internet O Correio Electrónico O Correio Electrónico (E-Mail) é um dos serviços mais populares da Internet. Com o Correio Electrónico pode enviar mensagens para pessoas de todo o
Consulta a banco de Dados no MapInfo
UNIVERSIDADE FEDERAL DE MINAS GERAIS INSTITUTO DE GEOCIÊNCIAS DEPARTAMENTO DE CARTOGRAFIA Laboratório de Geoprocessamento Grazielle Anjos Carvalho Renata Hungari Belo Horizonte, 2008 SELEÇÃO DE DADOS NO
Manual do SecurDisc Viewer
Manual do SecurDisc Nero AG SecurDisc Informações sobre direitos de autor e marcas comerciais Este manual e todo o respectivo conteúdo estão protegidos por direitos de autor e são propriedade da Nero AG.
Guia do Usuário Gestor Web TIM
Gestor Web TIM Página 1 de 15 ÍNDICE 1 INTRODUÇÃO 3 2 FUNCIONALIDADES 4 2.1 Login 4 Gestor Web TIM 2.2 Número Abreviado 6 2.3 Conta Pré-Paga 6 2.4 Chamadas Originadas 8 2.5 Siga-me 9 2.6 Limite de Créditos
Parabéns pela escolha do cartão TOURS.
Manual de utilizador Cartão Tours Parabéns pela escolha do cartão TOURS. Para obter o melhor desempenho, recomendamos ler atentamente este Manual de Instruções antes de realizar as operações. Índice Segurança...
Tabelas. 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