Página html single page com menu e background

JorgeSouza · 19 de agosto de 2016

Olá.

Eu gostaria de ter este página em HTML, mas não estou conseguindo fazer.

É o seguinte, quero apenas a parte que aparece na tela mesmo, apenas isso.

Teria como fazer ?

Aqui o site para ver a página inteira

Parte que eu quero: http://imgur.com/wuOPiQp

DiF · 19 de agosto de 2016

@JorgeSouza Olá, seja mais específico por favor..

Você quer desenvolver um site igual ao mencionado?

Se sim, poste as suas tentativas. o que tentou fazer, o que imagina que pode ser feito.. e etc

Explique com detalhes o seu objetivo.

JorgeSouza · 19 de agosto de 2016

@dif Realmente é um pouco complicado explicar, mas vou tentar melhorar isso aí. Não quero a página inteira não!

Olhe esta imagem -> http://imgur.com/wuOPiQp

Quero apenas isto mesmo, sem scroll sem nada, quero apenas um background com os menus e mais nada! "Simple Page".

Aqui a tentativa: http://pastebin.com/zQebHsi1

Praticamente peguei pronta. Montei algumas coisas apenas, mas nada além disso!

DiF · 19 de agosto de 2016

@JorgeSouza Entendi, mas não é por aí que se começa amigo.

O primeiro erro foi pegar um código pronto sem saber.

Basicamente você vai criar sua página definir os estilos css e as estruturas e só.

Já que não quer fazer sem os scroll,,

O lance é bem simples. Crie a estrutura com o menu e manipule os estilos pelo CSS

JorgeSouza · 19 de agosto de 2016

@dif Talvez eu consigo fazer esse lance de colocar o background, mas o que me complica são os textos bem certinhos, o botão que tem ali no meio e os menus. Isso aí eu não vou conseguir desenvolver.

Por isso preciso de ajuda.

DiF · 19 de agosto de 2016

@JorgeSouza Não tem muito mistério.

Para facilitar o desenvolvimento podes usar o bootstrap mesmo. tudo que você tem a fazer é entrar no site deles e ler a documentação e entender como funciona.

Basicamente o bootstrap permite você criar estes botões, centralizar e posicionar de forma simples apenas usando classes CSS.

Uma dica: desenhe no papel, o esboço do seu site, depois tente reproduzir-lo no photoshop. depois que tiver a arte conceitual, você pode aplicar no css.. para ficar 100% igual.

O botão ali nada mais é do que um elemento DIV ou outro elemento qualquer como um <p> por exemplo.

Se quiser pode seguir este modelo:

<html>
  <head>
    <tittle>Nome da página</tittle>
     aqui dentro de head você chama os arquivos CSS 
  </head>  
  <body>
       <section class="parte_do_menu">
          
       </section>
    
       <section class="parte_do_texto">
       </section>
    
    <p class="botão"> </p> 
  </body>
  Aqui você chama os javascript se precisar.
</html>