Ajuda na programação de documentos =D

[Kyle Broflovisk 3]

Olá galera, hoje estou com uma dúvida que está me consumindo (Risos...)

Criei já um tópico aqui perguntando como o PHP entra em um Documento para formatação e tudo mais. Minha dúvida FOI SANADA, mas agora estão com uma dúvida parecida.

Eu gostaria que vocês formatassem um texto pra mim entender melhor como é feito essa formatação em linguagens diferentes.

Estou aprendendo CSS ainda e não sei quase nada de PHP e 0% de JavaScript.

Vou postar aqui um pequeno texto e gostaria que vocês formatassem ele em PHP e/ou JavaScript o que vocês puderem formatar.

Vou por aqui como Spoiler e vocês se possível coloquem também =D

 

 

A lógica de programação nada mais é do que a organização coerente das instruções do programa para que seu objetivo seja alcançado. Para criar essa organização, instruções simples do programa, como mudar o valor de uma variável ou desenhar uma imagem na tela do computador, são interconectadas a estruturas lógicas que guiam o fluxo da execução do programa. Isso é muito próximo ao que usamos em nosso cotidiano para realizar atividades simples que vão desde atravessar a rua até a trocar o pneu de um carro.

 

Por tráz das atividades que realizamos no nosso dia-a-dia, há sempre o chamado raciocínio lógico que define os passos para que nossa atividade seja completada com sucesso. Quando esse raciocínio falha, ou seja, não é suficientemente preciso, há grandes chances de não alcançarmos nosso objetivo. A mesma coisa acontece com os programas de computador.

 

Por isso, embora pareça simples, usar o raciocínio lógico para instruir um computador a realizar nosso desejo, é uma tarefa bastante complexa que exige muita prática. Faça um teste, experimente listar todos os passos envolvidos com a troca de um pneu.....

 

A maioria das pessoas que fazem esse exercício pensam nas tarefas, tirar um pneu e colocar o outro. Algumas pessoas mais detalhistas pensam em abrir o porta-malas e pegar o pneu de estepe. Mas poucas pessoas pensam em coisas como:

 

se o estepe não está cheio o suficiente,

ligar para o seguro e aguardar o socorro.

Se o estepe estiver ok,

pegar o macado no porta-malas,

posicionar o macaco sob o carro,

suspender o carro com o macaco,

desparafusar todos os parafusos,

tirar o pneu,

colocar o estepe,

parafusar todos os parafusos,

abaixar o macaco,

guardar o macaco no porta-malas,

guardar o pneu furado no porta-malas,

fechar o porta-malas,

entrar no carro,

ligar o carro,

dirigir até encontrar uma borracharia.

 

 

Por favor é importante pra mim que vocês formatem eles, POR FAVOR.

Usem XHTML Strict dentro dos padrões W3C (Desculpe ser tão exigente mas quero sanar essa dúvida 100%) e postem também o CSS utilizado.

Tipo:

 

HTML e PHP e/ou JavaScript:

 

Código aqui...

 

 

CSS:

 

Código aqui...

 

 

Desde já agradeço e vou ficar muito grato a TODOS que me ajudarem ou pelo menos tentarem!

Mais uma vez desculpe pela chatice de ficar postando dúvidas quase iguais sempre e ainda exigir um monte de coisas (Sou chato por natureza mesmo =P)

[AceStryker 32]

Amigo, aqui damos suporte, não somos seus escravos...

<br/> vai pra próxima linha

<center></center> centralisa

<left></left> Alinha esquerda

<right></right>Alinha direita

[Kaue Drey 0]

Cara para que formatar seu texto em JavaScript ? & muito menos PHP ?

 

No próprio HTML você pode fazer a formatação dele ->

 

Exemplo básico:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

[Kyle Broflovisk 3]

Amigo, aqui damos suporte, não somos seus escravos...

<br/> vai pra próxima linha

<center></center> centralisa

<left></left> Alinha esquerda

<right></right>Alinha direita

 

Amigo, aqui vocês ajudam quem está com dúvidas (Me corrija se estiver errado mais a área é DUVIDAS, não?), e só ajuda quem quer, se não quer ajudar peço encarecidamente que saia do post =D

 

Kaue, obrigado pela resposta!

Então eu posso adicionar tags como <h1> para título e <h2> para Sub Título. Usar <p> para meu conteúdo e <em> e mais algumas outras tags para modificar algumas palavras do meu conteúdo.

Então depois ir para o CSS e estilizar tudo?

É que faz pouco tempo que comecei a programar e quero fazer um bom site, uma coisa bem organizada como todos fazem.

Não quero fazer aquela gambiarra toda e deixar o site 100% mais pesado.

É que o HTML é uma linguagem de Marcação e então fiquei pensando como formataria meu conteúdo...

Então eu faço o conteúdo, marco ele com HTML, estilizo ele com CSS, uso JavaScript para modificar mais a aparência e interação entre usuário e site e uso PHP mais para o lado do servidor? Tipo Formulários de contato, etc...?

 

Obrigado desde já!

[☢|EXPL01T3R|☣ 50]

pedir para alguém formatar um texto para você não é o melhor jeito de se aprender, se você não sabe nem CSS então porque passar para outras linguagens? tente se organizar e estudar começe com HTML e CSS

com isso você ja vai conseguir estruturar e formatar bem o texto mais é fazendo que se aprende, estude escreva o code e veja oque ele faz na pagina e não pedir para alguem fazer porque isso não ajuda a aprender oque ajuda a aprender é estudar e tentar fazer ai caso não entenda alguma coisa podemos te auxiliar a descobrir oque e talz, por exemplo você não entende a diferença de a tag <br> ai te explicaremos como funciona e para que ela é usada e assim você pode seguir com seu trabalho

