raphaelpalhano/cs50-model-google-search

Desafio do CS50 de remodelagem do site do Google mantendo as principais características.

PLANEJAMENTO

ESQUELETO INICIAL DA PÁGINA.

• Seu site deve ter pelo menos três páginas:
• uma para a Pesquisa do Google,
• uma para a Pesquisa de imagens do Google
• e uma para a Pesquisa avançada do Google.

1. Na página de pesquisa do Google, deve haver links no canto superior direito da página para ir para a Pesquisa de imagens ou Pesquisa avançada.

2. Em cada uma das outras duas páginas, deve haver um link no canto superior direito para voltar à Pesquisa Google.

ESTILIZAÇÃO DA PÁGINA

• Como o próprio Google, sua barra de pesquisa deve ser centralizada com cantos arredondados.

• O botão de pesquisa também deve estar centralizado e deve estar abaixo da barra de pesquisa.

• Aparência: Como a própria página de Pesquisa Avançada do Google, as quatro opções devem ser empilhadas verticalmente e todos os campos de texto devem ser alinhados à esquerda.

• Sorte . Adicione o botão “I’m Feeling Lucky” à página principal da Pesquisa Google.

• Consistente com o próprio comportamento do Google, clicar neste link deve levar os usuários diretamente ao primeiro resultado de pesquisa do Google para a consulta, ignorando a página de resultados normal. Estética.

• O CSS que você escreve deve corresponder à estética do Google da melhor maneira possível.

TEXTO DE CONSULTA

• Texto de consulta: Na página de pesquisa do Google, o usuário deve ser capaz de digitar uma consulta, clicar em “Pesquisa do Google”
• e ser levado aos resultados de pesquisa do Google para essa página.

Query Advanced

1. Na página de pesquisa avançada do Google, o usuário deve ser capaz de fornecer dados para os quatro campos a seguir (retirados das próprias opções de pesquisa avançada do Google )

* Find pages with… “all these words:”
* Find pages with… “this exact word or phrase:”
* Find pages with… “any of these words:”
* Find pages with… “none of these words:”