Sejam Bem Vindos!


Em Setembro de 2007, me surgiu a ideia de ter um Website onde eu pudesse postar os trabalhos produzidos por mim, "Que são as poesias que eu escrevi, a partir de fevereiro de 2001."

No começo foi assim:

Eu telefonava pra uma rádio local, onde se passava um programa reservado para às pessoas solitárias, recitava uma poesia de minha autoria e deixava o número do meu telefone no ar, no intuito de conhecer gente nova, e, portanto naqueles dias fiz bastante sucesso, pois também criei um personagem chamado Misterioso; apesar da audiência que era bastante no horário que vai das 22:00 às 00:00 horas de domingo a sexta-feira, eu fui obrigado pelos produtores do programa, a dar um tempo naquela primeira ideia, pois eu ainda era um garoto de apenas 15 anos de idade...
Em Fevereiro de 2004, eu voltei a dar vida ao Misterioso, no entanto recebi um telefonema que fez a minha vida mudar...

Veja a história completa em: www.eliebertson.blogspot.com

Quando me surgiu a ideia de criar um Website, eu não pude dar continuidade, pois fazia menos de um ano que eu havia tido o meu primeiro contato com um computador e mais, o meu conhecimento era muito pouco, pois o máximo que eu sabia fazer era entrar no Orkut e no Msn...

Em janeiro de 2008, eu tive vontade de estudar Web Design e assim aprender como se cria um Website, mas as minhas condições financeiras não me dava suporte para fazer um curso em alguma escola especializada nessa área, então o jeito foi tentar aprender sozinho; e assim, eu aprendi a criar Websites, Blogs, Banners e muito mais...

Querem aprender também?

Acompanhe os "Tutoriais Básicos" que foram produzidos por mim, e aprendam o básico que deve-se saber para chegar onde eu cheguei.




HTML Iniciante - Apresentação


Antes de tudo, quero dizer que este tutorial desenvolvido por mim, é apenas para mostrar os primeiros passos de HTML, se você deseja se tornar um “Programador de Interface Profissional” além de HTML deverá saber lidar com XHTML, CSS, JavaScript, jQuery e muito mais...

Para quem deseja se tornar um profissional nessa área e não quer aprender comigo, eu indico o curso da Universidade XTI que está postado no Youtube; "Este é um curso muito bem explicativo que é ministrado pelo professor Ricardo Lopes Costa, e pode ser assistido por qualquer pessoa que tenha acesso a Internet";
Também, há na internet diversos tutoriais que são postados diariamente por pessoas que gostam de compartilhar conhecimento...

Observe: Antes de iniciar um curso mais complexo, vale a pena aprender o básico através do meu tutorial...

Ir Ao Topo






HTML Iniciante - Dica 1


Primeiramente, vá ao Desktop do seu computador e Clique com o botão direito do Mouse em qualquer parte da área de trabalho, aí vai aparecer uma caixinha com algumas opções, então, você deve clicar com o botão esquerdo do Mouse sobre a opção ”Novo” e em seguida, com o mesmo botão esquerdo deve-se clicar em ”Pasta”...

veja como se faz:


Ir Ao Topo





HTML Iniciante - Dica 2


Quando você clicar na opção Pasta consequentemente vai aparecer uma Nova Pasta, como podemos ver na imagem seguinte:

Daí, você deve renomear esta pasta com o nome de "Curso Básico de HTML" ou qualquer outro nome, o importantante é que ela fique fácil de ser localizada, pois é nela que vamos colocar a página que vamos criar em seguida.

Ir Ao Topo






HTML Iniciante - Dica 3


Depois que se cria uma pasta com o nome “Curso Básico de HTML”, você deve clicar no Botão Iniciar >>> Todos os programas >>> Acessórios >>> Bloco de Notas.

Veja como se faz:


Ir Ao Topo






HTML Iniciante - Dica 4


Depois que você clicar no Botão Iniciar >>> Todos os programas >>> Acessórios >>> Bloco de Notas, em seguida vai aparecer o Bloco de Notas.

Veja como é o Bloco de Notas:


