[MÚSICA]
Longe vão os dias em que os sites eram puramente usados para
fornecer informações aos usuários.
Atualmente, na maioria dos sites, os usuários poderão interagir com o site para
fornecer informações, por exemplo, clicando em botões ou preenchendo formulários
e digitando algo nas caixas de pesquisa, e assim por diante.
Então, como apoiamos esses tipos de interações com os usuários?
Então é com isso que vamos lidar nesta palestra em particular e
no exercício que se segue.
Como exemplo, se você visitar o site Coursera, você verá que você tem
botões no topo aqui que você pode clicar para chegar a lugares diferentes.
Você poderia ter uma caixa de pesquisa, na qual você pode digitar informações,
para procurar, digamos, por exemplo, desenvolvimento web de pilha completa e, assim por diante.
Então, o que percebemos é que a interação do usuário precisa ser suportada
em sites usando muitas abordagens diferentes, incluindo botões,
formulários, caixas de texto, caixas de seleção e muitos outros.
As interações iniciais com sites foram fornecidas principalmente por meio de hiperlinks.
Então você pode clicar em um hiperlink e ir para outros lugares e assim por diante, mas
isso é, obviamente,
hiperlink é apenas um dos muitos métodos de interagir com o seu site.
Você pode ter botões incluídos no site que, quando clicado,
resultarão em alguma ação sendo tomada no site.
Você pode ter formulários que você preenche para fornecer informações para o site.
Então, quando você olha para como você incluiria esses
recursos de interação do usuário em seu site, você verá que você pode usar algo
como as tags a que são úteis para fornecer hiperlinks,
então você tem as tags de botão que permitem que você inclua botões em seu site.
Agora o que vamos olhar é como formatar com um tags
nas tags botão usando classes bootstrap para que você possa modelá-los
para falsificar o tema geral de bootstrap.
HTML já inclui os elementos de formulário e os elementos de entrada lá.
Agora, podemos olhar para como bootstrap aprimora esses elementos, fornecendo
recursos de estilo para formulários, e vários elementos que vão para os formulários.
Botões obviamente fornecem uma maneira simples de interagir com o seu site.
Então, quando você tem um botão em seu site, você pode passar o mouse sobre o botão,
você pode clicar no botão e esperar que algo aconteça no processo.
O comportamento do botão depende de onde ele está posicionado no bootstrap.
Se o botão estiver dentro de um formulário, por exemplo,
normalmente o clique no botão fará com que o formulário seja enviado a um servidor
ou que as informações do formulário sejam canceladas.
Um botão fora de um formulário pode ter outras maneiras de fornecer interação.
Da mesma forma, a < a > tag que tradicionalmente associamos a
hiperlinks também pode ser seqüestrada para ser estilizada e
apresentada na forma de um botão.
Então, aqui vamos ver como bootstrap fornece classes que podem ser
usadas para formatar a tag em um botão a ser apresentado em seu site.
Nós também olharemos para vários elementos de formulário, como os elementos de entrada
, select, o botão e também os elementos de texto AD, e
como fazemos uso deles dentro de nossos formulários para projetar e
construir um formulário que pode ser incluído em nosso site.
Assim, o exercício que segue esta palestra em particular irá apresentar-lhe o
suporte de bootstrap para botões de estilo, e
também olhar para como vários elementos de formulário podem ser melhorados usando
classes bootstrap para apresentar formulários Bootstrap clássicos.