Como criar o Top da página, com um modelo de PHP

A parte superior da página é uma das seções mais complexas para um sistema de template PHP para segurar. A parte superior de uma página web contém a declaração de tipo de documento (DTD), juntamente com links para o CSS e de qualquer javascript que serão utilizados na página. O topo da página também contém o título e outras informações meta sobre a página.

Além das informações na seção de uma página, na parte superior da página que você está usando neste exemplo também contém o menu mostrado aqui, com os links para outras páginas do site.

image0.jpg

A classe que você criará neste exercício tem quatro métodos para a parte superior da página, incluindo tanto a seção e o menu. Entretanto, ao usar a classe, você não quer ter que chamar (ou lembrar de chamar) todos os vários métodos na ordem correta para criar a parte superior da página.

Tudo o que importa é que você criar uma seção superior da página. Portanto, só há um método público, chamado getTop. o getTop método é responsável para a recolha de todos os bits para fazer com que toda a parte superior da página.

  1. Aberto classPage.php se ele já não estiver aberto.

  2. Dentro classPage, logo abaixo da pública $ titleExtra = "" - linha, insira o seguinte código:

    função pública getTop () {$ output = "" - $ output = $ this -.> _ getDocType () - $ output = $ this -.> _ getHtmlOpen () - $ output = $ this -.> _ getHead () - $ output . = file_get_contents ( "pageTop.txt") - retornar $ output-} // função final getTop ()

  3. Salvar classPage.php.

    o getTop () método cria uma variável para a saída. Isso dá a flexibilidade para adicionar ou remover da variável como você precisa. O método chama três métodos adicionais, agarra algum HTML simples a partir de um arquivo chamado pageTop.txt, e devolve o resultado.

  4. Dentro classPage.php (Abri-lo, se ele já não estiver), abaixo da getTop () do método de chave de fechamento, digite o seguinte código:

função protegida _getDocType ($ doctype = "html5") {if ($ doctype == "html5") {$ dtd = ""-} Return $ dtd". N "-} função protegida _getHtmlOpen ($ lang =" en-us ") {if ($ lang ==" en-us ") {$ htmlopen =""-} Return $ htmlopen." N "-} _getHead função protegida () {$ output =". "- $ Output = file_get_contents (" pageHead.txt ") - if (! $ This-> titleExtra =" ") $ title = $ this-> titleExtra "else {$ title = $ this-> título -}. $ output =".". $ Título.". "- $ Output =" "-Retornar $ output-} // função final _getHead ()

Os três métodos que você adicionar no Passo 4 são responsáveis ​​pela construção da seção da página. O primeiro método, _getDocType, retorna o DTD, que para o seu caso será HTML5, mas poderia ser qualquer outro tipo de documento válido.

DTDs dizer ao navegador que tipo de documento que esperar eo que governa esse documento irá honrar. Isso ajuda o navegador para tomar decisões sobre como exibir o documento.

O seguinte método é chamado _getHtmlOpen (), que cria o elemento de página e define o idioma. Como outros métodos, a linguagem pode ser personalizado aqui se for necessário.

O último método é o chamado _getHead () método. Este método incorpora um outro arquivo, chamado pageHead.txt. o pageHead.txt arquivo inclui links para CSS e javascript. Lembre-se disso $ type propriedade que está definido no Página classe?

Aqui é um lugar onde você pode usá-lo. Se você tem um tipo de página especial que requer CSS adicional ou javascript, você pode adicionar uma instrução condicional aqui como: "Se o tipo é especial, em seguida, usar pageSpecialHead.txt."

o _getHead () método é também onde o título da página é set- se o $ titleExtra propriedade é definida, em seguida, ele começa usado aqui também.

Agora você tem a capacidade de construir a parte superior da página, ou próximo a ela, de qualquer maneira, porque você ainda precisa o código para esses dois arquivos de texto, pageHead.txt e pageTop.txt. Você cria aqueles que utilizam os seguintes passos.

  1. Criar um novo arquivo vazio em seu editor de texto.

  2. Dentro do arquivo, insira a seguinte marcação:

  3. Salve o arquivo como pageHead.txt na raiz do seu documento e resistir à tentação de fechar esse elemento!

O elemento é aberto neste arquivo (embora ele também poderia ser aberto dentro do _getHead () método). No entanto, porque você precisa adicionar outros elementos, como o título, para a secção, não fechar o elemento neste arquivo. Em vez disso, deixe que para o _getHead () método para fazer. Isto dá-lhe a maior flexibilidade para mudanças e adições posteriores.

Agora criar o pageTop.txt arquivo que cria a estrutura de menu que você vê na figura anterior e está implantada a partir do página Início () método.

  1. Criar um novo arquivo vazio em seu editor de texto.

  2. Dentro do arquivo, adicione a seguinte marcação:

  3. Casa
  4. Sobre
  5. Contate-me

Semelhante

menu