Pular para o conteúdo principal

O que você precisa para começar a criar páginas em HTML?

Quais as ferramentas básicas necessárias prender html?



Para começar a aprender e a escrever seus primeiros códigos em html, você não precisa de muitas coisas, aliás, é bastante simples. Você precisará de:

  • Um notebook ou desktop para criar e salvar arquivos
  • Um navegador de internet (de preferência atualizado, mas não é obrigatório)
  • Um editor de texto puro (bloco  de notas / notepad++)
  • Conexão à internet para aprender os conceitos
Captura de tela exibindo bloco de notas e navegador abertos

São apenas quatro itens e se você notar, eles são muito comuns se você possui um computador. Para os mais adiantados, sim, é possível aprender apenas usando um navegador de celular. Mas não é o mais adequado para aprender os fundamentos da linguagem e vai requerer uma noção básica para operar com arquivos em editores online, muitas vezes em inglês. Fique tranquilo(a) que daremos dicas sobre esses editores e como aprender apenas usando seu celular em uma próxima postagem.

Por que um notebook ou desktop?

Notebooks e computadores são mais práticos, confortáveis e robustos, permitindo uma leitura mais confortável na tela, melhor pesquisa e navegação em sites, bem como armazenamento, edição e exibição de arquivos, contando com maior espaço e processamento. Além disso, você pode abrir e navegar com grande facilidade por várias abas, utilizando mouse e teclado. O ponto negativo é que os notebooks são mais caros, mas lembre-se, você não precisa de uma máquina muito possante, você precisa de uma máquina capaz de navegar minimamente bem na internet e que dê para criar e editar documentos de texto puro. 

Por que preciso de um navegador de internet?

Não é somente para navegar na internet. Os maiores navegadores disponíveis hoje, além de permitirem a função básica de navegação na internet, também possuem integradas ferramentas de desenvolvimento web. Através delas você tem um ambiente para criação, execução, edição e depuração de código html (estrutura básica do conteúdo web), css (para estilizar a página) e javascript (para controlar o comportamento da página). Não se preocupa se não compreender algum termo, veremos mais sobre cada um deles em postagens futuras e você aprenderá tranquilamente.

O que é um editor de texto puro e para que preciso de um?

Um editor de texto puro, garante que não haverá caracteres ocultos que irão alterar o nosso código html, causando assim sem mal funcionamento. Assim, o editor de texto puro como bloco de notas e notepad++, garantem que trabalharemos com texto somente, o que para html é fundamental.

Preciso de uma conexão rápida com a internet?

Se a sua conexão for muito rápida, melhor ainda, isso te poupará tempo, porém, isso não é uma exigência. A única exigência é que a sua conexão com a internet seja suficiente para você pesquisar os conteúdos que irá aprender pela internet (por exemplo, acessando este blog). Para a execução e exibição da maioria dos códigos que aprenderemos, será muito comum nem ao menos necessitarmos estar conectados, visto que os arquivos que criaremos estarão salvos no próprio computador.

Conclusão

Viu como é simples estar pronto para começar a aprender desenvolvimento web? Você nem se quer precisará instalar algum programa, podendo usar o básico que já acompanha qualquer computador padrão. Se você caiu nessa postagem de paraquedas, acessa a página inicial e comece já a aprender desenvolvimento web seguindo a lista de postagem que disponibilizamos. É aconselhável que você não pule etapas, siga a ordem dos conteúdos e o principal: PRATIQUE, PRATIQUE e PRATIQUE!!! Só assim, você estará aprendendo de verdade.






Comentários

Postagens mais visitadas deste blog

Estilos Inline no HTML (Não faça isso!)

 Estilos Inline São Rápidos, Mas Perigosos A forma mais rápida de aplicar estilos em elementos é inserindo-os na própria tag html do elemento, através do atributo  style="". Todas propriedades e valores inseridos entre as aspas do atributo style serão aplicados ao elemento que o contiver, porém, não faça isso! Na presente postagem explicaremos melhor o que você deve preferir na hora de estilizar seu código. Por que não devemos usar estilos direto nos elementos (inline) html? Primeiro porque não é considerada uma boa prática misturar código html e css no mesmo local, o que causa desorganização e problemas para pesquisar e corrigir erros. O outro bom motivo para não utilizar estilos inline é que em pequenos projetos como os exemplos html que usamos, onde há poucas linhas de códigos e poucos elementos, você não terá problema em usá-los, porém conforme o código for crescendo e com isso a complexidade dele, você não achará uma boa ideia usar estilos inline. Aqui vai um exemplo: se...

Introdução a CSS (Cascading Style Sheets)

O que é CSS  Aprendemos que HTML é a linguagem que estrutura os documentos web, pode ser considerado a espinha dorsal dos documentos web. Da mesma forma, que o html é considerado a espinha dorsal ou estrutura básica dos sites,  CSS (Cascading Style Sheets "Folhas de Estilo em Cascata") é a linguagem responsável por estilizar, colorir e organizar o leiaute da visualização do documento web.  Podemos utilizar uma analogia com o corpo humano para entendermos melhor o papel das CSS em uma página web: Assim como a estrutura para o nosso corpo é o nosso esqueleto, em um documento web esse "esqueleto" seria o código HTML, por cima desse esqueleto recebemos outras camadas como músculos, tecidos e pele...  essas camadas que dão forma ao nosso corpo, podem ser comparadas às folhas de estilo em cascata (CSS) que em nossos códigos nos permitem dentre outras coisas: alterar a cor dos elementos em um documento, alterar a cor de fundo, adicionar imagens ou padrões  de fundo, ed...

Introdução a formulários HTML

 Criando um formulário de contato simples O que iremos fazer hoje Formulários permitem ao usuário de um site ou aplicativo inserirem e enviarem informações para o site ou programa. Em html temos a tag <form></form> que nos permite criar um formulário em nossos documentos. hoje teremos uma visão bem superficial do assunto, já que a intenção é introduzir a funcionalidade de forma simplificada e não entrar nos detalhes de implementação e estilo neste primeiro momento. Fazendo a nossa marcação básica Abra o bloco de notas e insira a nossa tão conhecida estrutura básica html:  <!DOCTYPE html> <html lang="pt-br">   <head>     <title>Formulário de Contato</title>     <meta charset="utf-8">   </head>   <body>       </body> </html> Insira um cabeçalho de nível 1 (<h1>) dentro do body com o seguinte texto: Formulário de Contato Salve o documento com o nome...