Fórum Dix
Bem-vindo ao Fórum Dix. Aqui você poderá encontar conteúdos como:

#Habbo
#Transformice
#Minecraft
#DDTank
#SAMP
#Design
#Web
#Combat Arms
#WEBNODE
#Noticias

Clique em registrar e inicie sua jornada por aqui.
Fórum Dix

Fórum Dix - LEAGUE OF LEGENDS | DDTANK | MINECRAFT | FPS | SUPORTE | DIVERSOS


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1
 Lira

avatar
Administrador
Administrador
Olá pessoal, neste tutorial começarei a fragmentar tudo que foi aprendido. Acho que já podemos avançar para nosso próximo passo.

Voltarei a lembrar algumas coisas;

Primeiramente, recomendo a todos que queiram aprender html, que vejam as áreas 'Tutoriais e Apostilas HTML' aqui do fórum.

Capítulo 1.
- Neste capítulo irei apresentar os recursos necessários, para a construção de seu website.

Recursos necessários;
É bastante provável que você já tenha todos os recursos para a criação de seu website.

Tudo que precisamos é de um navegador, para que seja visualizado todo o conteúdo criado. Não importando qual, todos utilizarão e mostrarão a mesma leitura.

Provavelmente, você já deve ter ouvido falar de programas como "Microsoft FrontPage, Macromedia Dreamweaver, e entre outros.. Estes programas, são ótimos para criação de sites. Desde que você tenha uma experiência com html.

Pois na hora de codificar, eles não são muito recomendados.

Ah, você também precisará de um editor de texto, bem simples. Recomendo o notepad ou o wordpad.. Se você não utiliza o windows, poderá usar o Pico no Linux.

Para quem acha que para criação de seu website precisa estar conectado com a internet, está totalmente enganado!

Você pode criar suas páginas a vontade e depois fazer o upload delas na internet. Mesmo assim, ainda pode visualizá-las em seu HD estando offline.


Capítulo 2.
- Neste capítulo, ensinaremos um básico para que você aprenda o que são tags, e para que entenda a lógica da criação de seu site.

O que são tags no html?
R: Tags, são etiquetas usadas nos editores, para mostrar ao seu navegador o que ele deve mostrar e apresentar.

As tags tem o mesmo formato, começam com < e terminam em >

Considere os dois tipos de tags;
Abertura;
Código:
 <tag>
Fechamento;
Código:
 </tag>

- Repare que só muda uma única coisa a barra "/"

Sendo assim, concluímos que tudo que estiver dentro de uma tag, irá mostrar em seu navegador.

Por exemplo;
Código:
<h3>Tutorial Habbosal</h3>

Este comando (tag) foi inserido em code, para que eu pudesse mostrar para vocês. Em um navegador ele ficaria, assim;

Tutorial Habbosal



Capítulo 3
- Neste capítulo mostrarei algumas tags e seus significados, embora eu recomende que quem realmente esteja interessado em aprender, que veja alguns tópicos aqui no fórum sobre tags e seus atributos, ou até mesmo em outros websites especializados sobre isso.

Tag
Código:
<B></B>

- Esta tag, informa ao seu navegador que tudo que está contido entre o
Código:
<B></B>
irá deixar o texto em negrito

Exemplo;
Código:
<B>Tutorial Habbosal</B>
Mostrando em seu navegador;
Tutorial Habbosal

(Lembre-se; Na maioria dos navegadores, não irá influenciar o uso de tags maiúsculas ou minúsculas. Mas, vale lembrar que em alguns casos o navegador pode não ler a tag maiúscula. Então recomendo que se acostume a utilizá-las em minúsculo (Embora eu tenha utilizado aqui no tutorial em maiúsculo)

Sendo assim, conclui-se que;
Você pode utilizar
Código:
<TaG></TaG>
, ou
Código:
<tag></tag>
ou
Código:
<TAG></TAG>
que sua webpage não será prejudicada. É claro, que com algumas exceções..

- Onde devo colocar minhas tags?
Primeiramente você deve inserir todas suas tags entre a principal
HTML. A tag HTML é que mostrará o conteúdo de seu site, é claro que ela precisa do auxílio de outras subtags..

Tag html;
Código:

<html>

 Aqui será inserida suas tags e o conteúdo de seu site;

</html>

Após inserir a tag HTML, precisará inserir a head. Que é utilizada para fornecer informações sobre seu site;
Head = Cabeça

Sendo assim, seu documento do notepad deve estar assim;
Código:
<html>
        <head>
        Informações e tags sobre seu site.
        </head>
</html>

Junto dessas duas tags, utilizamos a tag body que irá abrigar todo o conteúdo de sua página.

Sendo assim;
Código:

<html>
        <head>
      Informações e tags sobre seu site;
        <head>
                  <body>
                Conteúdo de seu site;
                  </body>
</html>

- Repare que separei todo o conteúdo em espaços e linhas. Isso é recomendado para que você mantenha sua folha html organizada e para um melhor entendimento.

(Lembrando que isso não irá influenciar na visualização de seu site.)

* Bom pessoal, é isso. Espero que continuem vendo meus tutoriais postados aqui no fórum, no próximo tutorial começarei a utilizar outras tags e adicionar conteúdos ao nosso website. É claro que as mesmas serão explicadas....




recomendo:
[Somente administradores podem ver esta imagem] Tem alguma dúvida? Mande-me uma MP, terei o prazer de respondê-la.
[Somente administradores podem ver esta imagem] Respeite as regras, os moderadores estão de olho em você!
[Somente administradores podem ver esta imagem] Seja educado e amigável com todos.
[Somente administradores podem ver esta imagem] Use a ferramenta contate-nos para entrar em contato direito com algum administrador.
[Somente administradores podem ver esta imagem] Compartilhe conteúdos, poste, divirta-se.
              [Somente administradores podem ver esta imagem]

http://forum-dix.com.br

#2
 ✖ Dit

avatar
Familia FD
Familia FD
não entendi, isso é WebSite feito pelo, DW ?



[Somente administradores podem ver esta imagem]DitDesign sugere:[Somente administradores podem ver esta imagem] Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum. [Somente administradores podem ver esta imagem] Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutorials prontos. [Somente administradores podem ver esta imagem] Se perdeu a senha de administração do fórum, contate um administrador por mp.


[Somente administradores podem ver esta imagem]
http://forum-dix.com.br

#3
 GameZone

avatar
Expert X

 Expert X
Botando tópicos em dia.

Até mais.



Algumas dicas pra você, Convidado!

[Somente administradores podem ver esta imagem] Tem alguma dúvida? Mande-me uma MP, terei o prazer de respondê-la.
[Somente administradores podem ver esta imagem] Respeite as regras, os moderadores estão de olho em você!
[Somente administradores podem ver esta imagem] Seja educado e amigável com todos.
[Somente administradores podem ver esta imagem] Mande-me um e-mail ([Somente administradores podem ver este link]), estou sempre checando.
[Somente administradores podem ver esta imagem] Compartilhe conteúdos, poste, divirta-se.
               [Somente administradores podem ver esta imagem]



[Somente administradores podem ver esta imagem]

#4
 Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

 Bem-VindoSeja muito bem-vindo ao nosso fórum de Jogos, por favor efetue seu cadastro para que possuia total acesso ao nosso fórum.