Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RafaelSonyLock

[Resolvido]  .HTML

Por , em Desenvolvimento frontend

Recommended Posts

RafaelSonyLock    18

RafaelSonyLock
Postado

Olá

Como alguns já devm ter percebido

Eu começo a aprender como fazer sites, que postem a duvida neste Topico

http://forum.imasters.com.br/index.php...p;#entry1200417

Bom, eu estou com uma duvida

Eu, baixei por recomendação uma Apostila muito boa e Completa

http://www.apostilando.com/download.php?co...;categoria=HTML

 

Bom, estou com duvida

 

Eu comecei a fazer, e quero saber se fiz certo até agora

<html>
<head>
<title> :::...Dicas para Computador e Sistemas Operacionais...::: </title>
</head>
<body>
<p align="center"> Pagina Home, Rafael ! </p>
</html>
Esta certo ou Não ?

 

Agora, claro, tem mais um quilo de coisas para eu fazer

 

Eu continuo escrevendo neste mesmo documento (Estou usando o Bloco de Notas) ou eu tenho que continur em um outro ?

Obrigado !

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Está indo bem...

você continua colocando conteúdo ai.. "à grosso modo", cada página que vemos, é um arquivo.(ou formado por vários)

 

melhor seria controlar o alinhamento com css:

<!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" lang="pt-br">
<head>
<title> :::...Dicas para Computador e Sistemas Operacionais...::: </title>
<style type="text/css">
p { text-align: center; }
</style>
</head>
<body>
<p> Pagina Home, Rafael ! </p>
</body>
</html>
E declarar um DOCTYPE tb...

Vai desenvolvendo...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Eu já recomendo o seguinte: esqueça por enquanto termos como Webstandards, padrões web (que são a mesma coisa... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif), Doctype, DTD, CSS, etc. Aprenda a construir suas primeiras páginas utilizando a apostila que baixou, e vá se aprofundando nas tags aprendidas. Vá avançando aos poucos.

 

Verá depois que muito, mas muito o que aprender, mas não queira "atropelar as idéias", pois, ao invés de ajudar, piora, pois alguns conceitos considerados básicos podem ser deixados para trás e depois serão necessários, e você terá que voltar para aprender o que não aprendeu, e depois verá que era muito mais fácil ter visto isso ou aquilo primeiro, enfim, siga o fluxo.

 

Quando tiver dúvidas, pode utilizar este espaço aqui exatamente da mesma maneira que fez, estamos aqui para ajudar. E não pense assim: "Ah não, se eu perguntar isso o pessoal vai rir da minha cara...", pois se hoje alcançamos o nível em que a maioria se encontra (aqui do fórum), com certeza em algum momento em nossas vidas também passamos pelo princípio de tudo, igualmente a você.

 

Portanto, mãos à obra, amigo! E boa sorte nos estudos!

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

desisto    0

desisto
Postado

concordo, nao atropele as coisas

mas tome cuidado, saiba diferenciar as coisas

 

você vai pegar muito material antigo e muita coisa ja mudou, quando tiver duvida venha saber se 'ainda é dessa forma' ou se ja tem alguma coisa nova, justamente pra nao se acostumar com o errado

 

 

uma dica

evite esse tipo de titulo

:::...Dicas para Computador e Sistemas Operacionais...:::

seja simples, o titulo deve conter o nome da empresa, servico e nada de pontos, sorrisos, sinais, etc

<title>Nome da minha empresa // Dicas para Computador e Sistemas Operacionais</title>

 

[]s

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

<title>Nome da minha empresa // Dicas para Computador e Sistemas Operacionais</title>

Por questões de indexamento... é indicado colocar primeiro o assunto, ficando então:

<title>Dicas para Computador e Sistemas Operacionais // Nome da minha empresa</title>
Ai você teria algum header com essas mesmas palavras, do tipo: <h1>Dicas para Computador e Sistemas Operacionais</h1>

 

Pode até parecer demais... porém com o tempo você vai ir se acostumando com tudo.

Leia algumas vezes todas as tags... veja oque cada uma faz.. e vá atrás de CSS... se você começar à aprender com alguns atributos e tags em desuso, vai ser complicada uma "reeducação".

 

Esse é muito bom em CSS:

