Início
Portal
Inicie sessão para responder
-Ghost!Membro Especial
Mensagens : 2378
Like : 58
Idade : 26
Começando a criar seu website
Ter Out 18 2011, 09:37
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;
- 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;
Este comando (tag) foi inserido em code, para que eu pudesse mostrar para vocês. Em um navegador ele ficaria, assim;
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
- Esta tag, informa ao seu navegador que tudo que está contido entre o
Exemplo;
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
- 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;
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;
Junto dessas duas tags, utilizamos a tag body que irá abrigar todo o conteúdo de sua página.
Sendo assim;
- 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....
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>
- 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>
Exemplo;
- Código:
<B>Tutorial Habbosal</B>
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>
- Código:
<tag></tag>
- Código:
<TAG></TAG>
- 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....
styllerMembro Especial- Mensagens : 604 Like : 51 Idade : 28
Re: Começando a criar seu website
Qua Out 19 2011, 11:44
Boa gostei, obrigado pelo tutorial 
FulanAdministrador
- Mensagens : 4523 Like : 207 Idade : 30
Re: Começando a criar seu website
Qua Out 19 2011, 14:11
Nossa Ghost, parabéns mesmo viu cara, muito bom e explicativo. e o melhor de tudo é que foi feito por vc mesmo, tá ótimo continue assim ;D.
E serve muito para novatos leigos no assunto, assim é muito bom de ser aprender, passa a passo
E serve muito para novatos leigos no assunto, assim é muito bom de ser aprender, passa a passo
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
- -Ghost!Membro Especial
- Mensagens : 2378 Like : 58 Idade : 26
Re: Começando a criar seu website
Qua Out 19 2011, 16:36
Valeu gente, rs.
Estarei trazendo mais tutoriais....
Talvez hoje se eu arrumar um tempinho começo a elaborar o outro e posto aqui..
Estarei trazendo mais tutoriais....
Talvez hoje se eu arrumar um tempinho começo a elaborar o outro e posto aqui..
HyoukiMembro
- Mensagens : 41 Like : 0 Idade : 27
Re: Começando a criar seu website
Sex Jan 18 2013, 11:39
Olá,
ótimo tutorial apesar de ser muito simples.
ótimo tutorial apesar de ser muito simples.
Permissões neste sub-fórum
Não podes responder a tópicos