Links internos - @Curso em Vídeo HTML5 e CSS3

Links internos - @Curso em Vídeo HTML5 e CSS3

Introdução ao Capítulo 10

Visão geral da seção: Nesta aula, continuaremos nosso estudo sobre links e abordaremos os links internos. Os links internos são as ligações entre páginas dentro do mesmo site.

Criação de Links Internos

  • Um link interno é uma ligação entre uma página e outra dentro do mesmo servidor.
  • É necessário ter outras páginas para criar um link interno.
  • Existem dois tipos de links internos: aqueles que abrem o arquivo por onde o site é acessado e os links de navegação.
  • Para criar um link interno, não é necessário indicar a URL completa, apenas o nome do arquivo da página desejada.
  • É importante garantir que as páginas estejam na mesma pasta para que o link funcione corretamente.

Exemplo Prático

  • Criamos duas páginas separadas: "index.html" (primeira página) e "pagina02.html" (segunda página).
  • No arquivo "index.html", criamos um link para a segunda página usando o nome do arquivo como destino.
  • Na segunda página, adicionamos um link para voltar à primeira página usando o nome do arquivo como destino.
  • Também podemos adicionar botões de navegação para facilitar a experiência do usuário.

Importância dos Links Internos

  • Os links internos permitem uma melhor organização e estruturação das informações em um site.
  • Eles ajudam os usuários a navegarem facilmente entre as diferentes páginas de um site.
  • Além disso, os mecanismos de busca também consideram os links internos ao indexar e classificar as páginas.

Conclusão

Visão geral da seção: Os links internos são essenciais para criar uma navegação eficiente em um site. Eles permitem que os usuários acessem facilmente diferentes páginas e ajudam na organização das informações. É importante entender como criar e utilizar links internos corretamente para melhorar a experiência do usuário e otimizar o SEO de um site.

Patrocínio do Estudo Alta

Visão geral da seção: O curso é patrocinado pelo Estudo Alta, que oferece cursos adicionais sobre criação de aplicativos para celular utilizando a plataforma Android e o Android Studio.

Curso de Criação de Aplicativos para Celular

  • O Estudo Alta oferece um curso especializado em criação de aplicativos para celular.
  • O curso abrange desde conceitos básicos até projetos práticos, utilizando a plataforma Android e o Android Studio.
  • Os alunos têm acesso aos módulos do curso mensalmente por meio de uma assinatura.
  • Além disso, outros cursos relacionados ao HTML e CSS também estão disponíveis no Estudo Alta.

Benefícios do Estudo Alta

  • A assinatura mensal permite acesso a diversos cursos, incluindo o curso de criação de aplicativos para celular.
  • Os alunos podem obter certificados dos cursos concluídos no Estudo Alta.
  • O patrocínio do Estudo Alta contribui para a qualidade e continuidade deste curso sobre HTML e CSS.

Importância dos Links Internos na Navegação

Visão geral da seção: Os links internos desempenham um papel fundamental na navegação dentro de um site. Eles permitem que os usuários acessem diferentes páginas de forma organizada e intuitiva, além de contribuírem para uma melhor experiência do usuário e otimização do SEO.

Vantagens dos Links Internos

  • Facilitam a navegação entre as páginas de um site.
  • Permitem que os usuários encontrem informações relevantes com mais facilidade.
  • Contribuem para uma estrutura organizada e hierarquia clara das informações.
  • Auxiliam os mecanismos de busca na indexação e classificação das páginas.

Dicas para Utilizar Links Internos

  • Certifique-se de que as páginas estejam na mesma pasta para que os links funcionem corretamente.
  • Utilize nomes descritivos nos arquivos das páginas para facilitar a identificação dos links internos.
  • Crie botões ou menus de navegação para tornar a experiência do usuário mais intuitiva.

Conclusão

Visão geral da seção: Os links internos são essenciais para criar uma navegação eficiente em um site. Eles permitem que os usuários acessem facilmente diferentes páginas e ajudam na organização das informações. É importante entender como criar e utilizar links internos corretamente para melhorar a experiência do usuário e otimizar o SEO de um site.

Significado e Semântica dos Links de Navegação

Visão Geral da Seção: Nesta seção, discute-se o significado e a semântica envolvidos nos links de navegação.

Sistema de Navegação e Valor dos Links

  • Os links de navegação possuem um significado e uma semântica associados.
  • É importante atribuir valor aos links, inclusive ao criar um link para uma página específica.
  • Recomenda-se ter cuidado ao fazer um link para uma empresa ou conteúdo que não se tem conhecimento ou avaliação prévia.

Links Patrocinados

  • Quando se trata de um link patrocinado, em que uma empresa pagou pela sua exibição, é recomendável também fazer o link correspondente.
  • No entanto, é necessário deixar claro que o link patrocinado não possui necessariamente o aval do criador do conteúdo.

Criando Links para Páginas Específicas

Visão Geral da Seção: Nesta seção, aprende-se como criar links para páginas específicas.

