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
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.
    EncurtaNET
    EncurtaNet

    Foto

    [Tutorial]Começando a criar seu website



    • Por favor, inicie sesión para responder

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

    #1
    Fuera de línea
    Lira
    Sex Jan 18, 2013 10:36 am


    Lira

    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....

    http://forum-dix.com.br

    #2
    Fuera de línea
    ✖ Dit
    Qua Jan 23, 2013 10:42 am


    ✖ Dit

    Familia FD

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

    http://forum-dix.com.br

    #3
    Fuera de línea
    GameZone
    Qua Jun 19, 2013 1:06 pm


    GameZone

    Expert X


     Expert X
    Botando tópicos em dia.

    Até mais.

    #4
    Fuera de línea
    Conteúdo patrocinado





    Mensagem [Página 1 de 1]