Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com
Mostrando postagens com marcador Introdução. Mostrar todas as postagens
Mostrando postagens com marcador Introdução. Mostrar todas as postagens

Vídeo aula - Criando o primeiro site, o "Olá Mundo" em HTML

Confira, através desta vídeo aula, como criar seu primeiro site em HTML, o "Hello, World!" ou "Olá, Mundo!", além de aprender as noções básicas sobre as tags mais importantes para a criação de um site.
Ler Tutorial

Vídeo aula - Introdução ao estudo do HTML, XHTML e criação de sites

Nesta vídeo-aula introdutória, será ensinado os conceitos básicos da linguagem HTML, XHTML e da criação de páginas para sites.

Esta aula foi feita pela Universidade XTI, e está disponibilizado gratuitamente no Youtube, para qualquer um estudar.
Ler Tutorial

História e Evolução do Google – O que é o PageRank


Continuando nossa série sobre a história do Google e do SEO, vamos falar de um dos elementos mais conhecidos por Webmasters e até mesmo do público, o conceito de PageRank.

Embora não tenha a mesma importância de antes, muitas pessoas ainda se baseiam nele, portanto ter conhecimento sobre isso é essencial, e é isso que vamos ensinar agora em nossa apostila de HTML, sobre como criar e divulgar sites.

Lembrando que caso deseje transformar seus estudos de HTML em uma profissão e começar a ganhar dinheiro criando sites, sugerimos que faça o seguinte curso e obtenha seu certificado de Webmaster (tudo online), para poder atuar na área:

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Especificações em HTML e Document Types

Conforme dissemos em nossa seção de Introdução ao estudo do HTML, ao longo dos tempos foram surgindo diversos tipos de HTML e variações / evoluções (como o XHTML, HTML 5 etc), além de novas tecnologias e linguagens de programação que irão agregar conteúdo e funcionalidade aos nossos sites (PHP, Java, JavaScript, CSS etc).

Vamos falar um pouco dessa diversidade de tipos de HTML e apresentar você o DOCTYPE, que será algo que você irá usar sempre que for criar um site.

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Como criar o primeiro site em HTML


Tutorial de HTMLAgora que já lemos bastante sobre a linguagem de marcação HTML, está na hora de colocarmos a mão na massa e criar o nosso primeiro Website.

Escolha seu editor de textos, aqueça seu browser, que você vai criar páginas de internet!

Bem vindo ao nosso curso de HTML!

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de HTML e CSS com certificado
Obter meu certificado!
Ler Tutorial

Que editor HTML usar para criar sites

No artigo passado apresentamos os dois tipos de editores de HTML para criar um site: os de modo visual e os de modo code, bem como as vantagens e desvantagens de cada um desses tipos.

Agora, vamos indicar dois programas para você baixar para usar em nossa apostila de HTML.

Caso deseje transformar seus estudos de HTML em uma profissão para começar a ganhar dinheiro criando sites, sugerimos que faça o curso e obtenha seu certificado de Webmaster (tudo online):

Curso de Webmaster (criação de sites HTML) online com certificado
Ler Tutorial

Como um site é criado: O que é HTML ?


HTML: Como criar um site

É quase impossível, nos dias de hoje, alguém não saber o que é um site.
Até mesmo sua avó, embora nunca tenha usado um computador, já deve ter visto na televisão alguém dando o endereço de algum site: r7.com , globo.com, redes sociais etc.

Esse meio de informação, que é a Internet, é hoje o mais utilizado no mundo.
Há diversas formas de trocarmos informações pela internet, mas uma das maneiras mais comuns é através de páginas na internet, como esta que você está lendo.

A maioria das pessoas não vai notar e certamente vão passar batidos pelas seguintes perguntas:
“Quem faz os websites da Internet? Como é feita uma rede social, como o Facebook? “

Se você já se fez essa pergunta, parabéns. Você não é daqueles que simplesmente aceitam as coisas. Ter curiosidade é uma virtude na vida.

Mas sobre a pergunta, ‘como são feitas as páginas da internet’, a resposta é: de várias maneiras, mas a principal e mais usada, sem dúvidas, é com HTML.
HTML é uma coisa chamada Linguagem de Marcação, embora não seja uma linguagem de programação propriamente dita, podemos dizer que é algo parecido.

Parece complicado, mas vamos tentar explicar com exemplos o que é HTML, para que serve, o que é possível fazer etc.

Para que serve HTML?

O HTML serve para criarmos uma página de internet.
Embora pareça simples, existem zilhões de páginas diferentes.
E por página da web, não entenda o somente o conteúdo, o texto ou as figuras.

Na verdade o HTML vai servir para exibir esses conteúdos.
Por exemplo, com HTML você faz o menu, coloca ele em cima ou na lateral.
Com HTML, você coloca o logotipo de sua empresa em lugar do site, faz com que as pessoas sejam levadas a outra página, caso cliquem em alguma foto ou link.

Sabe aqueles campos de texto onde você escreve algo, ou aqueles botões para marcar opção?
Também são feitos com HTML.

E os títulos? Umas letras maiores, outras menores? HTML.
Aquelas janelas pop-ups que se abrem sem você pedir? HTML também.
E uma rede social? Tem quer saber HTML também.


Então, o que é HTML ?

HTML significa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.

Como dissemos, o HTML não cria coisas que citamos no tópico passado, ele só diz onde e como elas devem aparecer, onde e como se comportar.
E como o HTML ‘diz’ isso? Por meio de uma linguagem, a linguagem do HTML, de códigos.
E pra quem o HTML ‘diz’ isso? Para seu navegador (Mozilla Firefox, Google Chrome, Internet Explorer etc).

Vamos explicar o que é uma linguagem de marcação e você entenderá melhor o que é o HTML.
Vamos explicar isso no mundo real.


O que é uma linguagem de marcação?

Imagine que você escreveu um livro, o texto inteiro.
Com uma caneta e todo escrito a mão.
Isso seria o conteúdo de seu site, as informações que vemos nas páginas da web.

Porém, você não iria lançar seu livro assim, você precisa fazer uns ajustes, realces, marcar as coisas de maneiras diferentes. Vamos formatar seu livro, ou seja, colocar num formato agradável pro leitor.
Primeiro de tudo, ninguém faz mais livros a mão. A primeira coisa que se faz é digitar.
Segundo, você precisa de uma capa, um título pro livro.

Já viu livro em que a capa é igual as páginas? Claro que não, é diferente, é mais bonita, tem que chamar atenção.
Temos também que colocar figuras, definir o tamanho do rodapé, colocar a numeração das páginas, colocar figuras, alinhas o texto, ter cuidado pras letras não saírem em cima das figuras e milhares de outros detalhes.





Agora me diga, as pessoas leriam livros se fossem todos iguais?
E se eles fossem feito sem figuras, sem formatação, sem esses ajustes?
Muito difícil não é?

Pois bem, com o HTML é a mesma coisa. Só o texto não basta.
Tem que organizar, deixar agradável, ajustar as fotos, larguras, parágrafos e tudo mais.
Com o HTML vamos dizer ao navegador todas essas alterações.
E como vamos dizer isso? Ué, utilizando uma linguagem para se comunicar.
Que linguagem? Português, Inglês? Não, vamos conversar com o navegador usando a linguagem HTML.

E quem são os responsáveis por criar? São os webmasters, ou mestres da Web.
Quer se tornar um mestre da Internet? Então continue estudando pelo curso HTML Progressivo.
Ler Tutorial

Tutoriais de HTML e CSS