[sugestão]novo tutorial - tutorial dicas e astúcia

Item: [sugestão]novo tutorial - tutorial dicas e astúcia
Rating: 1

por Jpjupa Dom 11 Mar 2012 - 9:52

Fiquei sabendo que se criasse bons tutoriais para o FDF, publieiros e outros, ganhariamos créditos, aqui vai o meu:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Como elaborar uma boa página em HTML

Alguns membros fazem muitos tópicos, para apenas solucionar uma pequena dúvida sobre páginas HTML. Nesse tutorial vamos ensinar á fazer uma boa página HTML, e evitar o flood nos fóruns de ajuda. Siga o tutorial abaixo e tenha sucesso em sua página HTML e dê mais estabilidade aos seus membros.

--> Discussões Gerais <--
Elabore uma boa página HTML

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Códigos Básicos:

Nº1 - Uso de acentos:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Você vai precisar de usar esse código, para utilizar acentos sem bagunçar a página.
Use depois da Tag: <head>.

Nº2 - Uso de Title:

<title>Parceiros RBForum</title>

Você vai precisar de usar esse código, para utilizar um title na aba do seu navegador.
Use depois da Tag <head>.

Nº3 - Uso de Favicon:

<link rel="shortcut icon" type="image/x-icon" href="LINK_DA_IMAGEM" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Você vai precisar de usar esse código, para utilizar um ícone ao lado do title na aba do seu navegador.
Use depois da Tag <head>.

Vermelho= Substitua pelo link de sua imagem.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

CSS Básicos:

Nº1 - Modificação de Fonte e adicionais:

body,td,th {
font-family: Arial;
font-size: 0px;
color: #FFFFFF;
}

Você vai precisar de usar esse CSS, para modificar a fonte, o tamanho, e a cor da fonte de sua página.
Use depois da Tag <style type="text/css">.
Usei exemplos básicos no CSS, proucure outras fontes.

Nº2 - Modificação de Background:

body {
background-image: url(LINK_DE_IMAGEM);
}

Você vai precisar de usar esse CSS, para modificar a imagem de fundo da página.
Use depois da Tag <style type="text/css">.

Nº3 - Posicionamento de <div>:

#avisos {
position: absolute;
width: auto;
margin-left: 0px;
height: auto;
top: 0px;
right: 0px;
z-index: 999;
}

Você vai precisar de usar esse CSS, para posicionar uma div corretamente em sua página.
Use depois da Tag <style type="text/css">.
Os campos com 0px, terão que ser substituídos, e ir sendo visualizados para ver se está ao seu gosto.

Depois de acrescentar esse código ao CSS, crie uma <div> depois da tag <body>

<body>
<div id="Nome de sua DIV"><center>Conteúdo da DIV</center></div>

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Formação das Tags:

Nº1 - Tags Padrão:

<html>

<style type="text/css">
Conteúdo do CSS (Style da página)
</style>

<head>
Conteúdo do HEAD (Cabeçalho)
</head>

<body>
Conteúdo do BODY (corpo da página)
</body>

</html>

Você vai precisar de usar esse Formato para elaborar a página.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Elaboração de uma página HTML

por Ace Dom 11 Mar 2012 - 11:46

Olá,

A criação de tutoriais é facultativa e não há remuneração em créditos.

No mais, seu tutorial será analisado. Se for de usual utilização, será encaixado nos padrões de exigência deste fórum.

Cordialmente.

[sugestão]novo tutorial - tutorial dicas e astúcia

[sugestão]novo tutorial - tutorial dicas e astúcia

Re: [sugestão]novo tutorial - tutorial dicas e astúcia