Ajuda
Esta página descreve as funcionalidades do site do Pata Amiga Petshop, explica como navegar entre as páginas e apresenta os créditos das imagens utilizadas.
Estrutura do site
O site é formado por sete páginas HTML, todas com o mesmo cabeçalho, o mesmo menu de navegação e o mesmo rodapé. O menu aparece no topo de todas as páginas, e a página aberta no momento fica destacada em negrito.
| Página | Arquivo | O que apresenta |
|---|---|---|
| Início | index.html | Apresentação do petshop, destaques de cada categoria e passo a passo para comprar. |
| Acessórios | acessorios.html | Dois produtos da categoria acessórios, com foto, descrição e valor. |
| Rações | racoes.html | Dois produtos da categoria rações não perecíveis, com foto, descrição e valor. |
| Higiene e Limpeza | higiene.html | Dois produtos da categoria higiene e limpeza, com foto, descrição e valor. |
| Serviços | servicos.html | Banho e tosa, com descrição e tabelas de valores com e sem tele-busca. |
| Contato | contato.html | Telefones, e-mail, endereço e formulário de contato em HTML. |
| Ajuda | ajuda.html | Esta página: funcionalidades, dicas de navegação, créditos e política de privacidade. |
Funcionalidades disponíveis
- Navegação por menu: o menu do cabeçalho leva a qualquer página do site; o rodapé repete os mesmos links para quem chega ao fim da página.
- Catálogo de produtos: cada categoria mostra dois produtos com fotografia, descrição, lista de características e valor à vista e parcelado.
- Links internos: os destaques da página inicial levam diretamente ao produto
correspondente, por meio de âncoras (por exemplo,
acessorios.html#malha-trico). - Tabela de serviços: a página de serviços compara os valores por porte do animal, com e sem tele-busca.
- Formulário de contato: campos de texto, e-mail, telefone, lista de assuntos, opção de tele-busca e área de mensagem.
- Links de ação rápida: os telefones e o e-mail do cabeçalho e do rodapé são
clicáveis (protocolos
tel:emailto:).
O que ainda não funciona nesta fase
Conforme o enunciado da Fase 1, o site foi construído apenas com HTML, sem folhas de estilo (CSS), sem Bootstrap e sem JavaScript. Por isso:
- a aparência é a padrão do navegador, sem cores, colunas ou espaçamentos personalizados;
- o formulário de contato não envia dados, pois o envio depende de programação;
- não há carrinho de compras, busca nem cálculo automático de valores.
Esses recursos estão previstos para a Fase 2 do projeto.
Créditos das imagens
As fotografias utilizadas são de terceiros e foram obtidas no Wikimedia Commons e no Flickr, sob licenças Creative Commons ou em domínio público. O logotipo em SVG foi criado pelo autor do site.
| Arquivo | Título original | Autor | Licença | Fonte |
|---|---|---|---|---|
| img/roupa-pet.jpg | Dachshund Wearing Dog Sweater | Howard O. Young | CC BY 2.0 | Ver original |
| img/brinquedo-mordedor.jpg | Still Life with Dog Toys | Kathleen Tyler Conklin | CC BY 2.0 | Ver original |
| img/racao-cao.jpg | Pile of Kibble Dog Food (51049786351) | Megan Marrs | CC BY 2.0 | Ver original |
| img/racao-gato.jpg | Catfood | Robdav69 at English Wikipedia | Public domain | Ver original |
| img/shampoo-pet.jpg | Shingoli Shampoo Aloe Vera & Neem Front | Shingoli | CC BY-SA 4.0 | Ver original |
| img/areia-higienica.jpg | Fresh cat litter close up | CambridgeBayWeather | CC BY-SA 3.0 | Ver original |
| img/banho.jpg | Dog Bath | Carollainy | CC BY-SA 2.0 | Ver original |
| img/tosa.jpg | Killeen-Dog-Grooming-1 | NormZC | CC BY 2.0 | Ver original |
| img/logo.svg | Logotipo Pata Amiga | Wilson Oliveira Lima | Criação própria | – |
Política de privacidade
Este site é um trabalho acadêmico e não coleta, armazena nem compartilha dados pessoais. Os campos do formulário de contato são apenas demonstrativos e nenhuma informação digitada é enviada a servidores. Empresa, endereço, CNPJ e preços são fictícios.
Suporte
Dúvidas sobre o site podem ser enviadas para contato@pataamiga.pet.