Autor Tópico: [Pedido] Trabalho em HTML  (Lida 3719 vezes)

Offline Moreira90

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[Pedido] Trabalho em HTML
« em: Novembro 24, 2008, 06:37:57 pm »
Alguem tem um trabalho realizado em html que me possa mostrar tenho de fazer um mas não tenho ideia de como o fazer

se poderem postem ai ?

obrigado
« Última modificação: Novembro 25, 2008, 01:49:52 am por southafrikanse »

Offline Teotónio Ricardo

  • Administrator
  • Newbie
  • *****
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://www.teotonio.pt
[Pedido] Trabalho em HTML
« Responder #1 em: Novembro 24, 2008, 07:08:48 pm »
Trabalho em HTML? Que tipo de trabalho? Um template? um relatório?

Offline ilovehentai

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
    • http://
[Pedido] Trabalho em HTML
« Responder #2 em: Novembro 30, 2008, 07:43:26 pm »
Bem .. é assim, acho que o teu professor não teria entregue um trabalho se não tivesse ensinado primeiro a matéria, por isso existem duas vias neste momento a seguir:

1º Procuras encontrar um trabalho para plagiar e não teres trabalho de o fazer, isso porque não tens interesse, obviamente não é para isso que serve este fórum,

2º damos orientações e tas pronto a seguir os teus passos:

Se tiveres então interessado aqui estão algumas sugestões:

1º Para quem começa sugiro uma IDE prática para desenvolver o teu HTML, a história de usar o notepad é um disparate total .. demora-se o dobro do tempo para fazer o mesmo, e no mundo do €€€ tempo é muito dinheiro.
Eu pessoalmente uso o Aptana Studio, mas se for apenas para HTML e CSS então podes usar o NotePad++ que é simples de usar sem o peso de todas as funcionalidades extras.

2º Consulta o w3cSchools .. lá poderás encontrar todas as TAG HTML e os respectivos atributos, saberes quais são obrigatórios e que valores esterão a espera.

3º tens que saber que para criar um ficheiro HTML basta apenas criar um ficheiro de texto normalíssimo e dar-lhe um nome com a extensão .html ou .htm. Por defeito a primeira página de um site em html tem por nome index.html, ou seja considerado o índice, este será o mais comum, contudo esse nome não é obrigatório, pois podes configurar no servidor web qual a ordem de índices e os nomes dos mesmos a procurar, por isso basicamente muitos sites comecem com home.html, default.html etc...

- Depois de teres o teu index.html só tens que o abrir com o NotePad ++ e em linguagem seleccionar html ele irá colorizar a linguagem de forma a ajudar a escrever de melhor forma possível.

- Tenho a certeza que sabes que um ficheiro html tem uma estrutura a respeitar, começa pela tag html e dentro dela terá que ter as tags head e body, sendo que o head é o cabeçalho de informações sobre o ficheiro html, por exemplo o título da página, a encriptação dos caracteres, permite linkar scripts em javascript externos e folhas de estilos externas (css) entre outros. O body contém toda a informação visível da pagina, o grafismo, links, textos, imagens, links etc...

Assim temos a coisa mais simples do mundo

Código: [Seleccione]
<html>
<head>
 <title>Pagina de exemplo</title>
</head>
<body>
  conteudo da minha pagina
</body>
</html>

- Como podes ver as TAG têm que ser abertas e depois fechadas, elas irão englobar as tag que farão parte do seu conteudo, para fechar uma tag adicionas uma barra a esquerda na frente da tag /
- Algumas tags fecham-se a si próprio estas são por exemplo tags que não podem englobar algo por exemplo a tag imagem ou quebra de linhas
<img src="qualquerImg.jpg" /> ou respectivamente
 estas tags recebem o / no final delas.

- Por fim é importante definir o tipo de documento a criar, uma tag "especial" chamada doctype que define a linguagem usada, em que versão e se permite retrocompatibilidade ou não. Um exemplo de uma doctype moderna que não permite muita retrocompatibilidade.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


num exemplo mais complexo teremos então

Código: [Seleccione]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Pagina de exemplo</title>
 <meta name="description" content="O meu primeiro html" />
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
  <h1>O meu titulo</h1>
  <p>O primeiro paragrafo do meu texto</p>
  <p>Este paragrafo tem uma quebra de linha aqui <br />E continua novamente por aqui, <b>este texto esta a negrito</b></p>
  <table>
<tr><td>celula 1</td><td>celula 2</td></tr>
<tr><td>linha 2 celula 2</td><td>O texto que quiser</td></tr>
  </table>
  <img src="1.jpg" alt="texto alternativo" />
</body>
</html>

Neste exemplo declaramos o doctype e depois iniciamos o html o head contem o titulo e uma descricao breve do conteudo e o tipo de codificação de caracteres da página. O body tem um titulo os headers vão até ao <h6>, dois paragrafos sendo que o segundo possuiu uma quebra de linha e algum texto negrito. Por fim temos uma tabela com duas linhas e duas colunas e uma imagem no fundo.

A partir daí o céu é o limite, podes acrescentar todo o tipo de elementos que quiseres a página, as formatações da mesma deverão ser feitas com o apoio de CSS mas por agora limita-te a colocar os elementos que pretendes. Muito poderás encontrar no site da w3shools se tiveres dúvidas.

Bom trabalho.

Offline Moreira90

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[Pedido] Trabalho em HTML
« Responder #3 em: Dezembro 08, 2008, 12:01:24 pm »
eu ja tenho o meu trabalho avançado

agora queria pedir era a alguem que me possa ajudar em relação a fazer um login para administrador e outro para utilizador

tao a ver?

