Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Para Um Exercício Com A Temática de Loja de Hambúrguer Destinado A Alunos Iniciantes em Engenharia de Software

    Enviado por

    Caio Guilherme Souza
    4 visualizações2 páginas

    Título original

    Para um exercício com a temática de loja de hambúrguer destinado a alunos iniciantes em engenharia de software

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    4 visualizações2 páginas

    Para Um Exercício Com A Temática de Loja de Hambúrguer Destinado A Alunos Iniciantes em Engenharia de Software

    Enviado por

    Caio Guilherme Souza

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    Para um exercício com a temática de loja de hambúrguer destinado a alunos iniciantes em

    engenharia de software, a tarefa será criar uma página web utilizando apenas HTML e CSS.
    Esse projeto visa não apenas consolidar os conhecimentos básicos de desenvolvimento web,
    mas também estimular a visão empreendedora dos alunos, incentivando-os a pensar na
    possibilidade de transformar esse projeto em um negócio real, oferecendo o serviço de
    desenvolvimento web para empreendedores do ramo de alimentação.

    ### Objetivo do Projeto


    Desenvolver uma página web para uma loja de hambúrguer fictícia, que seja visualmente
    atraente, fácil de navegar e que ofereça todas as informações necessárias para que os clientes
    possam conhecer os produtos e entrar em contato com a loja.

    ### Checklist do Projeto

    #### 1. Planejamento e Design


    - **Definição do Público-Alvo**: Identificar quem são os potenciais clientes da loja de
    hambúrguer.
    - **Escolha do Nome e Identidade Visual**: Definir um nome para a loja e uma paleta de cores
    que combine com o tema.
    - **Layout do Site**: Esboçar um layout simples e intuitivo, definindo onde cada elemento será
    colocado na página (cabeçalho, menu de produtos, sobre nós, contato).

    #### 2. Desenvolvimento
    ##### HTML
    - **Estrutura Básica**: Incluir as tags fundamentais (`<html>`, `<head>`, `<body>`).
    - **Cabeçalho**: Criar um cabeçalho com o nome da loja e um menu de navegação.
    - **Sobre a Loja**: Adicionar uma seção contando a história da loja e sua filosofia.
    - **Menu de Hambúrgueres**: Exibir os hambúrgueres disponíveis com fotos, descrições e
    preços. Pode-se usar `<section>` para a área do menu e `<article>` ou `<div>` para cada item.
    - **Contato e Localização**: Fornecer informações de contato e localização, talvez incluir um
    mapa incorporado do Google Maps.

    ##### CSS
    - **Reset CSS**: Aplicar um reset ou normalize CSS para garantir consistência entre
    navegadores.
    - **Estilos Globais**: Definir estilos para o corpo do documento, cabeçalhos, parágrafos e
    links.
    - **Layout**: Utilizar Flexbox ou CSS Grid para criar um layout responsivo que se adapte a
    diferentes tamanhos de tela.
    - **Estilização de Elementos**: Aplicar cores, fontes, espaçamentos e bordas de acordo com a
    identidade visual.
    - **Efeitos Visuais**: Adicionar efeitos simples, como hover nos links do menu de navegação.

    #### 3. Teste e Validação


    - **Testar em Diferentes Navegadores**: Verificar se a página funciona corretamente no
    Chrome, Firefox, Safari, etc.
    - **Responsividade**: Testar em diferentes dispositivos para assegurar uma boa visualização
    tanto em desktop quanto em mobile.
    - **Validação do Código**: Utilizar ferramentas como o W3C Markup Validation Service e o
    CSS Validation Service para verificar a corretude do HTML e CSS.

    #### 4. Feedback e Iteração


    - **Coletar Opiniões**: Pedir feedback de colegas, professores e amigos.
    - **Ajustes**: Realizar ajustes com base no feedback recebido para melhorar a funcionalidade e
    a estética da página.

    Este projeto não só desafia os alunos a aplicarem suas habilidades técnicas em um projeto
    prático, mas também os encoraja a pensar em aspectos importantes do desenvolvimento de sites
    comerciais, como a experiência do usuário, design responsivo e otimização para diferentes
    dispositivos e navegadores. Ao final do projeto, os alunos terão uma base sólida sobre a qual
    podem continuar construindo e aprimorando suas habilidades em desenvolvimento web.

    Você também pode gostar