9 Diretrizes para fazer Sites em desenvolvimento rápido, mais simples e mais divertido

É essencial começar sempre desligado com a atitude apropriada ao lidar com a montagem de sua vertente e desenvolvimento de sites web não é diferente. Um dos maiores road-blocos que eu experimentei em minha viagem é a minha própria preocupação de "sujar" com o valor. Durante os primeiros quatro décadas, eu estava um lado Inicial Página Web cara ... nunca se aventurando para projetar-se o valor a menos que eu definitivamente tinha que Não foi até que eu tornou-se definitivamente decepcionado com as características restritas do aplicativo que eu gradualmente avançou meu caminho para estudar alguns HTML

Etapa # 1:. O Pré-Step

Se você gosta de mim, sua primeira reação quando você venha com um novo conceito é se apressar imediatamente à pc e Ativar. Não tão rápido, meu amigo. Uma das ações mais fáceis e mais eficientes que você pode tomar para criar seu estilo de vida menos traumática é tomar um segundo e, basicamente, esboçar o quadro do projeto que você vê em certificados.

Poderia áudio ridículo e descuidado, mas cria uma distinção tão significativo. É como se o cérebro se concentra instantaneamente uma vez que você colocar o seu conceito sobre o documento. Colocando-o em um documento, você determinar exatamente o que os componentes que você quer ter em cada página, o que o olhar total geral e sensação deve ser, e você fornecer seus pensamentos a uma rota específica e direccionada em que apontar.

Não importa o quão tola ela pode ou não pode parecer, esboçar seu projeto primeiro

Etapa # 2: Coloque seus arquivos

Se você estiver usando requisitos de web design presentes (e você deve ser), então cada site que você desenvolver terá um conjunto idêntico de arquivos primários: 1) headlines.php, 2) bottom.php, 3) sidebar.php, 4) design.css e 5) suas páginas de material pessoal (ou seja, catálogo, sobre, entrar em contato com a gente, etc.). Vá em frente e criar essas informações logo de cara. Você sabe que você precisar deles, então, basta criá-los, e consistem em um arquivo catalog.php pc (Nota: se você não tem certeza do que eu estou me referindo aqui ou como fazê-lo, ver a caixa de fonte abaixo) .

Isto torna-se o desempenho primário do seu site fora do caminho, dessa forma você pode se concentrar no desenvolvimento e você pode analisar o seu site estadia para ver como fica

Etapa # 3.: Construa sua página Web Layouts

Aqui é onde você precisa escolher exatamente o que componentes as páginas do seu site vai ter e onde eles vão (não estamos preocupados com o que eles se parecem, ainda). Qual será a sua manchete parece? Será que vai ter vários conteúdo ou apenas um? Você terá uma barra de roteamento na parte superior ou na barra lateral? Será que você tem uma barra lateral? E sobre o seu rodapé? Onde ele vai? Que tipo de componentes que terá

Este é o lugar onde você coloca para fora do quadro principal de seu website -? Tipo de como desenvolver as superfícies de uma casa. Você não está se agarrando-se obras de arte e imagens, ainda - em vez disso, você está criando a estratégia que decide como tudo vem junto. Coloque tudo isso em primeiro lugar

Etapa # 4:. Execute Básico CSS Styling

Agora, que você tem suas "paredes"-se, é uma chance de começar a adicionar algum material isolante e sheetrock e ver como ele todos os olhares. Em outras condições, você vai querer fazer algum projeto muito primário. Adquira seus divs encoberto como você quer -. Os níveis e tamanhos certos, sua estrutura primária e forma

Um pouco técnica que eu uso é para criar todos os meus divs primárias (que geralmente deve ser manchetes, material, barra lateral, e rodapé) um tom diferente, então eu sei o que é que div quando eu olhar para ele em um browser on-line e eu posso ver se tudo está a organizar como eu quero. Na verdade, eu vou manter essas máscaras utilizadas durante a maior parte de meu projeto de realizar, para que eu possa ver como tudo está chegando juntos

Etapa # 5:. Construir o seu Elements Design by

Este é o lugar onde você vai investir um monte de sua energia e energia - e, você vai investir em Photoshop (ou qualquer outro projeto de sistema que você usa). Isto é onde você cria as imagens de pano de fundo, logotipo, cafés, cabeçalhos, e assim por diante. Este é o lugar onde a maior parte da inovadora executar realmente ocorre.

Construa seus componentes de design, analisá-los e levá-los exatamente como você quer que eles. Não mudar a partir daqui até que você entendeu exatamente como você quer. E, claro, você pode optar por delegar este aspecto de seu desenvolvimento, mas, pelo menos se você fizer isso, você tem um conceito muito mais evidente de que tipo de componentes que você precisa - o que pode preservar-lhe tempo, dinheiro e decepção

Etapa # 6:. Examine compatibilidade do navegador

Eu analiso meus estilos no Chrome como eu desenvolvê-las, pois, certamente, eu tenho certeza de como criar Internet Traveler fornece o meu site. Neste fator, você quer sair e fazer isso para os componentes significativas de projeto que você projetou até agora. Não há nada mais irritante do que o desenvolvimento de um website global, só para descobrir que provoca Internet Traveler ter parada cardíaca.

Pode parecer chato, mas acredita em mim ... parar de olhar aqui. Você tem muito menos valor para executar através de e se você gerenciar os problemas significativos agora, que geralmente realiza-se menos executar você tem que fazer mais tarde

Etapa # 7:. Incluir Tecnologia Web

Agora, você tem seus componentes significativos do projeto para baixo, você tem o seu site em sua maioria em posição, e é uma chance de adicionar em seus componentes significativos de inovação tecnológica. É essencial fazer isso agora antes de fazer qualquer projeto CSS mais tempo, para que você possa ver como é que a inovação tecnológica irá integrar em seu site. Se você estiver criando um conceito WordPress (que você pode fazer seguindo este mesmo método), este o fator quando você iria integrar o valor WordPress PHP em seu projeto

Etapa # 8:. Innovative Styling CSS

Neste fator, você deve ter seu website concebido principalmente estruturalmente ... agora, você pode começar a completar seu projeto CSS. Outro factor a ter em mente é que este nível nunca realmente termina. Estou sempre remodelação meus sites aqui e ali. O excelente aspecto é com CSS você pode projetar componentes muito especial e levá-los exatamente como você gosta deles

Etapa # 9:.
Validação

Oh realmente ... aprovação. Para algumas pessoas, isso pode ser opcionalmente disponível, mas, para mim, não é. Criando um site que valida é a indicação de um desenvolvedor web estabelecida. Além, é dito que olhar para os motores concentra-se neste. Realmente não é tão difícil de fazer e, geralmente, em mim exige um 30 minutos a tempo para afetar fora. É bem valor do período suficiente com relação à popularidade, confiabilidade e posições seo on-line.

Embalagem It All Up

Bem, isso é o meu item de enganar e a técnica real eu uso para criar sites web . Levei cerca de cinco décadas para obtê-lo para baixo para uma tecnologia como esta, mas era valor ele na extremidade. Claro, nós não somos capaz de proteger qualquer assunto em muitos detalhes aqui, então se você gostaria de explorar web design, certifique-se de ter um olhar para a minha caixa de fonte abaixo Restaurant  .;