ATRIBUTOS 18 ENTRADA DE DADOS
|
|
- Laura Camelo Andrade
- 8 Há anos
- Visualizações:
Transcrição
1 ÍNDICE HTML 2 Tags (etiquetas) do HTML 2 TAGS PRINCIPAIS 3 TAGS DE CONFIGURAÇÃO DA PÁGINA 3 TAGS DE FORMATAÇÃO DE TEXTOS 3 TAGS DE MUDANÇA DE LINHA 4 TAG DAS HIPERLIGAÇÕES 4 TAG LISTAS 5 OUTRAS TAG 5 Tag <img> 6 Limitações do HTML 7 A linguagem JavaScript 7 COMENTÁRIOS 7 SRC 8 VARIÁVEIS 8 OPERADORES 9 CAIXAS DE MENSAGENS 9 CARACTERES ESPECIAIS 9 ESTRUTURAS DE CONTROLO 10 Funções, propriedades e Eventos 11 FUNÇÕES 11 EVENTOS 11 MANIPULADORES DE EVENTOS 11 Janelas e Documentos 13 OBJECTO WINDOW 13 OBJECTO DOCUMENT 14 Objectos Pré-definidos 15 Formulários (Forms) 18 ATRIBUTOS 18 ENTRADA DE DADOS 19 Css e Layers 21 Applets 23 Sites 24
2 Gestão de Recursos Partilhados HTML 2 HTML HTML significa Hyper Text Markup Language - Linguagem de Marcação de Hipertexto. HTML é a linguagem tradicional usada para criar páginas WEB com programação de hypertexto (documento com palavras ou imagens que acede a outras páginas com um simples clique). Essa linguagem foi crescendo conforme foram sendo inventados navegadores mais avançados com recursos de imagens, som e vídeo. É a estrutura básica de uma homepage, mas pode ser acompanhada por outros recursos como Java, Flash, etc.. O HTML é uma linguagem com código fonte aberto, isto é, é possível, através dos navegadores, ver a programação HTML da página apresentada. Para isso, basta procurar a opção "Exibir Código Fonte" no navegador e o código HTML será apresentado numa nova janela. Não é possível programar em linguagem HTML, pois é simplesmente uma linguagem de marcação que serve para indicar formatações de textos, inserir imagens e ligações de hipertexto. Os navegadores são os responsáveis por identificar as marcações em HTML e apresentar os documentos conforme o que foi especificado por essas marcações. A principal aplicação do HTML é a criação de páginas na Web. O HTML não é uma linguagem de programação, mas uma espécie de linguagem de formatação, um ficheiro de texto que é formatado através de uma série de comandos, os chamados tags. Para a criação de uma página em HTML não é necessário nenhum software especial. O próprio Bloco de Notas (Notepad) é suficiente para a criação de uma página, no entanto ao gravar terá de escolher o formato html. Depois é só fazer a pré-visualização num browser, como o Internet Explorer. TAGS (ETIQUETAS) DO HTML Aprender HTML é aprender como usar os diferentes tags. TAGS são os comandos utilizados pela linguagem HTML. Todos os tags são inseridos entre o sinal de menor < e maior >, com excepção dos tags que são usados para representar a posição de um objecto Todos os tags de formatação devem ser abertos e fechados, como é abaixo apresentado: <tag> </tag> Todos os tags obedecem a uma hierarquia: <a> <b> <c> </c> </b> </a> (o primeiro a abrir é o último a fechar, e vice-versa). É indiferente utilizar maiúsculas ou minúsculas nos tags : <tag> é igual a <TAG> e a <Tag>. Não é recomendável que os documentos Web contenham acentos.
3 Gestão de Recursos Partilhados HTML 3 TAGS PRINCIPAIS <HTML>...</HTML> : envolve todas as secções de um documento (HEAD e BODY). <HEAD>...</HEAD> : envolve a secção de cabeçalho do documento. <TITLE>...</TITLE> : indica o título do documento para o Browser. Geralmente os Browsers apresentam este título na barra de título da Janela. <BODY>...</BODY> : envolve a secção de corpo do documento. Aqui fica o conteúdo principal da Home Page. TAGS DE CONFIGURAÇÃO DA PÁGINA Os tags <BODY> e </BODY> contém também algumas configurações da página: BGCOLOR=COR definir a cor de fundo BACKGROUND=IMAGEM definir a figura de fundo TEXT=COR definir a cor do texto LINK=COR definir a cor dos links VLINK=COR - cor dos links já vistos ALINK=COR - cor dos links abertos naquele momento TAGS DE FORMATAÇÃO DE TEXTOS <Hn>... </Hn> - aplica estilos a títulos e subtítulos. Opções de alinhamento: ALIGN= LEFT alinhar à esquerda ALIGN= RIGHT - alinhar à direita ALIGN= CENTER - alinhar ao centro BLINK - piscar. <B>...</B> - Aplica o estilo NEGRITO. <I>...</I> - Aplica o estilo itálico. <U>...</U> - Aplica o estilo sublinhado (nem todos os browser o reconhecem). <SUP>...</SUP> - Faz com que o texto fique sobrescrito. <SUB>...</SUB> - Faz com que o texto fique subscrito. <PRE>...</PRE> - Utiliza a pré-formatação, ou seja, deixa o texto da maneira em que foi digitado. <FONT> - permite alterar os atributos das fontes de um texto: FACE tipo de letra SIZE tamanho da letra
4 Gestão de Recursos Partilhados HTML 4 COLOR cor da letra Deve-se utilizar sempre uma fonte conhecida (Arial, Times New Roman ou Verdana) pois ao utilizar fontes diferentes os visitantes podem não tê-las no computador. Pode-se definir mais de uma fonte para o mesmo texto. As fontes devem ser separadas por vírgula e o browser procura, no computador do cliente, qual delas ele possui para apresentar. Exemplo: <FONT FACE= Verdana, Anal, Helvetica > texto </FONT> O comando é o seguinte: <Font face="estilo" size=tamanho color="cor">...</p>. PALETA DE CORES #FF0000 #00FF00 #0000FF Representa o vermelho-puro Representa o verde-puro Representa o azul-puro # Representa um tom de vermelho-escuro #FFCCCC Representa um tom de vermelho bem claro. #CCCCCC Um tom de cinza-claro #FFFFFF Branco # Preto TAGS DE MUDANÇA DE LINHA <P> </P> - delimita um parágrafo, deixando uma linha em branco antes da próxima. <BR> - Faz uma quebra de linha no texto. Não deixa linha em branco antes da próxima. TAG DAS HIPERLIGAÇÕES Em HTML o elemento <a> </a> possibilita definir hiperligações: Para inserir um hyperlink que aponte para outra página: <a HREF= outropagina.html >Outro Página</a> Para alguém enviar um para uma conta de Exemplo: <a HREF= MAILTO:seu @hotmail.com >Dúvidas, Críticas e sugestões envie um </a> Para incluir um assunto Subject para o . Exemplo: <a HREF= MAILTO:seu @hotmail.com?SUBJECT=JavaScript >JavaScript</a> Para incluir uma imagem como hyperlink. <a href="endereço"><img src="imagem.extensão" border=0 width=largura height=altura> </a> (Atribuir o valor 0 ao border, caso não se queira que a imagem tenha limite).
5 Gestão de Recursos Partilhados HTML 5 Adicionar: TARGET= _NEW - abre o endereço numa nova janela TARGET= _TOP - abre o endereço na mesma janela TARGET="_BLANK" - para que a página (link) se abra noutra janela. Exemplo: <a href=" target="_blank">rafael Web Site</a>. TAG LISTAS LISTAS NUMERADAS Listas ordenadas, são também denominadas listas numeradas, pois, quando um navegador encontra um tag, iniciando uma lista ordenada, ele passa a mostrar cada item utilizando números, como 1, 2, 3, e assim sucessivamente. <OL> - listas ordenadas <LI> - tag utilizado para cada item da lista LISTAS NÃO ORDENADAS Listas não ordenadas são muito parecidas com as numeradas. A única diferença é o facto de elas não definirem explicitamente uma ordem, como é no caso das numeradas. São formadas por símbolos, que podem ser um círculo, um rectângulo ou círculo preenchido. <UL> - lista não ordenada <LI> - tag utilizado para cada item da lista Atributo TYPE - formata os marcadores da lista. Os valores aceites são: CIRCLE: círculo vazio SQUARE: rectângulo DISC: círculo preenchido, padrão. OUTRAS TAG <!-- [COMENTÁRIO] --> insere um comentário não compilável (executável) pelo browser. Tudo o que for escrito neste tag não será lido, excepto se alguém tiver acesso ao script (texto fonte) da página. <hr size=espessura> - adicionar uma barra à página.
6 Gestão de Recursos Partilhados HTML 6 TAG <IMG> O tag que manipula imagens é a <IMG>, porém o uso do atributo SRC (abreviatura de sourcedetermina a URL da imagem que se deseja apresentar) é obrigatório, afinal, ele determina a imagem a apresentar. SINTAXE: <IMG SRC= [url da imagem] ALIGN= [center/left/right/top/middle/bottom] WIDTH= [largura] HEIGHT= [altura] VSPACE= [espaçamento vertical] HSPACE= [espaçamento horizontal] BORDER= [borda] ALT= [texto referente] LOWSRC= [url de baixa qualidade] > Os formatos-padrão da Web e aceites por 100% dos browsers são o JPEG (Joint Photographic Experts Group) e o GIF (Graphics Interchange Format) que foram escolhidos por serem compactados, leves e possuírem boa qualidade de resolução. Em geral, imagens GIF são melhores para gráficos e desenhos; imagens JPEG são melhores para fotografia. Isto porque as imagens GIF são constituidas por 256 cores e as imagens JPEG por milhões de cores. Quanto melhor a compressão tanto menor o tamanho do arquivo e tanto mais rápido a página é carregada no navegador. Ultimamente o formato PNG (Portable Network Graphics) tem-se tornado cada vez mais popular (principalemente em detrimento do formato GIF). O formato PNG é em vários aspectos melhor que os formatos JPEG e GIF: milhões de cores e efetiva compressão. ATRIBUTOS: Atributo ALIGN- Define o alinhamento da imagem. O alinhamento da imagem no documento HTML pode ser feito em função do: Texto imagem à direita, à esquerda, centrada, ao topo ou ao fundo do texto. Parágrafo imagem à direita ou à esquerda do parágrafo. Atributo WIDTH- Determina a largura da imagem em pixels ou em percentagem da área do browser. Atributo HEIGHT- Determina a altura da imagem em pixels ou em percentagem da área do browser. Atributo VSPACE- Atribui um espaçamento vertical em pixels à imagem.
7 Gestão de Recursos Partilhados HTML 7 Atributo HSPACE- Atribui um espaçamento horizontal em pixels à sua imagem. Atributo BORDER- Define um limite em torno da imagem, cuja espessura é atribuída em pixels. Atributo ALT- Texto alternativo. Caso não seja possível visualizar a imagem, é apresentado o texto alternativo. Outra vantagem do texto alternativo é que ele é apresentado quando o rato passa sobre a imagem. LIMITAÇÕES DO HTML Não é possível programar em linguagem HTML, pois é simplesmente uma linguagem de marcação que serve para indicar formatações de textos, inserir imagens e ligações de hipertexto. Os navegadores são os responsáveis por identificar as marcações em HTML e apresentar os documentos conforme o que foi especificado por essas marcações A maior limitação do HTML é o facto de ser uma linguagem estática, ou seja, a única interactividade que oferece sem auxílio de outras linguagens são os links entre as páginas. Porém, o HTML é totalmente compatível com inúmeras linguagens que fazem o trabalho pesado por ela, por exemplo, JavaScript, PHP, Asp.Net, etc. A LINGUAGEM JAVASCRIPT Javascript é uma linguagem de script - scripts são miniprogramas interpretados e voltados para execução de tarefas específicas. <script>... </script> - permite adicionar linhas de código, para qualquer linguagem de programação que o browser seja capaz de interpretar. Estas expressões são executadas quando o documento é carregado e poderão introduzir dinamismo ao documento. Através do atributo TYPE podemos indicar qual a linguagem utilizada. Exemplo: <script type= text/javascript >... </script>) neste exemplo, este atributo não é obrigatório, pois por defeito, é assumida a linguagem JavaScript. A linguagem Javascript é case sensitive. Todas as instruções terminam com ponto e vírgula (;). COMENTÁRIOS Existem duas formas de criar comentários no JavaScript: Comentários de uma única linha, utiliza-se //. Comentários em bloco, utiliza-se /* para iniciar um bloco e */para finalizá-lo.
8 Gestão de Recursos Partilhados HTML 8 SINTAXE: // [linha de comentário] /* [bloco de comentário] */ SRC Um recurso muito útil do script é poder-se criar um arquivo independente da página HTML com os principais scripts e depois criar uma referência em todas as páginas para esse arquivo. Isso ajuda muito a manter um padrão e a reutilizar o código JavaScript. Exemplo: <SCRIPT TYPE= text/javascript SRC= script/ola.js > </SCRIPT> VARIÁVEIS Variáveis são nomes dados aos locais na memória do computador onde alguns dados serão armazenados durante a execução dos scripts. Quando se declara uma variável num script, ela fica guardada na memória até que se feche a janela do script onde se encontra a variável. VAR - para declarar uma variável. SINTAXE: Var o nome da variável (que não pode ter sido declarada mais de uma vez no mesmo código) e o seu valor inicial. ASPAS - o JavaScript aceita tanto as aspas simples quanto as duplas, basta ter o cuidado de não abrir uma sentença com uma delas e fechar com a outra. As aspas devem envolver apenas os textos. Javascript apresenta algumas restrições quanto ao nome de variáveis/funções: Não é permitido colocar espaço em branco Não é permitido incluir um hífen ( - ) Não é permitido colocar os seguintes caracteres:., ;? Embora seja possível usar dígitos, o primeiro carácter tem de ser uma letra Não é permitido utilizar, como nome de uma nova variável/função, as palavras reservadas de Javascript. Em programação, os textos são denominados string e os números são classificados em inteiros e longos (quando possuem casas decimais). TIPOS DE VARIÁVEIS Ao contrário da maior parte das linguagens de programação existentes, em JavaScript as variáveis não têm um tipo específico, ou seja, uma variável pode conter um valor numérico e posteriormente uma expressão.
9 Gestão de Recursos Partilhados HTML 9 Os tipos de dados das variáveis: NUMÉRICO, TEXTO, BOOLEANO, FUNÇÃO, OBJECTO, ARRAY. VALIDADE DAS VARIÁVEIS É possível declarar variáveis dentro ou fora das funções. Se uma variável for declarada dentro de uma função é caracterizada como variável local e só é visível dentro da função. Se uma variável for declarada fora da função, é possível aceder-lhe pelas funções ou áreas de código existentes no documento HTML, até que a página seja fechada. OPERADORES São os sinais matemáticos e lógicos que ajudam a gerar e manipular as variáveis e tomar decisões no código. Operadores Significado + Soma ou concatenação de string - Subtracção * Multiplicação / Divisão % Resto de uma divisão + + Adiciona 1 -- Subtrai 1 = Atribui um valor a uma variável = = Verifica se dois valores são iguais!= Verifica se dois valores são diferentes > Verifica se um valor é maior que o outro > = Verifica se um valor é maior ou igual ao outro < Verifica se um valor é menor que o outro <= Verifica se um valor é menor ou igual ao outro && E (AND) Ou (OR)! Não (Not) Aritméticos Comparação Lógicos CAIXAS DE MENSAGENS Os principais tipos de caixas de mensagens são: ALERTA apresenta apenas o botão OK alert( [mensagem]) CONFIRMA apresenta a opção de cancelar, além de confirmar - confirm ([mensagem]) PROMPT mostra um campo de entrada de texto - prompt([mensagem], [valor]) CARACTERES ESPECIAIS Alguns caracteres (como as aspas) não são interpretados num texto porque o JavaScript interpreta-os como comandos. Para esses caracteres foi criada uma tabela de comandos que o JavaScript interpreta normalmente. COMANDO CÓDIGO Quebra de linha \n Tabulação \t
10 Gestão de Recursos Partilhados HTML 10 Aspas simples \ Aspas duplas \ Barra invertida \\ ESTRUTURAS DE CONTROLO CONDIÇÕES São decisões (sim ou não) que o código Javascript deve tomar quando são executadas. Por exemplo: 5 é menor que 8? ou o campo nome está vazio? O IF apresenta uma condição, a qual devolve um valor verdadeiro ou falso. Em cada uma destas condições pode-se criar um bloco de comandos que será executado apenas se o resultado da condição for verdadeiro e outro para ser executado apenas quando o resultado for falso. SINTAXE: IF ([condição]) { [bloco de comando executado para condição verdadeira] } ELSE { [bloco de comando executado para condição falsa] } LOOPS Ou ciclos lógicos, servem para executar mais de uma vez um conjunto de instruções. É importante sempre criar uma forma para o programa sair do ciclo; caso contrário, cria-se um loop infinito que trava o browser. O loop FOR utiliza-se para repetir mais instruções um determinado número de vezes. Entre todos os loops, o FOR costuma ser utilizado quando se sabe o número exacto de vezes que a sentença é executada. SINTAXE: for (iniciação;condição;atualização) { sentenças a executar em cada repetição } O loop WHILE utiliza-se quando se pretende repetir um número indefinido de vezes a execução de sentenças, sempre que se cumpra uma condição. SINTAXE: while ([condição de saída do loop]) { [instrução executada no loop] } O loop DO...WHILE utiliza-se geralmente quando não se sabe quantas vezes será executado o loop, assim como o loop WHILE. Mas, no Do While o loop é executado pelo menos uma vez.
11 Gestão de Recursos Partilhados HTML 11 SINTAXE: DO { sentenças do loop } While (condição) O loop é executado sempre uma vez e no final testa a condição para saber se executa outra vez o loop ou se termina sua execução. FUNÇÕES, PROPRIEDADES E EVENTOS FUNÇÕES Ao criar um programa existem determinados processos que se pode conceber de forma independente, e que são mais simples de resolver que o problema inteiro. Ademais, estes costumam ser realizados repetidas vezes ao longo da execução do programa. Estes processos podem ser agrupados numa função, definida para que não haja necessidade de repetir uma vez ou outra esse código nos scripts. SINTAXE: function nomefuncao ( )) { instruções da função } Para executar uma função, escreve-se o nome seguido dos parênteses. SINTAXE: NomeDaFuncao() As funções podem ser definidas em qualquer parte da página, mas sempre dentro dos tags <SCRIPT>. No entanto, é preferível defini-las logo no início do programa, para evitar chamá-las antes de estarem definidas. EVENTOS Javascript é uma linguagem dirigida por eventos. Eventos (tais como, clicar no mouse, ou pressionar um botão) são utilizados para controlar a interacção do utilizador com o aplicativo. Manipuladores Javascript são representados como atributos especiais que modificam o comportamento de um tag HTML ao qual são anexados. Atributos de manipulação de eventos começam todos com On e identificam os diversos eventos que podem ocorrer. O valor associado ao manipulador pode ser uma sequência de declarações Javascript, ou uma chamada de função Javascript. MANIPULADORES DE EVENTOS Manipuladores de eventos Javascript servem para interligar um script com actividades do sistema ou acções do utilizador. Eles são divididos em 2 categorias:
12 Gestão de Recursos Partilhados HTML 12 EVENTOS DE SISTEMA - OnLoad e OnUnload. Não exigem a interacção do utilizador para serem activados. EVENTOS DE MOUSE - OnClick, OnFocus, OnBlur, OnChange, OnSelect, OnSubmit e OnMouseOver. Exigem a interacção do utilizador para serem activados. ONLOAD Este evento é activado após a página HTML ser completamente carregada. Ele pode ser associado às tags <BODY> ou <FRAMESET>. ONUNLOAD Este evento é activado após a página HTML ser abandonada (seja através do clique sobre algum link, ou sobre os botões de avanço/retrocesso do browser). Ele pode ser associado às tags <BODY> ou <FRAMESET>. ONCLICK O evento mais básico de mouse é tratado pelo manipulador OnClick. Este evento é activado sempre que se dá um clique sobre um objecto que aceita evento de clique de mouse. Objectos que aceitam um evento OnClick são links, caixas de verificação e botões. ONMOUSEOVER Este evento é activado quando o ponteiro do mouse passa sobre um objecto do tipo links ou botões. ONFOCUS O foco ocorre quando um objecto se torna o item em foco. Isto acontece quando o utilizador clicar ou alternar para um objecto específico na página. Este evento pode ser associado aos objectos text, password, textarea e select (definidos pelos tags <INPUT>, <TEXTAREA> e <SELECT>). ONBLUR Este evento é activado quando um objecto deixa de ter foco - quando se muda para outra janela, ou aplicativo, ou quando se passa para outro objecto utilizando cliques do mouse, ou a tecla TAB. Ele é associado aos objectos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>).
13 Gestão de Recursos Partilhados HTML 13 ONCHANGE Este evento é activado sempre que um objecto perde o foco e o seu valor é alterado. Ele é associado aos objectos text, password, textarea e select (definidos pelas tags <INPUT>, <TEXTAREA> e <SELECT>). ONSELECT Este evento é activado quando o utilizador selecciona (deixa em destaque) parte do texto num dos objectos aos quais está associado. São eles: text, password e textarea (definidos pelos tags <input> e <textarea>). ONSUBMIT Este evento é activado no momento de enviar os dados do formulário. Ele é associado ao objecto form (definido pelo tag <FORM>). JANELAS E DOCUMENTOS OBJECTO WINDOW O objecto Window representa a janela do navegador ou um frame. É criado um objecto window sempre que o navegador encontra um tag <BODY> ou <FRAMESET>. Também são criados objectos para cada frame definida. AS PROPRIEDADES MAIS UTILIZADAS: DEFAULTSTATUS: devolve uma mensagem que será exibida na barra de estado do navegador quando não tiver nenhuma outra. Cuidado para não confundir com a propriedade status, que reflecte mensagens transitórias, adequadas para um certo momento ou acção do utilizador; NAME: representa o nome da janela; SELF: referência à janela ou frame actual; TOP: referência à janela do browser. OS MÉTODOS MAIS UTILIZADOS: ALERT( ): exibe uma mensagem para o utilizador. A string com a mensagem deve ser passada para o método como parâmetro;
14 Gestão de Recursos Partilhados HTML 14 BACK( ): é equivalente a apertar o botão back do navegador. Ou seja, volta atrás na última navegação feita pelo utilizador; FORWARD( ): tem o mesmo efeito do botão forward do navegador. Ou seja, se o utilizador tiver clicado no botão back para voltar à última página visitada, o forward avança novamente para a página mais recente; OPEN( ): abre uma nova janela. O método recebe como parâmetros uma URL (o endereço da página que vai ficar na nova janela), o nome da janela e uma string com suas características; CLOSE( ): fecha a janela especificada. O Javascript somente pode fechar automaticamente janelas abertas por ele. Caso contrário, aparece uma caixa de confirmação para o utilizador; CONFIRM( ): exibe uma caixa de mensagem para o utilizador com duas opções: OK e Cancel. Caso o utilizador pressione OK, o método devolve true. Caso contrário, false. Ele recebe como parâmetro uma string com a mensagem a ser exibida para o utilizador; PROMPT( ): exibe uma caixa de mensagem e campo para o utilizador entrar com uma string. O método devolve a string digitada pelo utilizador. São aceitos dois parâmetros. O primeiro é uma string com a mensagem a ser exibida e o segundo é o valor padrão da string a ser digitada pelo utilizador. SETTIMEOUT(): estabelece um atraso da mensagem na invocação da expressão, e devolve um identificador que deverá ser guardado numa variável global. Os parâmetros são: expressão, mensagem e argumentos. CARACTERÍSTICAS DO MÉTODO OPEN() HEIGHT: esta propriedade contém a altura, em pixels, da janela do navegador; WIDTH: semelhante à propriedade anterior, porém trabalha com a largura; STATUS: especifica a mensagem a ser exibida na barra de estado do navegador. É muito útil para comunicar ao utilizador pequenas mensagens. MENUBAR: apresenta a barra de menus. SCROLLBARS: apresenta as scrollbars sempre que um documento seja maior que a janela do navegador. TOOLBAR: apresenta a barra de ferramentas do navegador. OBJECTO DOCUMENT PROPRIEDADES: bgcolor- Devolve ou atribui a cor de fundo. Cookie - Devolve ou atribui propriedades, no formato nome/valor, à cookie http associada ao domínio do documento, e armazenada no ficheiro cookie no computador cliente.
15 Gestão de Recursos Partilhados HTML 15 fgcolor - Devolve ou atribui a cor do texto. IastModified - Devolve a data da última modificação do documento. IinkColor - Devolve ou atribui a cor a uma ligação ainda não visitada. Title - Devolve ou atribui o título a apresentar na barra de título do browser. URL - Devolve ou atribui o URL do documento actual. vlinkcolor - Devolve ou atribui a cor a uma ligação após ser visitada. PRINCIPAL MÉTODO Write() - Adiciona conteúdo ao documento HTML. OBJECTOS PRÉ-DEFINIDOS Javascript considera HTML uma linguagem orientada a objectos, na qual os diversos tags HTML correspondem a diferentes tipos de objectos Javascript. Objecto NAVIGATOR Este objecto dá informações sobre o navegador. Apresenta as seguintes propriedades: appname: devolve o nome do browser do utilizador. Exemplo: navigator.appname = Netscape appversion: devolve a versão do browser e a versão do sistema operacional que está a ser utilizada. [formato: número da versão (plataforma; país)] Exemplo: navigator.appversion = 2.0 (Win95; I) appcodename: devolve o nome do código de desenvolvimento interno do criador de um browser específico. Exemplo: navigator.appcodename = Mozilla useragent: usada em cabeçalhos HTTP para fins de identificação, é a combinação das propriedades appcodename e appversion. Servidores Web usam esta informação para identificar os recursos que o navegador dispõe. Exemplo: navigator.useragent=mozilla/2.0 (Win95; I) Objecto LOCATION Este objecto é utilizado para identificar o documento corrente. Consiste numa URL completa no formato protocolo//servidor:porta/caminho seguidos de?search ou #hash.
16 Gestão de Recursos Partilhados HTML 16 As propriedades deste objecto são (cada uma de suas propriedades representa uma parte da URL total): protocol: devolve o protocolo de transporte do documento. Exemplo: location.protocol = http: hostname: identifica o nome do computador hospedeiro. port: especifica a porta para o endereço. Esta informação é utilizada apenas se uma porta não-padrão estiver sendo usada. pathname: define o caminho e o nome do arquivo. search: devolve quaisquer comandos de consulta que possam estar embutidos na URL corrente. Valores de search são separados do resto da URL por um sinal de interrogação (? ). Exemplo: location.search = nome=joao hash: devolve quaisquer âncoras que possam ter sido passadas na URL. Valores de hash são separados do resto da URL por um sinal de cardinal ( # ). Exemplo: location.hash = capitulo1 Objecto CHECKBOX Utilizado na construção de caixas de verificação. As propriedades são: value: especifica o valor da caixa. Exemplo: nomeform.nomecheckbox.value = 1 checked: valor booleano que especifica o estado de selecção da caixa (seleccionada ou não-seleccionada). Exemplo: if ( nomeform.nomecheckbox.checked == true ) { funcao(); } defaultchecked: valor booleano que especifica o estado default de selecção da caixa. Objecto RADIO Corresponde a um array de botões, onde todos os botões compartilham a mesma propriedade name. As propriedades são: name: especifica o nome do objecto. checked e defaultchecked: funcionamento idêntico ao definido em checkbox. length: especifica o comprimento do array.
17 Gestão de Recursos Partilhados HTML 17 Objecto HIDDEN Utilizado para enviar informações quando o formulário é submetido (este objecto não aparece no formulário). As propriedades são: name: especifica o nome do objecto. value: especifica a informação que está a ser passada. Objecto TEXT Utilizado para entrada/saída de dados. As propriedades são: name: especifica o nome do objecto. value: especifica o valor do objecto. defaultvalue: especifica o valor default do objecto. Objecto RESET Utilizado para limpar dados de um formulário. As propriedades são: name: especifica o nome do botão. value: especifica o título colocado na face do botão. Exemplo: document.form.botao.value= novo titulo Objecto SUBMIT Utilizado para intercalar Javascript e outros scripts/programas. As propriedades são: name: especifica o nome do botão. value: especifica o título colocado na face do botão. Objecto BUTTON Utilizado na construção de interfaces. As propriedades são: name: especifica o nome do botão. value: especifica o título colocado na face do botão. Objecto TEXTAREA Utilizado para entrada/saída de dados. As propriedades são: name: especifica o nome do objecto. value: especifica o valor do objecto.
18 Gestão de Recursos Partilhados HTML 18 defaultvalue: especifica o valor default do objecto. Objecto SELECT Utilizado para construir caixas de seleção. As propriedades são: name: especifica o nome do objecto. options: array que contém uma entrada para cada opção de uma caixa de selecção. length: especifica o comprimento do array de opções. FORMULÁRIOS (FORMS) A linguagem HTML também permite que o cliente (navegador) interaja com o servidor, preenchendo campos, clicando em botões e passando informações. Por exemplo, um site com um Guest Book (formulário) que permite aos visitantes dar opiniões. Essas informações, devem ser tratadas por programas, denominados scripts, que podem armazená-las para uma posterior utilização. Os scripts podem ainda devolver um outro documento HTML, uma URL, ou algum outro tipo de dado para o cliente. O elemento FORM, da linguagem HTML, é justamente o responsável por tal interação. Ele permite de uma maneira agradável e familiar recolher dados do utilizador através da criação de formulários com janelas de entrada de textos, botões, etc. É preciso ter em mente que o FORM recolhe dados, mas não os processa - os scripts é que são responsáveis por isso. É aí que entra a necessidade da interface CGI. Tal interface, permite que o servidor comunique com o script que vai actuar sobre essas informações, devolvendo os resultados para o navegador. Para criar um formulário, utiliza-se os tags <FORM> </FORM>. Todos os outros comandos, devem ficar dentro destes Tags. ATRIBUTOS NAME define o nome do formulário. METHOD define o método de envio de dados. Aceita os valores: GET os dados serão enviados pela URL da página. POST os dados serão enviados por meio de uma variável de ambiente (o utilizador não vê este processo). ACTION determina a URL de destino da informação.
19 Gestão de Recursos Partilhados HTML 19 ENTRADA DE DADOS O tag <INPUT> especifica uma variedade de campos editáveis dentro de um formulário. Ele pode receber diversos atributos que definem o tipo de mecanismo de entrada (botões, janelas de texto, etc.), o nome da variável associada com o dado da entrada, o alinhamento e o campo do valor mostrado. SINTAXE: <INPUT TYPE= [tipo] NAME= [nome] ID= [identificador] VALUE= [valor padrão] SIZE= [tamanho] MAXLENGHT=[limite de caracteres] SRC= [URL] CHECKED READONLY DISABLED TABINDEX= [sequencia] ACCESSKEY= [tecla de atalho] > Os ATRIBUTOS do INPUT são: TYPE- determina o tipo de entrada de dados. Os valores válidos são: text: entrada de texto. Permite que um texto seja digitado apenas numa linha. Utilizado para entrada de nome, endereço, e-mali, telefone, etc. hidden: campo oculto. Permite que um dado seja submetido sem que o utilizador o veja no formulário. Utilizado para enviar dados como código de acesso, id do utilizador ou qualquer informação importante para o programa, mas que não precisa de interacção com o utilizador. password: entrada de senha. Funciona como o campo text, mas não apresenta os dados digitados. No lugar deles são apresentados asteriscos. <INPUT TYPE="PASSWORD" NAME="SENHA" MAXLENGHT=6> file: entrada de arquivo. Por meio desse campo é possível fazer upload de arquivos. Ele só funciona se o atributo ENCTYPE estiver com o valor multipart/form-data. submit: botão de envio. É o responsável por enviar o formulário para o seu destino. Exemplo: <INPUT TYPE="SUBMIT" VALUE="enviar"> Resultado: reset: botão de reset. Serve para limpar todos os dados inseridos pelo utilizador. Exemplo: <INPUT TYPE="RESET" VALUE="Limpar"> Resultado: checkbox: caixa de múltiplas opções. Permite que o utilizador responda a questões de múltipla escolha, ou seja, com mais de uma resposta.
20 Gestão de Recursos Partilhados HTML 20 Exemplo: <INPUT TYPE="CHECKBOX" NAME="Netscape" VALUE="net">Netscape<p> <INPUT TYPE="CHECKBOX" NAME="Explorer" VALUE="exp">Internet Explorer<p> <INPUT TYPE="CHECKBOX" NAME="Mosaic" VALUE="mos">Mosaic<P> <INPUT TYPE="CHECKBOX" NAME="Hot Java" VALUE="hot"> Hot Java<P> Resultado: radio: caixa de opções simples. Possibilita que o utilizador responda a questões de múltipla escolha, em que escolhe apenas uma resposta. Exemplo: <INPUT TYPE="RADIO" NAME="Gostou desta home page?" VALUE="sim">sim<p> <INPUT TYPE="RADIO" NAME="Gostou desta home page?" VALUE="nao">não<p> Resultado: Gostou desta home page? button: botão genérico. Utilizado normalmente para executar funções em linguagens client-side como JavaScript ou vbscript. image: botão imagem. Funciona como um botão genérico, a diferença é que se associa uma imagem a ele. NAME - Atribui um nome ao dado. Esse campo é obrigatório, o qual identifica a informação enviada. ID - é um atributo de identificação que não serve apenas nos tags de formulário. Pode-se atribuir uma identificação a praticamente todos os tags HTML. VALUE- atribui ao campo um valor-padrão. Para os tipos text e password eles são opcionais, para os tipos hidden, checkbox e radio eles são obrigatórios, nos botões submit, reset e button é neste atributo que se insere o texto que será apresentado no botão (se não utilizá-lo, o botão aparece com o mesmo nome do seu tipo). SIZE determina o tamanho da entrada de texto em caracteres. Pode ser utilizado nos tipos text, file e password. MAXLENGHT- determina o nº máximo de caracteres que pode ser digitado numa entrada de texto. Pode ser utilizado nos tipos text, file e password. SRC define a URL da imagem para o botão do tipo image. TABINDEX determina a sequência que o navegador respeitará quando o utilizador pressionar a tecla TAB.
PROGRAMAÇÃ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 maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisProgramação para Internet I
Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que
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 maisO que é o JavaScript?
JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem
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 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 maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisCOMO FUNCIONA UM FORMULÁRIO
FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,
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 maisTecnologias para Web Design
Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo
Leia maisUtilizando Janelas e Frames
Utilizando Janelas e Frames Aprenderemos agora algumas técnicas mais específicas para fazer o JavaScript trabalhar com várias partes das páginas e navegadores da Web. Controlando janelas com objetos Já
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 maisMicrosoft Office FrontPage 2003
Instituto Politécnico de Tomar Escola Superior de Gestão Área Interdepartamental de Tecnologias de Informação e Comunicação Microsoft Office FrontPage 2003 1 Microsoft Office FrontPage 2003 O Microsoft
Leia maisHTML - 7. Vitor Vaz da Silva Paula Graça
HTML - 7 Vitor Vaz da Silva Paula Graça 1 Formulários Os formulários forms no HTML, são utilizados para a introdução de dados de uma determinada aplicação Os programas JavaScript têm como um dos seus maiores
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Leia maisHTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Leia maisO código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.
1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente
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 mais1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO
Leia maisOs componentes de um formulário são: Form, Input, Select e AreaText
HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados
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 maisindica o nome do campo pelo qual podemos acessar.
Formulários Em geral Com o Javascript, os formulários Html tomam outra dimensão. Não esqueça que em Javascript, podemos acessar cada elemento de um formulário para, por exemplo, ler ou escrever um valor,
Leia maisCriando um script simples
Criando um script simples As ferramentas de script Diferente de muitas linguagens de programação, você não precisará de quaisquer softwares especiais para criar scripts de JavaScript. A primeira coisa
Leia maisWEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Formulários e JavaScript Como visto anteriormente, JavaScript pode ser usada para
Leia maismkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
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 maisJavaScript (Funções, Eventos e Manipulação de Formulários)
Linguagem de Programação para Web JavaScript (Funções, Eventos e Manipulação de Formulários) Prof. Mauro Lopes 1-31 23 Objetivos Iremos avançar um pouco mais em nosso estudo sobre o JavaScript. Iremos
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 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 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 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 maisDesenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes
Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção
Leia maisProgramando em PHP. Conceitos Básicos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web
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 maisLista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!
Página1 Javascript JavaScript (JS) é uma linguagem de programação client side Funciona no navegador do usuário. É uma linguagem baseada em objetos. "Walmir".length; 6 Para que serve - fazer websites responder
Leia maisO que é o Javascript?
O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades
Leia mais0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.
IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários
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 maisManual do Painel Administrativo
Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...
Leia mais7. Cascading Style Sheets (CSS)
7. Cascading Style Sheets (CSS) O CSS (Folha de Estilo em Cascata) é um padrão de formatação para páginas web que vai além das limitações impostas pelo HTML. O Cascading Style Sheets não é exatamente uma
Leia maisAula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário
Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...
Leia maisConteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web
Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de
Leia maisInternet e Programação Web
COLÉGIO ESTADUAL PEDRO MACEDO Ensino Profissionalizante Internet e Programação Web 3 Técnico Prof. Cesar 2014 1 SUMÁRIO Criar sites dinâmicos em PHP --------------------------------------------------------
Leia maisComo criar uma página WEB
Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou
Leia maisOs elementos básicos do Word
Os elementos básicos do Word 1 Barra de Menus: Permite aceder aos diferentes menus. Barra de ferramentas-padrão As ferramentas de acesso a Ficheiros: Ficheiro novo, Abertura de um documento existente e
Leia maisHTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).
HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a
Leia maisOficina de Construção de Páginas Web
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Guião Páginas WWW com o editor do Microsoft Office Word 2003 1. Introdução. 2. Abrir uma página Web. 3. Guardar
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes
Leia maisWord 1 - Introdução 1.1 - Principais recursos do word 1.2 - A janela de documento 1.3 - Tela principal
Word 1 - Introdução O Word para Windows ou NT, é um processador de textos cuja finalidade é a de nos ajudar a trabalhar de maneira mais eficiente tanto na elaboração de documentos simples, quanto naqueles
Leia maisInformática I. Aula 6. http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/09/2007 1
Informática I Aula 6 http://www.ic.uff.br/~bianca/informatica1/ Aula 6-12/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 maisManual de Gerenciamento de Conteúdo
Manual de Gerenciamento de Conteúdo 1 Sumário 1) O que é um Gerenciador de Conteúdo...3 2) Como o Site está Estruturado...3 3) Como Gerenciar o Conteúdo do Site...5 3.1) Adicionar Itens no Menu de Navegação...6
Leia mais4.14 - Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img
4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Leia maisManual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web
Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de
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 maisOs objetivos indicados aplicam-se a duas linguagens de programação: C e PHP
AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de
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 maisScriptlets e Formulários
2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,
Leia maisBem- Vindo ao manual de instruções do ECO Editor de COnteúdo.
Manual de Instruções ECO Editor de Conteúdo Bem- Vindo ao manual de instruções do ECO Editor de COnteúdo. O ECO é um sistema amigável e intui?vo, mas abaixo você pode?rar eventuais dúvidas e aproveitar
Leia maisTECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO INTRODUÇÃO AO MACROMEDIA DREAMWEAVER MX 2004 O Macromedia Dreamweaver MX 2004 é um software que permite a criação de páginas de Internet profissionais, estáticas
Leia maisManual de Utilização do PLONE (Gerenciador de página pessoal)
Manual de Utilização do PLONE (Gerenciador de página pessoal) Acessando o Sistema Para acessar a interface de colaboração de conteúdo, entre no endereço http://paginapessoal.utfpr.edu.br. No formulário
Leia maisConstrutor de sites SoftPixel GUIA RÁPIDO - 1 -
GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template
Leia mais4.14 - Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img
4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso
Leia maisPrimeiro contato com JavaScript
Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
Leia maisRespondendo a eventos
Respondendo a eventos Até agora, a maioria dos scripts que você escreveu foi executado de uma forma tranqüila e ordenada, movendo-se da primeira instrução para a última. Agora aprenderemos a utilizar a
Leia maisBarra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
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 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 maisComo Começar? Criação Páginas. Etapas. Apresentação INTERNET
Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de
Leia maisSumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1
Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem
Leia maisO código acima descreve o formulário com uma caixa de texto e dois botões
Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades
Leia maisIntrodução. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Leia 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 maisUniversidade Federal do Mato Grosso - STI-CAE. Índice
CAPA Universidade Federal do Mato Grosso - STI-CAE Índice 1. Página da área administrativa... 1.1 Botões e campo iniciais... 2. Explicar como funcionam as seções... 2.1. Seções dinâmicos... 2.1.1 Como
Leia maisTUTORIAL. Como criar um blogue/página pessoal no WordPress
TUTORIAL Como criar um blogue/página pessoal no WordPress Índice Criar o blogue... 3 Alterar as definições gerais... 4 Alterar tema... 6 Criar Páginas... 7 Colocar Posts (citações)... 9 Upload de ficheiros...
Leia maisJavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.
JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um
Leia maisStatus. Barra de Título. Barra de Menu. Barra de. Ferramentas Padrão. Caixa de nomes. Barra de. Ferramentas de Formatação. Indicadores de Coluna
O que é uma planilha eletrônica? É um aplicativo que oferece recursos para manipular dados organizados em tabelas. A partir deles pode-se gerar gráficos facilitando a análise e interpretação dos dados
Leia maisUNIDADE 2: Sistema Operativo em Ambiente Gráfico
Ambiente Gráfico Configurações Acessórios O Sistema Operativo (SO) é o conjunto de programas fundamentais que permitem que o computador funcione e que comunique com o exterior. Actualmente o Windows é
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 maisLista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.
Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças
Leia maisColeção - Análises de email marketing em clientes de email
Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail
Leia maisIntrodução ao Javascript
Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação
Leia maisOficina de Construção de Páginas Web
COMPETÊNCIAS BÁSICAS EM TIC NAS EB1 Oficina de Construção de Páginas Web Criação e Publicação Actividades de exploração Objectivo Explorar as funcionalidades essenciais do Programa, na perspectiva da construção/actualização
Leia maisImagens - Formatos. GIF (Graphics Interchange Format) JPEG (ou JPG) (Joint Pictures Experts Graphis)
Imagens - Formatos GIF (Graphics Interchange Format) - Muito popular na web. - Permite ter um máximo de 256 cores. - Indicado para cartoons, logos, imagens com áreas transparentes e animações. JPEG (ou
Leia mais0777 Processador de Texto
0777 Processador de Texto Objectivo (s) Utilizar aplicações informáticas de processamento de texto. Processador de texto conceitos gerais Criação de um documento Abertura de documentos Gravação de documentos
Leia maisAula de JavaScript 05/03/10
Objetos Sabe-se que variável são contêiners que podem armazenar um número, uma string de texto ou outro valor. O JavaScript também suporta objetos. Objetos são contêiners que podem armazenar dados e inclusive
Leia maisRoteiro 7: Ferramentas de trabalho Editores de texto
Roteiro 7: Ferramentas de trabalho Editores de texto Objetivos Detalhar conceitos sobre ferramentas de edição de texto; Explorar recursos do libreoffice writer; Explorar recursos do Microsoft Word; Explorar
Leia maisUtilizar o Microsoft Offi ce OneNote 2003: Iniciação rápida
Utilizar o Microsoft Offi ce OneNote 2003: Iniciação rápida Utilizar a iniciação ao OneNote 1 O MICROSOFT OFFICE ONENOTE 2003 OPTIMIZA A PRODUTIVIDADE AO PERMITIR QUE OS UTILIZADORES CAPTEM, ORGANIZEM
Leia maisProgramação Web Prof. Wladimir
Programação Web Prof. Wladimir Linguagem de Script e PHP @wre2008 1 Sumário Introdução; PHP: Introdução. Enviando dados para o servidor HTTP; PHP: Instalação; Formato básico de um programa PHP; Manipulação
Leia maisTutorial: Do YouTube para o PowerPoint
Autor: João Pina aragaopina@gmail.com 01-03-2010 OBJECTIVOS No final deste tutorial será capaz de: A. Retirar vídeos do YouTube; B. Converter os vídeos num formato passível de ser integrado em PowerPoint;
Leia mais02 - Usando o SiteMaster - Informações importantes
01 - Apresentação do SiteMaster - News Edition O SiteMaster foi desenvolvido para ser um sistema simples de gerenciamento de notícias, instalado em seu próprio computador e com configuração simplificada,
Leia maisProf Evandro Manara Miletto. parte 2
Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite
Leia maisInstrução de Trabalho Base de Conhecimento
Aprovado por Comitê da Qualidade Analisado criticamente por Dono do processo 1. OBJETIVOS Esta instrução de trabalho tem como objetivo orientar os colaboradores da SINFO, de como a será mantida e acessada.
Leia maisProcedimentos para a divulgação de eventos no site da ECUM
Procedimentos para a divulgação de eventos no site da ECUM Pressupostos introdutórios 3 Descrição da tarefa 4 Autenticação/Login 4 Página de entrada 4 Criar um novo evento 5 Colocar um evento em destaque
Leia maisManual de Utilização. Site Manager. Tecnologia ao serviço do Mundo Rural
Manual de Utilização Site Manager Tecnologia ao serviço do Mundo Rural Índice 1. Acesso ao Site Manager...3 2. Construção/Alteração do Menu Principal...4 3. Inserção/ Alteração de Conteúdos...7 4. Upload
Leia maisManual de Utilizador. Caderno. Recursos da Unidade Curricular. Gabinete de Ensino à Distância do IPP. http://eweb.ipportalegre.pt. ged@ipportalegre.
Manual de Utilizador Caderno Recursos da Unidade Curricular Gabinete de Ensino à Distância do IPP http://eweb.ipportalegre.pt ged@ipportalegre.pt Índice RECURSOS... 1 ADICIONAR E CONFIGURAR RECURSOS...
Leia maisMudança de formatos no HTML. CSS - Cascading Style Sheets. A prioridade para o efeito cascata. A prioridade para o efeito cascata
Mudança de formatos no HTML título CSS - Cascading Style Sheets e os problemas do HTML Para mudar a cor de uma única linha de uma página seria relativamente fácil.
Leia mais