em relação a estrar dentro do stricit proposto pela W3C acho irrelevante para iniciantes porque você tem que entender oque é o stricit e oque é o normal que não é tão rígido porem caso queira ir direto para o modo stricit claro primeiro você declara isso e quando estiver verificando o code no site la os pontos errados serão mostrados e terão dicas de como corrigi-lo

 

e antes que comece uma discussão tentem manter o respeito com outros membros

 

quer aprende ? taai

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

mais conteudos para estudo podem ser encotrados facilmente com pesquisas no google do tipo filetype:pdf html, filetype:pdf css,

e buscas do tipo, 90% destas apostilas contem exemplos para facilitar o aprendizado

[Kyle Broflovisk 3]

pedir para alguém formatar um texto para você não é o melhor jeito de se aprender, se você não sabe nem CSS então porque passar para outras linguagens? tente se organizar e estudar começe com HTML e CSS

com isso você ja vai conseguir estruturar e formatar bem o texto mais é fazendo que se aprende, estude escreva o code e veja oque ele faz na pagina e não pedir para alguem fazer porque isso não ajuda a aprender oque ajuda a aprender é estudar e tentar fazer ai caso não entenda alguma coisa podemos te auxiliar a descobrir oque e talz, por exemplo você não entende a diferença de a tag <br> ai te explicaremos como funciona e para que ela é usada e assim você pode seguir com seu trabalho

em relação a estrar dentro do stricit proposto pela W3C acho irrelevante para iniciantes porque você tem que entender oque é o stricit e oque é o normal que não é tão rígido porem caso queira ir direto para o modo stricit claro primeiro você declara isso e quando estiver verificando o code no site la os pontos errados serão mostrados e terão dicas de como corrigi-lo

 

e antes que comece uma discussão tentem manter o respeito com outros membros

 

quer aprende ? taai

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

mais conteudos para estudo podem ser encotrados facilmente com pesquisas no google do tipo filetype:pdf html, filetype:pdf css,

e buscas do tipo, 90% destas apostilas contem exemplos para facilitar o aprendizado

 

Obrigado por responder!

Eu não estou pedindo para formatarem o texto para que eu aprenda as linguagens, estou pedindo para formatarem para que eu ENTENDA como é feito essa formatação.

Eu já sei todas as regras da W3C e PREFIRO USAR O STRICT que é 100% dentro dos padrões.

Sei o que é Strict, Transitional, etc...

Eu só quero entender como alguém formata um conteúdo para que eu mesmo formate outros e vá treinando...

Exemplo:

 

Código HTML formatado:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

<html xmlns="

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

xml:lang="pt-BR">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="css.css" media="all" />

<title>Documento XHTML</title>

</head>

 

<body>

<p>A lógica de programação nada mais é do que a organização coerente das instruções do programa para que seu objetivo seja alcançado.</p>

<p>Para criar essa organização, instruções simples do programa, como mudar o valor de uma variável ou desenhar uma imagem na tela do computador, são interconectadas a estruturas lógicas que guiam o fluxo da execução do programa.</p>

<p>Isso é muito próximo ao que usamos em nosso cotidiano para realizar atividades simples que vão desde atravessar a rua até a trocar o pneu de um carro.</p>

 

<p>Por tráz das atividades que realizamos no nosso dia-a-dia, há sempre o chamado raciocínio lógico que define os passos para que nossa atividade seja completada com sucesso.</p>

<p>Quando esse raciocínio falha, ou seja, não é suficientemente preciso, há grandes chances de não alcançarmos nosso objetivo. A mesma coisa acontece com os programas de computador.</p>

 

<p>Por isso, embora pareça simples, usar o raciocínio lógico para instruir um computador a realizar nosso desejo, é uma tarefa bastante complexa que exige muita prática. Faça um teste, experimente listar todos os passos envolvidos com a troca de um pneu.....</p>

 

<p>A maioria das pessoas que fazem esse exercício pensam nas tarefas, tirar um pneu e colocar o outro. Algumas pessoas mais detalhistas pensam em abrir o porta-malas e pegar o pneu de estepe. Mas poucas pessoas pensam em coisas como:</p>

 

<p>

<li><em>se o estepe não está cheio o suficiente,</em></li>

<ul>ligar para o seguro e aguardar o socorro.</ul>

<li><em>Se o estepe estiver ok,</em></li>

<ul>pegar o macado no porta-malas,</ul>

<ul>posicionar o macaco sob o carro,</ul>

<ul>suspender o carro com o macaco,</ul>

<ul>desparafusar todos os parafusos,</ul>

<ul>tirar o pneu,</ul>

<ul>colocar o estepe,</ul>

<ul>parafusar todos os parafusos</ul>

<ul>abaixar o macaco,</ul>

<ul>guardar o macaco no porta-malas,</ul>

<ul>guardar o pneu furado no porta-malas,</ul>

<ul>fechar o porta-malas,</ul>

<ul>entrar no carro,</ul>

<ul>ligar o carro,</ul>

<ul>dirigir até encontrar uma borracharia.</ul>

</p>

</body>

</html>

 

 

 

Código CSS formatado:

 

 

p {

color:#1144FF;

padding-left:10px;

}

 

em {

color:#FF0000;

}

 

 

E não estou querendo arranjar discussões apenas respondi o comentário do AceStryker com a mesma educação...

ESPERO QUE AGORA VOCÊ ENTENDA!!!!!

[AceStryker 32]

Um ultimo conselho brother, você aprende bem mais correndo atrás e procurando o que quer em páginas na internet que pedindo pronto