Programação  
 
Conhecimento computador >> Programação >> Programação PHP /MySQL >> 
Como criar um modelo de site com PHP
Você pode criar um modelo de site com PHP , mesmo se você não tem muita experiência com PHP ou HTML. O propósito de um modelo de sítio é geralmente para criar as estruturas de um local, mas sem adicionar o conteúdo real . Um modelo de site deve delinear os elementos HTML para exibir texto , imagens e outros conteúdos . A maioria dos modelos também incluem Cascading Style Sheets para definir o layout ea aparência geral do HTML. Um modelo de site podem ser destinadas a determinados tipos de site, ou pode ser geral. Instruções
1

Desenhe um projeto áspero para o seu modelo . Use um lápis e papel ou um programa de design gráfico para criar um esboço de seu projeto de modelo. Incluir seções para cada área eo tipo de conteúdo que você deseja que o modelo de conter. Normalmente, um projeto do molde site vai incluir um cabeçalho , um menu para navegar no site, e áreas para a exibição de texto e outros meios de comunicação.
2

Crie um arquivo PHP para cada página em seu site modelo. Nomeie o arquivo página " index.php " e outros arquivos com nomes para refletir seu conteúdo. Você pode, por exemplo, quer usar " help.php " para uma página de ajuda. Inserir elementos HTML dentro de seus arquivos PHP para conter cada seção de conteúdo do site, por exemplo :

$ SITE_TITLE = "Título do Site ";

echo " html head


class='content'> conteúdo da página


< ;/html> "; ? .

>

dentro do HTML no seu PHP, incluir elementos para manter as áreas de texto, imagens e outros conteúdos
< br > 3

Use CSS para ditar como os elementos do seu modelo deve ser colocado para fora. Em sua seção de cabeçalho da página , o link para um arquivo CSS externo (substitua as tags vazias de cabeça ) :

< link rel = type ' estilo ' = 'text /css ' templatestyle ' href = . css " />

Criar um arquivo " templatestyle.css "em um editor de texto e digite o código para determinar como as seções da página devem ser apresentados :

body { width: 900px ;}

# header {width : 100%; text-align : center; font- weight: bold ;}

# Menu {width : 100%; }
.

content { width: 100 %; color: # 333333 ;}

declarações CSS estabelecer a posição de cada elemento, bem como recursos visuais, incluindo texto e cores de fundo , fontes, bordas e muito mais.
4

Utilize imagens dentro de seu modelo para melhorar o design. A maioria dos modelos de site incluem imagens para adicionar à experiência do usuário. Dependendo da finalidade de um site, ele pode incluir imagens na seção de cabeçalho e dentro do conteúdo de cada página. Além disso , as imagens podem ser utilizadas como fundo para adaptar a aparência dos elementos do site, como neste exemplo CSS:

conteúdo. { Background: url ( " bgimg.jpg ");}

Images quebrar o texto e outros dados em uma página da web , tornando mais fácil e mais agradável de ler.
5

Teste o seu template PHP com conteúdo real. Insira texto e imagens de exemplo para o código do modelo para garantir que o PHP , HTML e CSS estão efetivamente codificada. Faça o upload dos arquivos de modelo para um servidor Web e navegue até as páginas , verificando que eles funcionem corretamente e apresentar o conteúdo para melhor efeito. Quando você insere o conteúdo real em um modelo , muitas vezes você vai se tornar consciente de falhas e áreas de melhoria .

Anterior :

Próximo : No
  Os artigos relacionados
·Como contar o número de ocorrências em PHP 
·Como usar o PHPMailer em um Webform 
·O que provoca o MySQL Overhead 
·Múltiplos inserts em MySQL 
·O que é um eco PHP 
·Como remover CSVs duplicados no PHP 
·Como inserir código PHP em um bloco estático 
·Diferença entre PHP4.0 & PHP5.0 
·Qual é a função DateDiff PHP 
·Tutorial PHP para uma simples Gallery 
  Artigos em destaque
·Como para codificar uma raiz quadrada em HTML 
·Como fazer uma matriz de strings 
·Como usar ponteiros void em C 
·Como usar um servidor MySQL Usando um cliente de linha …
·Como usar Ambos SRC e em linha em JavaScript 
·Como detectar CJK em Java 
·Como construir um Menu no Android 
·Como usar um cabeçalho PHP 
·Como desenhar uma esfera em Java 
·Cinco dicas JavaScript 
Cop e direita © Conhecimento computador https://ptcomputador.com Todos os Direitos Reservados