Apreciando quadros html

Video: APRECIANDO QUADROS! - The Sims 4 #02

Frames adicionar controle de navegação inovador porque eles permitem exibir múltiplas páginas HTML em uma janela do navegador e controlar o conteúdo de cada área moldada individualmente. Designers normalmente usam quadros para criar uma página com dois ou mais seções e, em seguida, colocar links em uma seção que, quando selecionado, mostrar informações em outra seção da mesma janela do navegador.

páginas da Web que usam quadros são divididos em seções separadas - ou indivíduo quadros. Todos os quadros juntos formam um conjunto de quadros. Nos bastidores, cada quadro do conjunto de quadros é um arquivo HTML separado, que faz uma página com quadros um pouco complicados para criar, mesmo com o Dreamweaver. Se você optar por criar os seus quadros arquivos em um editor de texto, você tem que lidar com várias páginas, trabalhando em cada quadro um de cada vez, e você pode ver o que você está criando somente quando você visualizar o seu trabalho em um navegador. O editor visual no Dreamweaver torna a criação de quadros muito mais fácil porque você pode visualizar todos os arquivos HTML que compõem o conjunto de quadros ao mesmo tempo e pode editá-los enquanto eles são exibidos na forma em que eles aparecem em um navegador.

Como um recurso de navegação, quadros permitir que você mantenha algumas informações constante, ao alterar outras informações na mesma página. Por exemplo, você pode manter uma lista de links visíveis em um quadro e exibir as informações de cada link abre em outro quadro.

Video: #2 - HTML - Aula 11 - DIVs (Posicionamento e Formatação CSS)

Frames olhar grande para muitos designers, mas eles também são muito controversa. Embora quadros lhe dar algumas boas características de navegação, eles também abrir um leque de problemas de projeto e nem sempre são a melhor maneira de organizar o seu site.

Por exemplo, você pode criar tantos quadros quanto você quer dentro de uma janela do navegador. Infelizmente, algumas pessoas overuse-los e criar projetos que são tão complexo e dividido que eles são nem esteticamente atraente nem facilmente navegável. Colocar muitos quadros em uma página também pode fazer um site difícil de ler porque as janelas individuais são muito pequenas. Isso levou muitos internautas para odiar apaixonadamente frames. Além disso, alguns sites que correram para implementar quadros quando foram introduzidas pela primeira vez, quer tenham abandonado los ou minimizado seu uso.

Um aspecto mais problemático de quadros é que eles não são compatíveis com versões anteriores para browsers muito antigos ou puramente baseado em texto, o que significa que se um visitante usa um navegador mais antigo que não suporta frames, eles não vão ver nada - que é direita, que recebem uma página em branco - a menos que você usar um tag especial chamado tag para criar uma página alternativa para complementar sua página enquadrado. Felizmente, o Dreamweaver insere automaticamente um tag em todas as páginas de molduras e torna muito fácil de adicionar o conteúdo alternativo para os telespectadores com navegadores que não suportam frames.

Goin’ para obter orientações

Aqui está uma lista de diretrizes a serem seguidas quando usando quadros:

  • Não use quadros apenas por uma questão de usar frames. Se você tem uma razão convincente para usar frames, em seguida, criar um conjunto de quadros elegantes e fáceis de seguir. Mas não fazê-lo apenas porque Dreamweaver torna fácil de fazer.
  • Limite o uso de quadros e manter arquivos pequeno. Lembre-se que cada quadro você cria representa outro arquivo HTML. Assim, um conjunto de quadros com três quadros requer um navegador para exibir três páginas da Web, e que pode aumentar drasticamente o tempo de download.
  • Desligue bordas do quadro. navegadores mais recentes suportam a capacidade de desligar a fronteira que divide quadros em um conjunto de quadros. Se a seção tem que ser de rolagem, a fronteira é visível, não importa o quê. Mas se você pode transformar as fronteiras fora, suas páginas olhar mais limpo. molduras são grossos e um feio na cor cinza, e eles podem acabar com um design agradável. Use-os apenas quando você sente que eles são realmente necessários.
  • Não use quadros quando tabelas são melhores. Tabelas são mais fáceis de criar do que quadros e pode fornecer uma solução mais elegante para suas necessidades do projeto porque eles são menos intrusivo ao projeto
  • Não coloque quadros dentro de quadros. As janelas ficam muito enervante pequeno para ser útil para muita coisa, e a tela parece terrivelmente complicado. Você também pode ter problemas quando o site enquadrado links para outro site que é exibido em seu conjunto de quadros.
  • Coloque em alternativa conteúdo. O número de usuários a navegar na Web com navegadores que não suportam quadros torna-se menor a cada dia. Ainda assim, é uma boa idéia para mostrar-lhes alguma coisa diferente de uma página em branco.

Video: Understanding Similarities, Appreciating Differences | Leora Bar-el | TEDxUMontana

Experimentar o comando Dividir quadro

Quando você cria um quadro de página no Dreamweaver, é importante perceber que o arquivo que você está começando com o conjunto de quadros arquivo - o arquivo que não aparece no navegador, mas simplesmente instrui o navegador como exibir o resto dos quadros e quais as páginas para usar como conteúdo para cada quadro. Quando você editar o conteúdo de qualquer um dos quadros no conjunto de quadros, você não está realmente a edição do arquivo do conjunto de quadros, mas os arquivos que povoam as regiões enquadradas dentro do conjunto de quadros. Normalmente você teria que editar os arquivos separadamente, mas Dreamweaver torna muito mais fácil de projetar com quadros, permitindo que você edite o conteúdo de cada quadro na contexto do conjunto de quadros como parece em um navegador.

Você pode criar quadros de duas formas no Dreamweaver. A primeira maneira é conseguido através da divisão de um único arquivo HTML em duas seções, que se tornam quadros individuais. Quando você faz isso, o Dreamweaver gera automaticamente uma página untitled com o tag e páginas sem título, em seguida adicionais que são exibidos em cada um dos quadros dentro do conjunto de quadros. De repente você está administrando várias páginas, não apenas um. Isso é importante para entender, porque você tem que salvar e nomear cada uma dessas páginas como um arquivo separado, embora Dreamweaver faz parecer que você está trabalhando em apenas uma página que está dividida em seções.

Você deve sempre salvar seus arquivos HTML antes de inserir qualquer coisa em eles- no entanto, o oposto é verdadeiro quando você estiver trabalhando com arquivos de molduras em Dreamweaver. Esperar até depois de ter criado todos os quadros no seu conjunto de quadros e depois salvá-los- caso contrário, ele fica um pouco complicado e confuso para rastrear seus arquivos.



Para criar um conjunto de quadros simples no Dreamweaver, siga estes passos:

1. Escolha -gt arquivo; Novo.

Video: Arcanjo Gabriel - Apreciando o Desdobramento

Uma nova página será aberta.

2. Escolha Modificar -gt; -gt conjunto de quadros; Dividir quadro à esquerda.

A página é dividida em duas seções. Você também pode escolher Dividir quadro à direita, para cima ou para baixo. Dividir quadro à esquerda ou direita divide a página verticalmente. Dividir armação para cima ou para baixo divide a página horizontalmente.

3. Clique dentro da área frame da direita para torná-lo ativo.

4. Escolha Modificar -gt; -gt conjunto de quadros; Dividir armação para cima, baixo, esquerda ou direita para dividir a página novamente.

5. Clique em qualquer um dos bares que dividem os quadros para selecionar a barra e arraste-o até que a página é dividida da forma que desejar.

6. Para editar cada seção do conjunto de quadros, clique dentro do quadro que você deseja trabalhar.

Você pode digitar, inserir imagens, criar tabelas e adicionar quaisquer outros recursos, assim como você faria para qualquer outra página.

7. Se você estava seguindo junto com estes passos para a prática e não quiser salvar o seu conjunto de quadros neste momento, escolher -gt arquivo; Fechar para fechar o arquivo. Quando perguntado se você deseja salvar as alterações, escolha Não.


Publicações relacionadas