Ir Ao Topo







HTML Iniciante - Dica 5


Agora, você vai produzir a sua primeira página no Bloco de Notas.

Para construir uma página utilizando o Bloco de Notas, você deve abrir o Bloco de Notas e escrever nele as seguintes Tags:


Depois que você escrever as Tags anteriores no Bloco de Notas deverá clicar em Arquivo >>> Salvar Como e salvar como pg1.html na pasta Curso Básico de HTML.

Veja como se faz:



Observe: Na Internet existem diversos tutoriais que ensinam HTML e quase sempre você vai receber a instrução de salvar a página como index.html, "Isso é apenas um padrão para quem deseja criar um Site", mas no meu tutorial, eu não pretendo ensinar a criar um Site e sim, apenas uma única página em HTML.

Ir Ao Topo






HTML Iniciante - Dica 6


Agora, abra a pasta Curso Básico de HTML e der um clique duplo em pg1.

É como pg1 que vai ser representada a página no Windows Explorer quando você abrir a pasta pela primeira vez, veja no exemplo seguinte:


Mas, antes de dar um clique duplo em pg1, perceba que o ícone pg1, não está como salvamos anteriormente: pois a extensão .html sumiu, mas tem uma maneira de ficar como você escreveu que é da seguinte forma: Você deve ir no Windows Explore e quando abrir a janela do Windows Explorer, você deve ir em ferramentas e depois em Opção de Pasta, em seguida clique na opção Modo de Exibição, aí vai aparecer Configurações Avançadas e dentre essas configurações avançadas vai ter a seguinte opção: "Ocultar as extensões dos tipos de arquivos conhecidos" e essa opção estará marcada e você deve desmarcá-la.

Veja como se faz:
Primeiro você deve clicar na opção Ferramentas e em seguida em Opções de pasta:

Quando você clicar na opção Ferramentas e em seguida em Opções de pasta, consequentemente vai abrir uma outra caixa com o nome de Opções de pasta, a qual você deve clicar em Modo de Exibição:

Quando você clicar em Modo de exibição vai abrir uma nova caixa com o nome de Configurações avançadas que terá algumas opções inclusive a opção "Ocultar as extensões dos tipos de arquivos conhecidos" aí se necessário, você deverá rolar as opções e desmarcar a opção "Ocultar as extensões dos tipos de arquivos conhecidos".


Agora, as páginas que você salvar vai ficar com o mesmo nome que você escreveu quando salvou.
Veja o exemplo seguinte :

Para concluir a Dica 6, você deve dar um clique duplo em pg1(.html) e, portanto, veja no exemplo seguinte o resultado de como a página que você criou deverá ficar:

Não esqueça que para a página ficar igual ao exemplo anterior, primeiramente, você teve que abrir o Bloco de notas e escrever as seguintes tags:

Essas Tags que foram abordadas na primeira parte desse tutorial, são fundamentais para a criação de qualquer página em HTML.

Ir Ao Topo






HTML Iniciante - Dica 7


A partir de agora, você já pode dizer que é capaz de criar páginas para WEB, e já na próxima dica, será mostrado alguns atributos que devemos usar para formatar uma página em HTML, mas antes de você começar a formatar a sua página que foi feita através do HTML Tradicional, nesta Dica 7, eu pretendo dar um toque do que é (X)HTML.

"No HTML Tradicional é possível construir páginas sem padronização e no (X)HTML há uma norma correta de escrever os códigos, pois no HTML Tradicional, as Tags podem ser escritas tanto com letras minúsculas quanto com letras maiúsculas e podemos deixar uma Tag ou outra sem fechar que o Browser aceita o código do mesmo jeito, já no (X)HTML, as Tags têm que ser escritas apenas com letras minúsculas e todas as Tags que forem abertas, deverão posteriormente serem fechadas, mas isso é uma padronização da W3C, que não vale a pena querer entender isso agora, pois isso é ensinado detalhadamente no curso da Universidade XTI, então, lá com certeza você entenderá melhor esse assunto e muito mais.

Ir Ao Topo

Nenhum comentário:

Postar um comentário