Modificar formulários no Dreamweaver

Name: Modificar formulários no Dreamweaver
Author: Patti Scully-Lane

Adicionar conteúdo às tuas páginas é o que o Dreamweaver facilita. Adicionarás conteúdo de texto e o formatarás com títulos, marcadores e estilos de negrito e…

Preview the first lesson free — get full access to all 5 lessons.

Solicitar uma demonstração Entrar

Curso: sob demanda

Nesta lição, você aprenderá como adicionar um elemento de formulário para uma página no Adobe Dreamweaver. Agora, antes de começarmos, precisamos configurar um site para nossa pasta de arquivos de aula. Então vamos ao menu do site, ao novo site. Vamos procurar uma pasta e salvei os arquivos de aula para a minha área de trabalho e há o módulo quatro formulários. Então vamos selecionar essa pasta. E vamos nomear este site, trabalhando com formulário, e vamos clicar no botão salvar no painel de arquivos é onde vemos todos dos arquivos de aula que usaremos para criar nosso formulário nas próximas lições. Vamos trabalhar com o contact.HTML. Então, vamos abri-lo clicando duas vezes nele. Também vamos abrir contato feito, apenas para dar uma olhada rápida no que vamos construir. Então aqui está o nosso formulário. Teremos campos de texto e botões de opção e caixas de seleção e uma área de texto em nosso formulário bem como um botão de envio na parte inferior. Agora, para que possamos realmente criar o formulário, vamos voltar ao nosso arquivo contact.HTML. Vamos clicar nesta área à esquerda e nós vamos digitar entre em contato conosco. E com o nosso cursor nesse parágrafo, vamos descer ao nosso painel de propriedades e vamos mudar o formato desse parágrafo para um H1, título um, então vamos clicar nesse menu suspenso em nosso painel de propriedades e mude para um título. Agora vamos clicar no enter ou tecla de retorno para descer para a próxima linha. E é aqui que vamos adicionar nosso elemento de formulário. Outros dois lugares que poderíamos ir para adicionar nosso formulário. A primeira está no menu de inserção, no formulário, e você pode ver todos os diferentes elementos de formulário aqui. Outro lugar que podemos ir acabou para o painel de inserção aqui à direita apenas no mesmo grupo com nosso painel de arquivos. Agora, se você não vir seus elementos de formulário, basta clicar no menu suspenso e escolher o formulário, e a primeira coisa que precisamos fazer para criar este formulário é adicionar um elemento de formulário. Então, vamos clicar uma vez nesse formulário. E quando olhamos em nossa área, em nossa visão de design, podemos ver uma borda vermelha tracejada e essa borda vermelha vai ser enrolada todos os elementos do formulário que vamos adicionar ao nosso formulário. Agora, com isso selecionado, vamos olhar aqui embaixo em nossas propriedades. E a primeira coisa que queremos fazer é escolher para nomear nosso formulário e dar-lhe um ID. Então vamos nomear esse contato porque isso vai pedir informações às pessoas para construir nossa base de assinaturas de newsletters. Agora apenas à direita do ID é nossa ação e nosso método. Agora existem dois tipos diferentes de formas que você pode criar no Dreamweaver em HTML. O primeiro é um post e o segundo é um git, com uma postagem, você está enviando informações para alguém que vai receber essa informação e você não vai ver quais informações eles recebem. Com um git, você está colocando informações, esperando receber algo em troca. Então, se você pensar em seu banco on-line, você coloca um nome de usuário e uma senha e você obtém todas as suas informações bancárias. Agora vamos escolher post como o método para o nosso formulário porque queremos que as pessoas apenas nos enviem suas informações. Agora, para que qualquer formulário funcione, você precisa de uma ação. Uma ação é um arquivo separado escrito em JavaScript ou PHP que permite a transferência dessas informações. Agora não vamos entrar nessa ação mas para fazer um formulário realmente funcionar, isso é algo que você vai precisar. Então é aqui que você vincularia a esse script que estaria na pasta do seu site. Agora aqui embaixo, esses são alguns dos novos recursos do HTML5 que o Dreamweaver está suportando. E o primeiro não é validar. O segundo é um autocompletar. Então, vamos verificar esse botão. O que isso permite é que alguém comece para preencher nosso formulário, haverá certos campos que serão preenchidos automaticamente se eles salvaram essas informações em seu navegador. Agora que temos nosso formulário, tudo o que precisamos fazer é começar a adicionar nosso conteúdo, e é isso que faremos na próxima lição. Então, nesta lição, você aprendeu sobre os diferentes tipos de formas que o Dreamweaver pode ter e como adicionar um elemento de formulário à sua página no Adobe Dreamweaver.

Intermediário Fornecedor : Patti Scully-Lane 5 lições · 41m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Urdu, Chinese

Descrição do curso

Adicionar conteúdo às tuas páginas é o que o Dreamweaver facilita. Adicionarás conteúdo de texto e o formatarás com títulos, marcadores e estilos de negrito e itálico. Adicionarás e formatarás imagens e verificarás se a estrutura de pastas e a origem das imagens estão correctas. Criarás links de texto para outros sites, páginas dentro do mesmo site e para endereços de e-mail.

Objectivos de aprendizado:

Habilidades qu aprenderás:

O Que Você Vai Aprender

Adicionar um elemento de formulário a uma página no Dreamweaver
Adicionar elementos de campo de texto a um formulário
Criar um grupo de botões de opção dentro de um formulário
Trabalhar com caixas de seleção e grupos de caixas de seleção
Criar uma área de texto e um botão de envio

Principais Conclusões

O curso abrange a adição de um elemento de formulário a uma página no Dreamweaver.
Mostra como adicionar elementos de campo de texto a um formulário.
Demonstra como criar um grupo de botões de opção e trabalhar com caixas de seleção e grupos de caixas de seleção.
Explica como criar uma área de texto e um botão de envio para um formulário.

Perguntas Frequentes

O que vou aprender neste curso?

Você aprenderá a adicionar um elemento de formulário, adicionar elementos de campo de texto, criar um grupo de botões de opção, trabalhar com caixas de seleção e grupos de caixas de seleção e criar uma área de texto e botão de envio no Dreamweaver.

Quais habilidades este curso abrange?

O curso abrange Adobe Dreamweaver, Design Web Format, Document Formatting, HTML Formatting, Web Authoring e Web Template Systems.

Quais elementos de formulário o curso me ensina a construir?

Ele ensina a construir campos de texto, um grupo de botões de opção, caixas de seleção e grupos de caixas de seleção, uma área de texto e um botão de envio dentro de um formulário.

Em qual ferramenta este curso é baseado?

Este curso é baseado no trabalho com formulários no Adobe Dreamweaver.