http://www.maujor.com/index.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

desisto    0

desisto
Postado

certamente

mas o caso que citei é uma empresa, nao um canal de noticia

nesse caso nao vejo grande diferenca na questao do indexamento por parte dos buscadores, ja que o titulo seria igual

 

 

tenho um site com canal de noticias e colunas

diferencio: assunto/canal/nome do site

banco quebrou // noticia // site

 

por uma questao de importancia, o titulo da noticia pesa mais

no caso de um servico, ao meu ver, a empresa tem mais peso

Compartilhar este post

Link para o post
Compartilhar em outros sites

RafaelSonyLock    18

RafaelSonyLock
Postado

Mas, espere ai

 

Então, cada pagina em um .HTML ?

 

Então, eu não tenho programa para fazer o layout

e tambem não tenho a minima noção de como fazer

E tambem aqui o PC custa rodar o Paint.NET

 

E agora, na questão do layout, oque eu faço?

 

Obrigado ai gente !

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Continue estudando o HTML puro mesmo. Depois aprenda CSS e monte seus layouts apenas com CSS (sem imagens mesmo).

Depois você pode pensar em fazer seus layouts, daí o programa que vai usar é o de menos, importante é ser criativo ;)

Boa sorte nos estudos

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

RafaelSonyLock    18

RafaelSonyLock
Postado

Continue estudando o HTML puro mesmo. Depois aprenda CSS e monte seus layouts apenas com CSS (sem imagens mesmo).

Depois você pode pensar em fazer seus layouts, daí o programa que vai usar é o de menos, importante é ser criativo ;)

Boa sorte nos estudos

 

[]'s

Valew pela luz

 

mas me expliquem

 

Cada pagina é em uma .HTML ?

 

Quem quiser da uma Visitadinha e deem uma nota !

www.rafaelsonylock.blogspot.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

desisto    0

desisto
Postado

Cada pagina é em uma .HTML ?

cada pagina é um html ou uma linguagem dinamica, asp, php...

 

você pode ter apenas 1 pagina rodando todo site por meio de querrystring

ou pode criar 1 pagina pra cada assunto

site.com.br/modulo.asp?=noticia (1º caso)

site.com.br/noticia.html (2º caso)

 

 

o correto seria diferenciar design de programacao, que seria, o cara escolhe a area que prefere

mas na pratica os 2 se misturam, o design programa e o programador faz o layout tambem

 

como você esta aprendendo html, nao se prenda ao layout

da uma olhada nas linguagens de programacao pra ver se lhe agradam e depois com o tempo você tenta criar um layout

 

 

normalmente os sites sao formados de:

1º)

- topo

- coluna direita

- conteudo central

- rodape

 

2º)

- topo

- coluna direita

- conteudo central

- coluna esquerda

- rodape

 

3º)

- topo

- menu horizontal (normalmente logo abaixo do topo)

- conteudo central

- rodape

 

você escolhe como vai ser o site, faz as divisoes das colunas no programa grafico, monta o que tem que montar, topo, menu, rodape...

ai você pula pro css, normalmente é uma div(mae) que vai receber tudo dentro

cria-se uma div pro topo

cria-se uma div pro centro que vai conter uma div pra direita, uma pro centro

cria-se uma div pro rodape

você usa float pra definir onde ficam as div e aplica css

 

se precisar você fatia as imagens e coloca nas divs

 

 

abracos

Compartilhar este post

Link para o post
Compartilhar em outros sites

RafaelSonyLock    18

RafaelSonyLock
Postado

Nova duvida

 

Por exempro, todo o HTML esta pronto e esta tudo certo e hospedado

 

se eu fou acrescentar eu vou ter que modificar a HTML ?

 

E tambem, eu entendi até uma parte do Tutorial

Ai agora eu achei que ficou complicado demais

 

Não tem um mais simples sá para começar

 

depos eu pulo para esse por não to entendendo nada que ele diz

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

Amigo, vá com calma!

Está na cara que você esta com muita pressa para aprender.

 

Assim como o pessoal acima disse ESQUEÇA layouts, linguagens de programação e etc e se dedique apenas ao puro, simples e até mesmo defasado HTML, pois sem ele você não vai tirar o pé do lugar, ele é a base para aprender o resto.

 

