[E-BOOK GRÁTIS]: Windows 7 Básico, 476 pgs - QUERO RECEBER!
Você está em: PrincipalTutoriaisEricogoncalves : Htmlbasico001
Quer receber novidades e e-books gratuitos?
›››

Conheça o Júlio Battisti

Julio Battisti - Autor de mais de 25 livros de informática Júlio Battisti tem mais de 36 livros publicados, dezenas de e-books e é certificado Microsoft.

Ganhe o e-book a Seguir

e-book grátis Windows 7 Básico

476 páginas



Windows Server 2008 - Inscreva-se já!

Curta Nossa Fanpage

Loja Virtual do Site

Livros do Julio Battisti

FILTRO DE TUTORIAIS:




Html Básico - Parte 1

 

Objetivo:

O objetivo deste tutorial é de ensinar a linguagem html básica para que você possa criar suas  páginas a internet.

 

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do
de informática básica.

 

Nota:

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.

 

Para começar vamos falar um pouquinho sobre a internet , este universo virtual enorme que nos possibilita obter  várias informações entre outros, hoje  é muito dificil viver sem a internet, na maioria das vezes o mundo gira sobre a internet, as empresas em grande maioria estão online vendendo seus produtos ou prestando serviços e a partir deste tutorial iremos começar  aprender a criar as nossas próprias páginas em pouco tempo estaremos com nosso site na rede mundial como é conhecida a internet.

 

Hoje para disponibilizar as páginas na internet precisamos de um servidor que fica responsálve por armazernar nossas paginas e disponibiliza-la 24 por dia, com isso podemos acessar os conteúdos de qualquer computador conectado a internet. Podemos criar sites sobre qualquer assunto que quisermos, por exemplo: site com informações pessoais, site de prestação de serviços, site sobre noticías entre outros.

 

Existe também a intranet e extranet, a difrença entre um e outra é a seguinte:

 

Intranet: Podemos dizer que é uma internet interna, ou seja, pode ser utilizado por funcionários de uma empresa, não sendo possível acessar fora da empresa.

 

Extranet: Usando as empresas que tenham filiais como exemplo as mesmas podem fazer um interconexão para trocar de arquivos entre outros.

 

Para eu ensinar HTML a você iremos trabalhar desde do inicío com um projeto de criação de um site, que irá começar bem simples e ao longo do apredizado iremos aperfeiçoando. Para iniciar vamos saber o que significa HTML.

 

Html – HyperText  Markup Language  (Linguagem de formatação de hipertexto), lembrando sempre que html não é uma linguagem de programação e sim de formatação.

 

Para edição de html, ou seja, para escrevermos html podemos usar o bloco de notas do windows ou editores que entese facilita bastante, por que traz a maioria dos comandos e atributos prontos cabendo a nós só definirmos os valores, em nosso caso que estamos aprendendo vamos utilizar o bloco de notas para fixarmos bem os comandos.

 

Para iniciar a escrever html sempre começamos pela estrura básica da página que é a seguinte:

 

<html> * Inicia a página

<head> * Inicia o cabeçalho

<title>  * Inicia o nome do cabeçalho

* aqui você coloca o nome que você deseja que apareça

</title> * Aqui fecha o nome do cabeçalho

</head> * Fecha o cabeçalho

<body> * Inicia o corpo da página

* Aqui entre estas tags colocamos as imagens, textos e etc.

</body> * Fecha o corpo da página

</html> * Fecha a página

 

Vou explicar esta estrutura básica acima, sempre começamos utilizandos as tags <html> para iniciar e </html> para fechar o documento, dentro destas tags colocamos as tags <head></head> e dentro dessas colocamos <title></title> para definir o nome do cabeçalho da página e por último dentro das tags <body></body> colocamos imagens, textos, entre outros, práticamente tudo que colocamos entre estas tags vai ser o que iremos visualizar na página.

 

Após ter feito esta parte  precisamos salvar a página sempre em um desses formatos html ou htm, sempre é aconselhavél salvar em html, então para isso vamos dar um nome a esta página acima que vai se chamar meusite.html.

 

