Como parte do meu treinamento de PHP, decidi criar um site de pokédex utilizando o que aprendi de PHP e MySQL. Já tenho o WAMP instalado, e tenho usado o Dreamweaver para criar os códigos.

Design

A primeira coisa que fiz, porém, não foi código nenhum, mas a imagem da capa da Pokédex. Depois de analisar todas as Pokédex de todas as gerações, optei por utilizar o último modelo, da geração 6: XY, mais moderna e até mais simples. Criei a imagem em 2D mesmo, sem dar profundidade, seguindo a moda de Design Plano. Usei o Photoshop CS2.

Também fiz uma imagem PNG semi-transparente para ser a tela da pokédex.

Codificando

Hoje comecei com o código da página em si, em PHP. Eu tenho a inteção de no futuro o usuário poder trocar o modelo da pokédex, portando já deixei um código que define o arquivo CSS que será usado dependendo do valor da variável %gen (de generation). Para isso criei um arquivo PHP separado, chamado script.php, que irá verificar a geração selecionada (possivelmente pelo método GET). Mas por enquanto ele só define a geração como 6:

E na parte HEAD do index.php, incluí o arquivo CSS pelo PHP conferindo a geração da pokédex a ser usada. Os arquivos CSS terão todos nomes "gen#.css", com # sendo o número referente à geração.

Agora, há elementos que podem estar presentes em uma pokédex de uma geração, mas ausente em outras. Portanto decidi incluir alguns elementos pelo PHP, verificando a geração da pokédex a ser usada para decidir se tal elemento deve ser incluído ou não. O primeiro conteúdo que decidi colocar foi o formulário de pesquisa dentro de BODY.

Durante todo o processo, fui também estilizando a página pelo CSS. E antes de prosseguir com todo o display e tabelas e botões de navegação, passei para o database.

Marcadores: Design, PHP