E lá estava eu, feliz por migrar o layout da fullperformance.com.br para algo mais atualizado.
Elaborei o conteúdo, editei as imagens, organizei a distribuição das informações, tudo localmente num arquivo index.html. Ok.
Transferi o index.html para o servidor e lindo, começei a pegar opiniões de profissionais e pessoas mais próximas sobre o novo layout.
Fui ajustando e lapidando o layout. Fiquei namorando a tela por um momento maravilhoso! Que gostoso ver o novo layout tomando forma!!! Se tornando a identidade do produto!!!
Pronto, agora bastava eu converter para PHP, antes de começar a mesclar as informações estáticas com as informações dinâmicas do banco de dados MySQL.
Salvei meu lindo index.html, sem alterar nada, como index.php e transferi para o servidor.. Ao digitar no browser:
https://www.fullperformance.com.br/index.php
Eis que abriu a tela:
… momento frustrante acontecendo…
Como assim??
Pois é..
“Uma das preocupações nesse cenário é analisar se o charset está devidamente configurado na aplicação e no banco de dados.”
Então vamos lá, é preciso setar os 4 ítens a seguir, conforme necessário:
01- No meu HTML eu havia setado o chartset a seguir:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
02- E quando converti para PHP, faltou eu escrever o mesmo comando em PHP, assim, adicionei na primeira linha do index.php:
<?php header(“Content-type: text/html; charset=utf-8”); ?>
03- Para a conexão com o MySQL:
mysql_set_charset(‘utf8’);
04- No formulário:
<form accept-charset=”utf-8″ …>
E ao transferir o PHP atualizado para o servidor, voltei a sorrir:
Essa é uma dica legal para evitar esse momento de desilusão amorosa com o novo layout!
Para quem não sabe, a fullperformance.com.br é um dos projetos da AmpliaWeb, onde desenvolvemos uma tecnologia voltada ao esporte, oferecendo além de Calendário de Corridas, também um Painel Esportivo onde cada atleta se loga e tem salvo todas as corridas as quais participou, com detalhes de data, local, tempo, classificação, etc. Como também disponibilizamos o cadastro de treinos e gráficos comparativos, para que os atletas acompanhem seu desempenho e evolução. Um super projeto pessoal e profissional onde podemos aplicar nossos conhecimentos e nos manter focados nas saudáveis corridinhas de rua!
Valeuuuu pessoal!
Flavia Grohmann – AmpliaWeb
Fonte:
Recomendo essa página explicando rapida e claramente o processo:
https://imasters.com.br/back-end/configurando-charset-de-uma-aplicacao-php
I think other website owners should take this website as an model, very clean and good user friendly style and design.