Conteúdo desenvolvido na Agenda 15, disciplina Desenvolvimento de Sistemas I - ETEC.
"Agora é hora de colocar em prática seus conhecimentos em HTML, CSS e Framework W3.css! Vamos pensar nos benefícios desse aprendizado!"
Após seguir o passo a passo na elaboração do PROJETO CPS indicado no material dessa agenda, você dará continuidade nesse projeto para atender a seguinte solicitação do cliente:
Imagine que o Centro Paula Souza peça para você colocar uma nova seção chamada “Docentes” e que você tenha que ser rápido porque seu prazo está no limite! Não se esqueça de seguir o padrão utilizado até o momento.
Após desenvolver todo o site e ter estudado o HTML 5, CSS 3 e as facilidades de usar os frameworks, desenvolva, de forma padronizada, essa nova seção de acordo com as seguintes solicitações:
-
A nova seção ”Docentes” deve ficar entre as Seções Grade Curricular e Mercado de Trabalho, tanto na navbar quanto no corpo da página.
-
Coloque uma foto para cada docente com seu nome e uma breve descrição de sua formação e atuação profissional (currículo).
Atenção:
Fique atento para colocar o link correto das imagens na codificação da página e, caso a opção seja usar as imagens localmente no dispositivo, você deve criar uma pasta contendo o arquivo HTML da atividade e as devidas imagens. ENVIAR ESSA PASTA COMPACTADA.
Dicas:
-
Utilize como ícone fa fa-address-card no navBar.
-
Para os efeitos, utilizar w3-hover-opacity ou acessar o link https://www.w3schools.com/w3css/w3css_animate.asp para ver mais tipos de animações.
Obs.: Os dados para serem inseridos na página, bem como as fotos, podem ser fictícios!
O Centro Paula Souza aprovou a forma como você criou a nova seção “Docentes”, sendo apontada apenas uma observação: Como há na instituição uma grande quantidade de docentes, a página ficaria muito extensa.
Com o conhecimento adquirido nesta agenda, altere a distribuição das informações na página, de forma padronizada, inserindo um Slideshow com a foto de cada docente, com seu nome e uma breve descrição de sua formação e atuação profissional (currículo) na seção Docente.
Atenção:
Fique atento para colocar o link correto das imagens na codificação da página e, caso a opção seja usar as imagens localmente no dispositivo, você deve criar uma pasta contendo o arquivo HTML da atividade e as devidas imagens. ENVIAR ESSA PASTA COMPACTADA.
Dicas:
- Utilize o slideshow manual;
- No botão coloque a cor w3-cyan para uma melhor visualização e padronização do projeto.
- Insira uma página no projeto chamada Galeria, para armazenar as imagens.
Obs.: Os dados para serem inseridos na página, bem como as fotos, podem ser fictícios!