Ir ao conteúdo
  • Cadastre-se
felipe honorio

PHP quais suas Dicas para um site melhor responsivo e elegante?

Recommended Posts

O que quero cursar é engenharia mecatronica,mas como estudei o basico do html a um certo tempo pensei que seria uma boa oportunidade para  ajudar um amigo e estudar criando uma pagina do zero com html e css,php e etc... no entanto pensando em algo como a pagina incial do spotfy  basta rolar e ter todas as informações como a pagina é só uma amostra do trabalho dele e contato acredito que o mais importante é ser algo fluido já que tambem será leve,no momento com o não consigo criar nada muito mais bem feito que um trabalho do word (tipo cheio de imagens no meio do texto que fica até bem formatado mas é só isso) mas quero se puderem ajudar aprender e saber os proximos passos corretos,eternamente grato a esse forum.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dedica algumas poucas horas a estudar o Bootstrap, acredito que vai te ajudar e acelerar muito esse trabalho que queres fazer!.

 

Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo.

 

Site oficial do Bootstrap aqui

adicionado 4 minutos depois

Ia me esquecendo....

Quanto a parte do PHP, vai depender do que queres fazer, se é manipular informações em um banco de dados, tudo bem o PHP e MySql, dão conta, mas se queres apenas ajudar na fluidez do Layout, formulário de contato, o JavaScript/JQuery e Ajax, são os mais indicados!

  • Curtir 2

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estude Bootstrap, é bem simples, rapidamente você conseguirá desenvolver algo legal. A própria documentação da biblioteca já é o suficiente para o seus estudos, ela é ótima: https://getbootstrap.com/docs/4.1/getting-started/introduction/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia felipe honorio,

 

Em questões de desempenho:

1 - procure validar tamanho de fotos, compactando, da pra fazer de modo simples com o:

https://tinyjpg.com/

2 - Valide o tamanho de arquivos do seu site e o número de interações com o servidor, o google tem uma ferramenta boa para isso, medindo a velocidade de carregamento e propondo melhoras:

https://developers.google.com/speed/pagespeed/insights/?hl=pt-BR

 

3 - Por ultimo, existe uma ferramenta do google também que consegue visualizar o quanto o seu site é bom para dispositivos mobile e o tempo de carregamento médio em uma conexão 3G:

https://testmysite.thinkwithgoogle.com/intl/pt-br

 

As 3 são ferramentas muito boas para serem utilizadas, claro que existem outras formas, porém estou passando as mais simples e que já ajudaram muito.

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, o Bootstrap é ótimo, vai fazer praticamente o responsivo tudo sozinho, mas aprende a fazer o responsivo na unha se você realmente quer dominar o assunto, além de saber como funciona todos esses frameworks, tu vai saber desenvolver qualquer layout! O Bootstrap te limita em certos aspectos.

 

Pra fazer na unha tu vai ter que estudar sobre:

- Media screen CSS3

- Medidas relativas CSS3 (%, rem, em...)

- Flexbox CSS3

- Grid layout CSS3

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×