Olá, Ao seguir os passos listados abaixo, você terá sua primeira página web responsiva para adicionar ao seu portifólio. Lembre-se que os passos são para serem usados como base, mas não se limite ao layout proposto nessa atividade. Você deve atuar desde a concepção do projeto até seu lançamento, além disso, essa atividade é para ser algo divertido, então, escolha um cliente/tema de sua preferêcnia e preencha a documentação do projeto antes de iniciar a etapa de programação.
Lembre-se de manter a documentação sempre atualizada e aproveite essa oportunidade para estimular sua criatividade, criando conteúdos exclusivos.
Dúvidas ou sugestões? rrdoliveira@senacrs.com.br
- Documentação
- Primeira Etapa: Preparação da estrutura do projeto
- Segunda Etapa: Hero Header
- Terceira Etapa: Features
- Quarta Etapa: Galeria de imagens
- Quinta Etapa: Lista de passos
- Sexta Etapa: Cidades Atendidas
- Sétima Etapa: Depoimentos
- Oitava Etapa: Rodapé
- Media Queries - Tornando o site responsivo! Finalmente!
- Dicas para suportar multiplos navegadores
- Sticky Navigation
- Menu Responsivo
- Menu Responsivo - material externo
- Exemplos de menus responsivos
- Smooth Scrolling
- Smooth Scrolling - código base
- Editor de imagens online: iloveimg
- Ferramenta para definir paleta de cores: Color Wheel
- Otimizador de imagens online: imagecompressor
- Ícones: flaticon, fontawesome, ionicons, FeatherIcons, favicon.io, Material Icons
- Banco de Imagens: unsplash, burst, pexels, StorySet, undraw, Blue Vertigo
- Fontes: Google Fonts
- Compressores de script: cssminifier, minifier
- Wireframes: Figma, Draw.io, NinjaMock, Adobe XD
- Criar notas online: donpad
- Apresentações: Slidesgo
- Geradores de logos: LogoMaster, PlaceIt
- Inspirações de design de layouts: Dribbble
- JQuery no servicor do google https://developers.google.com/speed/libraries/#jquery
Meta Tags
Meta Tags e Redes Sociais
Efeitos em imagens e imagens responsivas