A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Acrescentando som e vídeo Locução:. FORMULÁRIOS Formulários possibilitam a entrada de dados do usuário: Ex: pesquisa, cadastro, reserva, comércio eletrônico.

Apresentações semelhantes


Apresentação em tema: "Acrescentando som e vídeo Locução:. FORMULÁRIOS Formulários possibilitam a entrada de dados do usuário: Ex: pesquisa, cadastro, reserva, comércio eletrônico."— Transcrição da apresentação:

1 Acrescentando som e vídeo Locução:

2 FORMULÁRIOS Formulários possibilitam a entrada de dados do usuário: Ex: pesquisa, cadastro, reserva, comércio eletrônico etc. conteúdo (controles + texto, imagens, tabelas, etc.)

3 Controles 4 São objetos para a entrada de dados: –TEXTAREA (área de texto) –INPUT (caixa de texto, caixa de senha, caixa de checagem, escolha e botões) –SELECT (menu) –LABEL (rótulo)

4 TEXTAREA Aqui o texto inicial, que será mostrado exatamente como for digitado. name = texto nome do controle rows= número número de linhas visíveis cols= número número de colunas visíveis (caract. por linha)

5 INPUT 4 Permite a entrada de tipos especiais de dados type = text type = password type = checkbox type = radio type = file type = button type = reset type = submit

6 INPUT type=text type = text cria uma caixa de texto name = texto nome do controle size = número número de caracteres visíveis maxlength = número máximo de caracteres a serem digitados value = texto texto inicial

7 INPUT type=password type = password cria uma caixa de senha name = texto nome do controle size = número número de caracteres visíveis maxlength = número máximo de caracteres a serem digitados value = texto texto inicial (não deve ser utilizado...) Obs: Só com o formulário não garante-se segurança.

8 INPUT type=checkbox type = checkboxcria uma caixa de checagem name = textonome do controle checkedse presente, inicia marcado

9 INPUT type=radio type = radiocria um botão de escolha name = textonome do controle. Deve ser o mesmo para todos os botões de escolha de um mesmo grupo de opções exclusivas. value = textovalor associado à escolha, necessário para identificar a opção escolhida. checkedse presente, inicia marcado

10 INPUT type=file type = filecria um botão para procurar arquivo name = nomenome do controle size = númeronúmero de caracteres visíveis value = textopode ser utilizado, pelo visualizador, como nome do arquivo inicial

11 INPUT type=button type = buttoncria um botão (de uso genérico) name = nomenome do controle value = textotexto dentro do botão

12 INPUT type=reset type = resetcria um botão limpar (reinicializa os valores do formulário, geralmente em branco) name = textonome do controle value = textotexto dentro do botão Obs: Quando o usuário apertar este botão, irá perder os dados já digitados.

13 INPUT type=submit type = submitcria um botão enviar (envia os dados do formulário) name = textonome do controle value = textotexto dentro do botão

14 SELECT (menus)...opções... name = textonome do controle size = númeronúmero de opções visíveis multiplese presente, possibilita seleção mútipla...

15 OPTION (menus) Internet Explorer Netscape Outros... value = textovalor da opção 4 Constrói um item de opção de um menu.

16 LABEL Sim for = id_controleindica qual o controle deve ser ativado Obs1.: Deve-se especificar id=texto dentro do controle a ser ativado pelo rótulo. Obs2.: Utilize criteriosamente - ainda não funciona adequadamente no Netscape!

17 O que fazer com os dados? 4 1 a opção: Enviar por correio eletrônico

Deixe uma mensagem pra mim

18 O que fazer com os dados? 4 2 a opção: Enviar para um programa (CGI) ...

19 O que fazer com os dados? 4 3a opção: Utilizar javascript –possibilita verificar a consistência de alguns dados do formulário –construir efeitos especiais como menu das páginas do site mensagem rolante relógio etc.

20 Folhas de Estilo 4 Folhas de estilo é um conjunto de regras que informa como deve ser a formatação e a organização da página, definindo características e comportamento dos elementos HTML. 4 Vantagens: –Separa a estrutura da forma de apresentação –Maior Controle da aparência da página –Páginas mais leves –Maior facilidade para fazer manutenção num site.

21 Teste com folhas de Estilos

24 3. Permitindo que um estilo seja utilizado em várias páginas (arquivo externo) 4 Criar um arquivo texto com extensão.css com as definições, 4 Criar um vínculo em todas as páginas que utilizarão o estilo:

25 Publicação na Web 4 É preciso utilizar um servidor web –provedores (pagos); –instituições (UFRJ,UNIRIO etc.); entrar em contato com os administradores para obter informações –serviços gratuitos. cadastrar-se e, possivelmente, estar sujeito a incluir propagandas em suas páginas.

26 Publicação na Web Provedores e instituições: - será fornecido endereço e senha - utilizar FTP para transferência dos arquivos


Carregar ppt "Acrescentando som e vídeo Locução:. FORMULÁRIOS Formulários possibilitam a entrada de dados do usuário: Ex: pesquisa, cadastro, reserva, comércio eletrônico."

Apresentações semelhantes


Anúncios Google