Primeiramente crie uma pasta na area de trabalho do seu computador com o nome de “Site”, dentro da mesma é onde vamos salvar nossas páginas e projetos ao longo do desenvolvimento dos tutoriais, irei mostrar passo a passo através das telas para que você tenha um melhor entendimento. Primeiramente copie esta estrutura da mostrada acima, só que sem os “*” que contém as explicações sobre as tags e cole dentro do bloco de notas e depois salve com o nome que definimos dentro da basta que você acabou de criar.Veja o procedimeto baixo:

 

Tela 001 (estrutura básica inserida)

 

Tela 002 (Salve esta página dentro da pasta com o nome meusite.html)

 

Feito isso abra a basta e clique sobre icone para abrir a página que vai estar desta maneira baixo:

 

Tela 003(Pagina aberta)

 

Note que acabamos de abrir a página dentro do internet explorer, mas a mesma não contem nenhum conteúdo em seu corpo ou mesmo o nome do cabeçalho.

 

Então vamos inserir um nome no cabeçalho que vai ser “Meu Site”  para isso basta colocar entre as tags <title></title>.

 

E dentro do corpo da página, ou seja, entre as tags <body></body> vamos escrever a seguinte frase “ Esta é a minha primeira página”.

 

Não é necessário abrir um bloco de notas vazio, porque iremos aprender a abrir o código fonte da página que acabamos de criar, com isso a estrutura da página já esta pronta apenas vamos alterar conforme nossa necessidade.

 

Vou ensinar como você deve abrir o código fonte da página sendo que o processo é muitoo simples, abra o pagina que criamos, no internet explorer clique sobre o menú exbir depois clique novamente em “exibir código fonte”, pronto vai ser aberto o bloco de nota com a estrura da página, veja o procedimento abaxo:

 

Tela 004 (Clique no menú exibir e depois em código fonte)

 

Tela 005 (Vai ser aberto o bloco de notas com a estrutura da página)

 

Agora que estamos com o bloco de notas aberto iremos inserir a frase no cabeçalho e no corpo da página, veja o procedimento abaixo:

 

Tela 006 ( Veja as frases inseridas no bloco de notas)

 

Depois que fizemos as alterações basta você salvar para que seja modificada a página, minimize o bloco de notas e na página clique em atualizar para ver as alterações, a página irá ficar da  seguinte maneira:

 

Tela 007 (Esta será a página depois de modificada)

 

Conclusão

 

Ensinei a criar uma página simples em html, utilizando as tags básicas, também expliquei a função de cada tag desenvolve e onde deve ser colocado os textos, imagens, cabeçalho tudo uma forma prática e objetiva, na próxima parte iremos aperfeiçoar esta página.Até a próxima parte.

Dúvidas?

Utilize a área de comentários a seguir.

Me ajude a divulgar este conteúdo gratuito!

Use a área de comentários a seguir, diga o que achou desta lição, o que está achando do curso.
Compartilhe no Facebook, no Google+, Twitter e Pinterest.

Indique para seus amigos. Quanto mais comentários forem feitos, mais lições serão publicadas.

Quer receber novidades e e-books gratuitos?
›››

Vídeo-Aulas

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • E-books

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Livros

  • Administração
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Conteúdo Gratuito

  • +1500 Artigos e Tutoriais
  • ASP 3.0
  • ASP.NET
  • Access Básico
  • Access Avançado
  • Excel Básico - 120 lições
  • Excel Avançado - 120 lições
  • SQL Server 2005
  • Windows 7
  • Windows XP
  • Windows 2003 Server
  • Windows 2008 Server
  • Novidades e E-books grátis

    Fique por dentro das novidades, lançamento de livros, cursos, e-books e vídeo-aulas, e receba ofertas de e-books e vídeo-aulas gratuitas para download.



    Institucional

  • Quem somos
  • Garantia de Entrega
  • Formas de Pagamento
  • Contato
  • O Autor
  • Endereço

  • Júlio Battisti Livros e Cursos Ltda
  • Rua Vereador Ivo Cláudio Weigel, 537 Universitário
  • Santa Cruz do Sul/RS
  • CEP 96816-208

  • Atendimento: (51) 3717-3796 - webmaster@juliobattisti.com.br Todos os direitos reservados, Júlio Battisti 2001-2014 ®