Rodapé, conteúdo periférico e links - @Curso em Vídeo HTML5 e CSS3

Configurando o conteúdo periférico e o rodapé do site

Visão geral da seção: Nesta seção, vamos trabalhar no conteúdo periférico e no rodapé do nosso site.

Configurando o conteúdo periférico

• O conteúdo periférico refere-se à parte lateral do site, onde temos uma lista de itens.

• Utilizaremos a tag <aside> para criar essa seção.

• Os links dentro do <aside> devem estar dentro de um parágrafo para funcionarem corretamente.

• Podemos estilizar os links com cores e decorações específicas.

Configurando o rodapé

• Vamos configurar o rodapé do site.

• Podemos centralizar o texto usando text-align-center.

• Também podemos ajustar o tamanho da fonte e adicionar espaçamento entre os elementos.

Configuração do Açaí Wesley

Visão geral da seção: Nesta seção, o palestrante explica como configurar o açaí Wesley e fazer algumas personalizações.

Configurando a lista

• Para configurar uma lista, é necessário remover as bolinhas usando list-style-position.

• É possível dividir a lista em duas colunas usando column-count.

Personalizando os símbolos da lista

• Nem todos os navegadores são compatíveis com a configuração de símbolos personalizados.

• É possível trocar os símbolos padrão por outros símbolos, como um sinal de cheque ou um espaço vazio.

Estilizando o título H3

• O palestrante demonstra como estilizar o título H3 usando background-color, color, padding e border-radius.

• Ele cria um bloco arredondado com margens negativas para encaixá-lo perfeitamente.

Adicionando sombra ao bloco

• É possível adicionar uma sombra ao bloco usando box-shadow.

• O palestrante mostra como ajustar a intensidade da sombra.

Considerações finais

• As configurações apresentadas podem variar dependendo do navegador utilizado.

• Sugere-se adicionar uma borda verde para delimitar o bloco, caso desejado.

Configuração de Links Externos

Visão Geral da Seção: Nesta seção, o instrutor explica como configurar links externos em um site usando HTML e CSS.

Configurando Links Externos

• Ao criar um link externo, é possível adicionar um ícone ou símbolo ao lado do link para indicar que ele leva a uma página externa.

• Para adicionar esse ícone aos links externos, é necessário usar uma classe específica no código HTML.

• É recomendado adicionar a classe "externo" aos links que levam a páginas externas.

• Essa classe pode ser estilizada no arquivo CSS para exibir o ícone desejado ao lado dos links externos.

• Além disso, é possível adicionar a propriedade "target=_blank" aos links externos para que eles sejam abertos em uma nova aba do navegador.

Personalizando os Links Externos

• O instrutor menciona que alguns links podem não precisar do ícone ou símbolo de link externo, como quando se trata de seu próprio site.

• No entanto, é importante lembrar de adicionar a classe "externo" e a propriedade "target=_blank" para garantir que os links sejam abertos corretamente em uma nova aba.

Certificados e Prática

• O instrutor informa sobre os certificados oferecidos pelo curso e destaca que haverá cinco módulos com certificados individuais.

• Ele incentiva os alunos a praticarem os comandos aprendidos ao longo do curso e a assistirem novamente o vídeo introdutório para relembrar o acordo de anotar e praticar os comandos mencionados.

• O instrutor enfatiza a importância de não apenas decorar os comandos, mas sim aprender a usá-los na prática.

Encerramento

• O instrutor encerra o vídeo incentivando os alunos a fazerem os exercícios propostos e reforçando que o aprendizado vem da prática e não apenas da memorização.

• Ele se despede dos alunos e antecipa que no próximo vídeo será abordada a configuração visual de vídeos em um site.

Certificados e Prática

Visão Geral da Seção: Nesta seção, o instrutor fala sobre os certificados oferecidos pelo curso e destaca a importância da prática para aprender efetivamente.

Certificados Válidos

• Os certificados emitidos pelo curso são válidos em território nacional.

• Cada módulo do curso terá um certificado individual, totalizando cinco certificados ao final do curso.

Importância da Prática

• O instrutor ressalta que é fundamental praticar os comandos aprendidos ao invés de tentar memorizá-los.

• Ele lembra aos alunos sobre o acordo feito no início do curso, onde eles devem anotar e praticar todos os comandos mencionados.

• O instrutor encoraja os alunos a assistirem novamente o vídeo introdutório para relembrar o acordo e reforça que o aprendizado vem da prática.

Encerramento

• O instrutor se despede dos alunos e antecipa que no próximo vídeo será abordada a configuração visual de vídeos em um site.