Você está fascinado com a ideia de ter seu próprio espaço na Internet para se expressar da melhor forma, então está pensando seriamente em aprender como criar um site HTML que permite que você solte sua criatividade, compartilhando suas ideias ou, por que não, seu projeto, com todos aqueles de quem você gosta. O problema é que você não tem ideia de como isso pode ser feito, então está procurando um guia para ajudá-lo a dar seus primeiros passos no mundo das linguagens da web.

Bem, fico muito feliz em informar que você encontrou! Na verdade, pretendo a seguir fornecer todas as instruções necessárias sobre a linguagem HTML e sobre como criar um site na Internet. Não se preocupe se você não está muito familiarizado com o assunto: os conceitos que vou expor são fáceis de entender e garanto que mesmo quem, como você, nunca fez nada parecido, poderá criar um pequena página da Web. a partir da qual começar, talvez, um grande projeto.

Então, o que você está esperando para começar? Reserve alguns minutos para você mesmo, fique à vontade e leia atentamente tudo o que tenho a dizer: Tenho certeza que, depois de ler este guia, você ficará surpreso com o resultado que poderá alcançar. Posto isto, só queria desejar uma boa leitura e muita diversão!

  • Informação preliminar
  • Partes de uma página da web em HTML
  • Crie um site HTML básico
  • A folha de estilo
  • Framework e CMS
  • Recursos úteis

Elementos flash ou miniaplicativo Java.

Por esse motivo, o HTML 5 também é amplamente utilizado no desenvolvimento de aplicativos dedicados a smartphones, tablets e outros dispositivos conectados, geralmente sem suporte para tais tecnologias "adicionais".

Em geral, uma página criada apenas com HTML é definida página estática, ou seja, capaz de mostrar sempre o mesmo conteúdo e, na maioria dos casos, não pode ser alterado pelas condições atuais do ambiente em que é exibido ou pelas ações que o usuário realiza nele.

No entanto, como você descobrirá ao continuar lendo este guia, há muitos idiomas que cruzar com HTML para construir sites mais ou menos complexos, dinâmicos e ricos em conteúdo: duas das linguagens que merecem destaque são as CSS, que define o estilo dos elementos que compõem as páginas do site, e o JavaScript, uma linguagem de programação real que permite manipular dinamicamente a página e torná-la interativa, se necessário.

Clique aqui.

Assim que a entrada for concluída, salvar com nome o arquivo, tendo o cuidado de usar a extensão .html (por exemplo. PrimoSito.html) Neste ponto, você só precisa fazer Duplo click no arquivo que você acabou de salvar para visualizá-lo no navegador: parabéns, você acabou de criar sua primeira página da web em HTML! Lembre-se de que você pode visualizar o código da página a qualquer momento clicando em um ponto aleatório e selecionando Ver o código-fonte da página a partir do menu de contexto proposto pelo navegador.

Usando esta técnica, você será capaz de criar uma série de páginas HTML que só podem ser visualizadas no computador que você está usando: para tornar seu site acessível a partir da Internet, você precisará comprar um. espaço de hospedagem que pode hospedar suas páginas e, possivelmente, um domínio associado. Eu expliquei o assunto em detalhes em meu guia para melhor hospedagem.

arquivo html acabei de editar e… aproveite o resultado! Para obter mais informações sobre as diretivas CSS, convido você a ler com atenção o guia básico HTML.it para CSS.

WordPress, Drupal, Magento, Joomla e Prestashop.

HTML.it Guia HTML - muito provavelmente um dos guias mais completos e exaustivos disponíveis na Rede: está dividido em seções temáticas práticas, está repleto de exemplos e, acima de tudo, em constante atualização.

  • W3Schools.com - promovido e publicado pela W3C, é um portal da Web inteiramente dedicado ao HTML e todas as tecnologias que giram em torno dele. A peculiaridade do W3Schools é a possibilidade de realizar, após a leitura de cada lição, inúmeros exercícios de autoverificação para avaliar as habilidades adquiridas.
  • Amaya - é um ótimo programa de edição de HTML, código aberto, criado e distribuído pela W3C. É um editor de tipos wysiwyg (o que você vê é o que você obtém, "O que você vê é o que você obtém), capaz de criar sites HTML inteiros, bem como folhas de estilo, pequenos scripts e assim por diante, desenhando-os com o mouse.
  • Adobe Dreamweaver - se você se lembra bem, já falei sobre esse software no meu guia do programa para HTML. É uma solução poderosa e completa para o design e estrutura de sites simples e complexos da Internet, equipada com ferramentas para gerenciar HTML, JavaScript, CSS, design gráfico e assim por diante.
  • HTML 5 com CSS e JavaScript - se você adora referências de "papel" e pretende usá-las para aprender tecnologias da Web em profundidade, você pode dar uma chance a este texto: mais do que um manual, é uma referência completa para a criação completa sites, mas também de aplicativos móveis baseados na Web, baseados na interação entre HTML5, folhas de estilo e JavaScript.
  • Se você chegou até aqui, significa que dominou perfeitamente tudo o que há para saber sobre programação HTML básica. Espere, você está me dizendo que ainda acha que é um pouco difícil e que gostaria de um sistema que possa orientá-lo pelo menos em seus primeiros passos? Então, recomendo que você crie seu primeiro site usando um dos CMSs gratuitos, com seu espaço de hospedagem associado, disponível na Internet: dois dos mais usados ​​hoje são certamente WordPress.com é Blogger, sobre o qual falei especificamente em meus insights sobre como criar um site com WordPress e como criar um blog grátis no google.