Link para Página Externa

  • Ao criar um link para uma página externa, é importante informar corretamente a URL completa.
  • Caso seja um link para uma empresa ou conteúdo desconhecido, é necessário considerar a falta de avaliação prévia.

Link Interno Dentro do Próprio Site

  • Ao criar um link interno dentro do próprio site, não é necessário abrir uma nova aba ou janela.
  • É possível utilizar o atributo target="_self" para indicar que o link deve ser aberto na mesma página.

Restrições e Caminhos de Páginas

Visão Geral da Seção: Nesta seção, explora-se as restrições e caminhos de páginas.

Restrições do Link

  • Existem casos em que é necessário utilizar o atributo rel="nofollow" para indicar que o link não possui aval ou recomendação.
  • É importante seguir as diretrizes do Google e outras ferramentas de busca ao criar links patrocinados.

Criando uma Terceira Página

  • Para criar uma terceira página, é necessário criar um novo arquivo dentro de uma pasta específica.
  • Ao fazer referência a essa página, deve-se informar corretamente o caminho até ela.

Informando o Caminho das Páginas

Visão Geral da Seção: Nesta seção, aprende-se como informar corretamente o caminho das páginas.

Pasta e Arquivo

  • Ao criar links para páginas dentro de pastas, é importante informar corretamente o caminho completo até o arquivo desejado.
  • Caso ocorra um erro "Arquivo não encontrado", verifique se o caminho está correto.

Abrindo Links na Mesma Página

Visão Geral da Seção: Nesta seção, discute-se a abertura de links na mesma página.

Abrir na Mesma Página

  • Quando se trata de navegar dentro do próprio site, não é necessário abrir uma nova aba ou janela.
  • Não incluir o atributo target ou utilizar target="_self" indica que o link deve ser aberto na mesma página.

Voltando para a Página Anterior

Visão Geral da Seção: Nesta seção, aprende-se como voltar para a página anterior.

Voltar para a Página Anterior

  • Ao criar um link de volta para a página anterior, é importante utilizar o caminho correto.
  • Verifique se o caminho está correto e se o arquivo desejado está na pasta correta.

Introdução ao Curso de Linux

Visão Geral da Seção: Nesta seção, o palestrante introduz o curso de Linux e incentiva os espectadores a aprenderem junto com ele.

Aprender Linux através do Curso em Vídeo

  • O curso recomendado para aprender Linux é o "Linux - Curso Completo" disponível no canal do Curso em Vídeo.
  • Os primeiros passos no curso são abordados na playlist "Linux - Curso de Helena".

Conceitos Iniciais do Linux

  • É importante entender que "./" significa a pasta atual e "../" significa a pasta anterior.
  • Ao digitar um comando, pressionar a tecla de espaço mostrará as opções disponíveis.

Aprendendo HTML

Visão Geral da Seção: Nesta seção, o palestrante fala sobre a criação de páginas HTML e dá dicas sobre como começar.

Criando uma Página HTML Básica

  • Para criar uma página HTML básica, basta criar um arquivo com extensão ".html".
  • É possível adicionar conteúdo à página usando tags HTML.

Certificados e Módulos do Curso

  • Os certificados emitidos pelo curso são válidos nacionalmente.
  • O curso possui cinco módulos, cada um com aproximadamente 40 aulas.
  • Os certificados serão emitidos após a conclusão de todos os módulos.

Prática e Exercícios

Visão Geral da Seção: Nesta seção, o palestrante destaca a importância da prática e oferece um exercício para os espectadores realizarem.

Importância da Prática

  • A verdadeira compreensão do conteúdo só ocorre quando se pratica e cria-se exercícios próprios.
  • É recomendado realizar o exercício proposto antes de assistir ao próximo vídeo.

Exercício Proposto

  • O exercício consiste em criar uma página HTML dentro de uma pasta e adicionar um link para voltar à página anterior.

Conclusão e Próximos Passos

Visão Geral da Seção: Nesta seção final, o palestrante conclui o vídeo e incentiva os espectadores a continuarem estudando.

Continuação dos Estudos

  • É importante continuar praticando e criando seus próprios exemplos.
  • O palestrante encerra desejando sucesso aos espectadores.
Video description

Você sabe como criar links internos para seu site? Sabe como usar o nofollow? Sabe para que serve um link nofollow? Sabe como navegar entre páginas que estão dentro de pastas? Sabe como voltar para a pasta anterior usando links? Veja a resposta para todas essas perguntas assistindo esse vídeo até o final. Tópicos deste vídeo: 00:00 - Capítulo 10, aula 02 00:14 - Links internos 00:48 - Criação de aplicativos de celular 02:00 - O que é um link interno 02:35 - Criando uma página interna 03:12 - Criando o link interno 04:23 - Criando um link para voltar 06:13 - Usando o nofollow 08:15 - Criando uma página em pasta 09:00 - Links internos com caminhos 10:16 - Usando target _self 11:13 - Navegação voltando pastas 13:07 - Quero certificados! 13:50 - Pratique bastante O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Recode no Instagram: https://www.instagram.com/rederecode == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo01 #C10A02