Offline Sazukim

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[Pedido] Trabalho em HTML
« Responder #4 em: Dezembro 29, 2008, 02:14:44 am »
Citação de: ilovehentai
Bem .. é assim, acho que o teu professor não teria entregue um trabalho se não tivesse ensinado primeiro a matéria, por isso existem duas vias neste momento a seguir:

1º Procuras encontrar um trabalho para plagiar e não teres trabalho de o fazer, isso porque não tens interesse, obviamente não é para isso que serve este fórum,

2º damos orientações e tas pronto a seguir os teus passos:

Se tiveres então interessado aqui estão algumas sugestões:

1º Para quem começa sugiro uma IDE prática para desenvolver o teu HTML, a história de usar o notepad é um disparate total .. demora-se o dobro do tempo para fazer o mesmo, e no mundo do €€€ tempo é muito dinheiro.
Eu pessoalmente uso o Aptana Studio, mas se for apenas para HTML e CSS então podes usar o NotePad++ que é simples de usar sem o peso de todas as funcionalidades extras.

2º Consulta o w3cSchools .. lá poderás encontrar todas as TAG HTML e os respectivos atributos, saberes quais são obrigatórios e que valores esterão a espera.

3º tens que saber que para criar um ficheiro HTML basta apenas criar um ficheiro de texto normalíssimo e dar-lhe um nome com a extensão .html ou .htm. Por defeito a primeira página de um site em html tem por nome index.html, ou seja considerado o índice, este será o mais comum, contudo esse nome não é obrigatório, pois podes configurar no servidor web qual a ordem de índices e os nomes dos mesmos a procurar, por isso basicamente muitos sites comecem com home.html, default.html etc...

- Depois de teres o teu index.html só tens que o abrir com o NotePad ++ e em linguagem seleccionar html ele irá colorizar a linguagem de forma a ajudar a escrever de melhor forma possível.

- Tenho a certeza que sabes que um ficheiro html tem uma estrutura a respeitar, começa pela tag html e dentro dela terá que ter as tags head e body, sendo que o head é o cabeçalho de informações sobre o ficheiro html, por exemplo o título da página, a encriptação dos caracteres, permite linkar scripts em javascript externos e folhas de estilos externas (css) entre outros. O body contém toda a informação visível da pagina, o grafismo, links, textos, imagens, links etc...

Assim temos a coisa mais simples do mundo

Código: [Seleccione]
<html>
<head>
 <title>Pagina de exemplo</title>
</head>
<body>
  conteudo da minha pagina
</body>
</html>

- Como podes ver as TAG têm que ser abertas e depois fechadas, elas irão englobar as tag que farão parte do seu conteudo, para fechar uma tag adicionas uma barra a esquerda na frente da tag /
- Algumas tags fecham-se a si próprio estas são por exemplo tags que não podem englobar algo por exemplo a tag imagem ou quebra de linhas
<img src="qualquerImg.jpg" /> ou respectivamente
 estas tags recebem o / no final delas.

- Por fim é importante definir o tipo de documento a criar, uma tag "especial" chamada doctype que define a linguagem usada, em que versão e se permite retrocompatibilidade ou não. Um exemplo de uma doctype moderna que não permite muita retrocompatibilidade.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


num exemplo mais complexo teremos então

Código: [Seleccione]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Pagina de exemplo</title>
 <meta name="description" content="O meu primeiro html" />
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
  <h1>O meu titulo</h1>
  <p>O primeiro paragrafo do meu texto</p>
  <p>Este paragrafo tem uma quebra de linha aqui <br />E continua novamente por aqui, <b>este texto esta a negrito</b></p>
  <table>
<tr><td>celula 1</td><td>celula 2</td></tr>
<tr><td>linha 2 celula 2</td><td>O texto que quiser</td></tr>
  </table>
  <img src="1.jpg" alt="texto alternativo" />
</body>
</html>

Neste exemplo declaramos o doctype e depois iniciamos o html o head contem o titulo e uma descricao breve do conteudo e o tipo de codificação de caracteres da página. O body tem um titulo os headers vão até ao <h6>, dois paragrafos sendo que o segundo possuiu uma quebra de linha e algum texto negrito. Por fim temos uma tabela com duas linhas e duas colunas e uma imagem no fundo.

A partir daí o céu é o limite, podes acrescentar todo o tipo de elementos que quiseres a página, as formatações da mesma deverão ser feitas com o apoio de CSS mas por agora limita-te a colocar os elementos que pretendes. Muito poderás encontrar no site da w3shools se tiveres dúvidas.

Bom trabalho.

Nem mais nem menos. O teu professor esta-te a avaliar a ti, e não um user do forum.
Uma ajudita ou outra ainda va que não vá...
Boa sorte no trabalho.
Existem duas maneiras de tratar as mulheres. Até hoje ninguém descobriu quais são.
Twitter | Facebook

Offline Moreira90

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[Pedido] Trabalho em HTML
« Responder #5 em: Dezembro 29, 2008, 01:48:46 pm »
obrigadinho, mas ja tenho o trabalho ja faze final so me falta por o site a adionar produtos no carro de compras e mudar o visual do site

obrigado na mesma

Offline Sazukim

  • Newbie
  • *
  • Mensagens: 0
  • Karma: +0/-0
    • Ver Perfil
[Pedido] Trabalho em HTML
« Responder #6 em: Dezembro 29, 2008, 03:03:36 pm »
Citação de: Moreira90
obrigadinho, mas ja tenho o trabalho ja faze final so me falta por o site a adionar produtos no carro de compras e mudar o visual do site

obrigado na mesma

Se quiseres ajuda no design...
Estou aqui para ajudar...
Existem duas maneiras de tratar as mulheres. Até hoje ninguém descobriu quais são.
Twitter | Facebook

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49