Drupal é um sistema de gerenciamento de conteúdo de código aberto que permite aos desenvolvedores criar e gerenciar facilmente o conteúdo de um site. PSDs referem-se a arquivos de projeto do Photoshop. O desenvolvimento do site começa a partir do projeto de Photoshop . Depois de ter o projeto PSD , você pode convertê-lo em HTML, Joomla , Wordpress e Drupal local . Para converter os PSDs para HTML em Drupal, você precisa entender as tags HTML , CSS e temas do Drupal e conteúdo e nós. Fatiar o PSD
Vá para o seu Photoshop e abra o arquivo de design. Clique na barra de ferramentas e selecione " Slice Tool. " Corte -se a imagem que você deseja manter. Clique em " Save" para salvar as fatias. Esses arquivos devem ser guardados sob theme_files pasta yourwebsite /. Se a ferramenta Slice está escondido , você pode fazê-lo aparecer , clicando em " Ver ", " Show" e " fatias ". Evite cortar blocos de texto , porque eles não podem ser pesquisados no Google . No entanto , normalmente você quiser manter o texto do logotipo na imagem do logotipo.
Criando uma Página Web
Em qualquer editor de texto, crie um novo arquivo home.html e entrar o seguinte código :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns =" http://www.w3.org/1999/xhtml " o arquivo css antes do tag.
Criando DIV Marcações
Criar áreas DIV de acordo com o projeto original no PSD. Cada seção do seu layout deve ser incluído dentro de uma tag DIV e ser dado um nome de classe , como cabeçalho e rodapé. Adicionar tags DIV na seção do corpo :
. Da mesma forma, adicionar quantos tags DIV que você precisa para cada seção individual de seu layout.
Criando um arquivo CSS
No editor de texto, crie um novo arquivo e salve-o como " style.css ". Estilo das classes criadas anteriormente . Posicione as seções do layout usando flutuante , preenchimento e margens.
/* Top
Convertendo para um tema Drupal
Vá para o seu site Drupal e encontrar a pasta do tema . Criar uma nova subpasta com o nome de seu tema. Volte para o seu arquivo HTML. Adicione o Marca antes
tag. Drupal usa essa tag de impressão para imprimir as seções específicas na página. O código é o seguinte:
< ? Php print $ head_title > < ? $ php cabeça de impressão? >
< ? php impressão $ estilos ? >
< ? php print $ os scripts ? >
Salve o arquivo como um novo arquivo : page.tpl.php sob o seu novo diretório do tema . Arraste o arquivo style.css lá.
Virando Seções em Drupal Blocos
Drupal tem predefinidos blocos , incluindo US $ header , $ cabeçalho à esquerda, $ content e $ footer_message . Estes blocos serão chamados em seu arquivo page.tpl.php pelo tage . Altere as seções de conteúdo dinâmico em blocos , adicionando as tags blocos .
