Não tem segredo, as instruções de utilização, são as mesmas da outra versão desse exercício. Primeiramente, você irá precisar instalar a extensão Live Server em seu Visual Studio Code. Caso já tenha esta extensão instalada, basta navegar utilizando o terminal de sua preferência até o local onde deseja baixar o repositório. Após isso, coloque no seu terminal o comando git clone (chave ssh)
. Vou dar um exemplo de como ficará o comando: git clone git@github.com:JorgeCJ/Exercicio-2-ALTERNATIVO-Desafio-Hyperativa-Teste-Front-end-.git
. O arquivo será baixado em seu computador e para abri-lo basta clicar com o botão direito na pasta escrita exercício2 alternativo
e escolher a opção Abrir com Code, o que fará com que o exercício seja aberto no editor de código fonte Visual Studio Code. Clique no arquivo index.html
do exercício em questão e aperte Ctrl + Shift + p
. Abrirá uma pequena tela na parte superior do seu Visual Studio Code e você deverá selecionar a opção Live Server: Open with Live Server
. Após todas estas etapas, finalmente poderá verificar o projeto funcionando em seu navegador :D
.
Estava observando o projeto e pensei se existia alguma forma de reduzir ainda mais a quantidade de imagens utilizadas, daí tive uma ideia. Decidi baixar como imagem o modelo do site do Zeplin. E para conseguir colocar links, apenas coloquei tags âncoras sobre essa única imagem. Após isso, coloquei os textos e os posicionei corretamente. E com isso, o projeto estava pronto, utilizando apenas UMA ÚNICA
imagem. Foi até mais simples, nem precisei utilizar o Paint 3D.
Se quiser verificar o exercício 2 da versão alternativa funcionando, basta clicar aqui.