E não desista só porque não entendeu uma parte, faça e refaça até entender, procure outros tutoriais apostilas.

 

Se você tiver conhecimento de inglês este site é a melhor referencia:

http://www.w3schools.com/html/html_intro.asp

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Não tenho conhecimento em Ingles não !

Deveria...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Paschoalin    0

Thiago Paschoalin
Postado

Acho que já falaram tudo, só gostaria de reforçar mesmo a idéia.

 

Eu aprendi HTML no BLOCO DE NOTAS... isso mesmo, nada de editores nem nada... É muito trabalhoso e demorado, mas posso dizer que vale a pena !

 

Você irá dominar o HTML dessa forma, podendo depois usando um editor poderoso, não perder muito tempo em seus trabalhos por causa de problemas "bestas" como por exemplo uma tabela que não quer alinhar, ou uma grade que está descendo junto com outra, quando deveria ficar parada, etc...

 

Claro que não estou falando para você fazer isto, mas como já disseram, se prenda em CADA TAG, uma a uma, crie uma tabela, dimencione ela, veja o resultado, uma coisa que fazia muito quando estava aprendendo HTML, era quando eu não estava sabendo muito bem como cada grade (tr, td) da minha tabela estava, eu coloria cada grade de uma cor diferente e publicava para ver como ficava as tabelas...

 

bom, e tenha paciencia, pq se você tiver muita pressa, pode perder algumas tags e com isso, irá retardar seu aprendizado, então repito, tenha paciencia, vá com calma.

 

*Obs: Realmente uma coisa que você terá que ter conhecimento SEMPRE é do seu inglês, mesmo pq o HTML é criado (programado por você) em inglês, assim como o CSS, o ASP, PHP, etc.... tudo que você for aprender daqui para frente em relação a designer, programação, será em inglês !!!!

 

Depois mias para frente, procure por editores poderosos aqui mesmo no forum, que o pessoal terá muita coisa legal pra mostrar !

 

É isso ai Rafael, boa sorte em sua jornada !

Compartilhar este post

Link para o post
Compartilhar em outros sites

desisto    0

desisto
Postado

uma coisa que fazia muito quando estava aprendendo HTML, era quando eu não estava sabendo muito bem como cada grade (tr, td) da minha tabela estava, eu coloria cada grade de uma cor diferente e publicava para ver como ficava as tabelas...

eu AINDA uso essa 'tecnica'

sempre mando uma borda, dou um print e vejo no fireworks se as distancias estao corretas em todos navegadores

nao tenha duvida que isso ajuda muito, principalmente pra ver se os navegadores estao interpretando certo as propriedades do css, ainda mais no bug do IE (magem + float)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Existem vários tutoriais em Português uai..

vai desistir porque? que palavra mais forte e tristee!!

 

Qual é a dúvida ? você começou bem... continua montando e estudando... nada se aprende "do dia pra noite"..

Confira nossa seção de Artigos..

http://forum.imasters.com.br/index.php?showforum=140#

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrícia Machado    1

Patrícia Machado
Postado

<html>

<head>

<title> :::...Dicas para Computador e Sistemas Operacionais...::: </title>

</head>

<body>

<p align="center"> Pagina Home, Rafael ! </p>

</html>

 

Faltou um </ body> antes da tag </ html>.

 

=) Não esqueça de salvar como .html.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scaico    0

Scaico
Postado

Bah cara...

Não desiste não.

No começo é complicado, a gente se sente meio perdido. Mas vale a pena.

 

Você tem 12 anos, é novo mas está empenhado. Pode ter certeza que ninguém aqui quer ver você desistir no primeiro obstáculo.

Mas vá devagar mesmo. Faça como todo mundo já falou: comece no HTML puro e vá evoluindo.

 

Pense sempre no seu objetivo. Você gosta disso? Quer trabalhar com isso?

Pode ter certeza que se você se empenhar agora, com a sua idade... Quando estiver com seus 16 anos, vai estar fazendo sites muito bons e começando a ganhar seus trocados com isso.

 

Sinceramente, quem me dera ter começado com a sua idade. O desafio é maior, mas a recompensa também.

Força, rapaz. :)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito