Embora existam exceções, sites modernos raramente são estáticas. Em vez disso, a maioria dos sites tem conteúdo que muda com freqüência e em muitas páginas diferentes , um processo que pode se transformar rapidamente grandes atualizações do site em uma grande empresa. Uma maneira de aliviar a carga de manutenção é colocar em mudança , ou dinâmica , o conteúdo em arquivos separados que estão incluídos no conteúdo estático em tempo de execução . Este procedimento permite que os desenvolvedores da Web alterar o conteúdo dinâmico em um lugar e refletir as mudanças em todo o site. Instruções
Server Side Include (SSI)
1

Abra um editor de texto e crie um novo arquivo chamado includeme.html . Adicionar um select ( ) elemento HTML para o arquivo e insira três tags de opção HTML ( ) . As tags englobe os três itens que compõem o menu. Feche a tag selecionar e salvar e fechar includeme.html .

Cocktail de camarão

Filet Mignon < ;/option>

Mousse de Chocolate

< /select>
2

Use um editor de texto para criar dois arquivos denominados include1.shtml e include2.shtml . Adicione o código HTML para os arquivos que exibe o texto do cabeçalho "Menu de hoje . " Coloque o cabeçalho dentro de cada arquivo e usar um comando # include para incluir Menu

<- # include file = " includeme.html " ->

;
3

Use um navegador da Web para abrir include1.shtml do servidor web. Verifique se os itens de menu no ecrã includeme.html em um menu HTML . Abrir include2.shtml a partir do servidor Web e verificar se ele exibe o mesmo menu HTML.
4

Retornar para o editor de texto e reabrir includeme.html . Adicionar uma opção adicional ( ) e um quarto item no menu . Salve includeme.html .

Cocktail de camarão

Filet Mignon

Mousse de Chocolate

escolha da bebida

< /select>
5

Recarregar include1.shtml em um navegador da web e verifique se o novo item é incluído no menu . Recarregar include2.shtml e verifique se o novo item é incluído no menu . Embora apenas o menu em includeme.html mudou , tanto include1.shtml e include2.shtml exibir a atualização.
PHP (Servidor Side Script)
6

Abra uma editor de texto e crie um novo arquivo chamado includeme.html . Adicionar um select ( ) elemento HTML para o arquivo e insira três tags de opção HTML ( ) . As tags englobe os três itens que compõem o menu. Feche a tag selecionar e salvar e fechar includeme.html .

Cocktail de camarão

Filet Mignon < ;/option>

Mousse de Chocolate

< /select>
7

Use um editor de texto para criar dois arquivos denominados include1.php e include2.php . Adicione o código HTML que exibe o texto do cabeçalho "Menu de hoje . " Coloque o cabeçalho dentro de cada arquivo e usar um PHP include () de comando para incluir Menu

< ? Php include (" includeme.html "); ? >

8

Use um navegador da Web para abrir include1.php do servidor web. Verifique se os itens em exibição includeme.html em um menu HTML . Abrir include2.php a partir do servidor Web e verificar se ele exibe o mesmo menu HTML.
9

Retornar para o editor de texto e reabrir includeme.html . Adicionar uma opção adicional ( ) e um quarto item no menu . Salve includeme.html .

Cocktail de camarão

Filet Mignon

Mousse de Chocolate

escolha da bebida

< /select>
10

Recarregar include1.php em ​​um navegador da web e verifique se o novo item é incluído no menu . Recarregar include2.php e verifique se o novo item é incluído no menu . Embora apenas o menu em includeme.html mudou , tanto include1.php e include2.php exibir a atualização.
JavaScript ( Script do lado do cliente )
11

Abra uma editor de texto e crie um novo arquivo chamado includeme.js . Adicionar um select ( ) elemento HTML para o arquivo usando o comando document.write JavaScript (). Insira três tags de opção HTML ( ) usando o comando ( ) document.write . As tags englobe os três itens que compõem o menu. Feche a tag e salvar e includeme.js próximos

document.write (" "); . Document.write (" coquetel de camarão < ;/option> "); document.write (" Filet Mignon "); document.write (" Chocolate Mousse "); document.write (" < /select> "); 12 Use um editor de texto para criar dois arquivos denominados include1.html e include2.html . Adicione o código HTML para cada arquivo que exibe o texto do cabeçalho "Menu de hoje . " Coloque o cabeçalho dentro de cada arquivo e usar um tag HTML 13 Use um navegador da Web para abrir include1.html do servidor web. Verifique se os itens em exibição includeme.html em um menu HTML . Abrir include2.html a partir do servidor Web e verificar se ele exibe o mesmo menu HTML. 14 Retornar para o editor de texto e reabrir includeme.js . Adicionar uma opção adicional ( ) e um quarto item no menu usando o () de comando JavaScript document.write . . Salve includeme.js

document.write (" "); document.write (" coquetel de camarão "); document.write (" Filet Mignon "); document.write (" Chocolate Mousse "); document.write (" escolha da bebida "); document.write (" < /select> "); 15 Reload include1.html em um navegador da web e verifique se o novo item é incluído no menu . Recarregar include2.html e verifique se o novo item é incluído no menu . Embora apenas o menu único em includeme.js mudou , tanto include1.html e include2.html exibir a atualização.

Anterior : Como calcular a altura de um iFrame

Próximo : No