@@helderzacarias4113 Olá. Não forneço nenhuma apostila. Pra estudar e ler material escrito de qualidade e gratuito recomendo o site da W3Schools. Forte abraço!
Muito boa as aulas. Maioria dos cursos que tem grátis o pessoal demora demais pra ir pra prática, ou é tanta teoria que quando chega na prática já nem lembra mais o que se viu.
Um pouco complexo, tive que rever essa aula umas 5 vezes pra entender o conceito por trás dos links. O importante é colocar tudo que foi aprendido em prática. Eu sempre faço anotações e treino em seguida, pra poder fixar o conteudo ministrado. As aulas são excelentes,. vc não merece Palmas, merece o Tocantins inteiro.
Cara você foi um instrumento de Deus pra me ajudar. Estava a dias buscando um vídeo que me ajuda-se a resolver meu problema e achei o seu. Consegue inserir uma página de política de privacidade graças a esta aula. Muito obrigado.
Estou fazendo a tese do meu mestrado graças aos seus vídeos !! Parabéns que conteúdo fenomenal Deus te abençoe!!! Vou comentar todos os vídeos que eu assistir já assisti todos de HTML, falta CSS e JS.
Sensacional, consegui criar os links relativos e absolutos, estou criando um projeto de acordo que vou seguindo com as aulas e colando tudo que aprendo em prática, muito grato ao professor Dimitri!
Sua didática é sensacional! Muito obrigada por se dispor a transmitir o seu conhecimento. Hoje não posso contribuir financeiramente. Mas posso curtir e deixar um merecido feedback positivo.
Comentando por aqui antes de dar início a mais uma aula. Estou fazendo seu curso de programação WEB aqui pelo TH-cam. Parabéns professor Dimitri pelo trabalho, sua didática é muito eficiente, tudo fica muito simples de entender. 👏
Dimitri, em primeiro lugar, parabéns. Ótimos vídeos. Agora uma perguntinha um tanto longa. Sou músico e curioso. No site do cifraclub tem várias letras de música cifradas, cada uma com seu link próprio. Tenho que fazer todos os links separados e todas as páginas no editor, ou posso escrever as páginas no Word e lançar no site este documento no formato do Word. Porque, são páginas demais para escrever e formatar tudo no editor de código. Pode resolver essa dúvida para mim? Obrigado.
Boa Professor excelente conteudo, meu projeto esta ganhou forma em apenas 7 aulas aqui, estou cursando ADS na Estacio de Sá mas o conteudo que tem lá e muito vago e espaçado confundindo bastante o iniciante em um 1 dia de estudo aqui eu fiz o que não fiz em um semestre de aula na faculdade, muita teoria e pouca pratica. Que Deus continue abençoando sua vida e de toda sua familia sempre meu irmão e muito obrigado. pena que não da pra posta foto do projeto aqui mas assim que eu colocar ele no ar irei postar o link para todos verem a eficiencia que seu conteudo oferece.
Muito Bom ! Véeei ! São dois dias apenas de aulas e já conseguir praticamente faazer um site. Pena que não achei um perfil pra mandar vídeo do progresso
@@programacaoweb eita valeu vc é muito bom cara!! Fica tranquilo, vou ver muito seus vídeos, quero muito ser programador, ainda vou virar membro e comprar algum curso para ter mais suporte de seus conhecimentos 👍👍🤝🤝🤗🤗🤗
ola pergunta vc estava na pasta equipe ok e se tiver muitas pastas e queira voltar para a principal seria so colocar o comando index.html do que fica colocando ../ ????
Oi Guilherme. Normalmente não trabalhamos com muitas pastas dentro da outra. Não há essa necessidade, mas caso queira voltar usando caminho relativo tem que apontar sim o numero de pastas para trás com ../../ o modo como você colocou index.html não vai funcionar. Abraço!
Só uma observação aqui: Nos caminhos relativos não é necessário colocar "../" para voltar uma pasta e selecionar o arquivo. Se quiser voltar uma pasta e selecionar o arquivo, basta colocar só a "/" e o nome do arquivo, que o link na página sabe para onde ir. Isso só funciona se você quiser voltar, não importa quantas pastas forem. Ex: "/pasta_1/pasta_2/pasta_3/arquivo_1.html". Aí nesse "/arquivo_1.html" você quer criar um link para acessar o arquivo existente na "pasta_1", então é só você colocar assim: /arquivo_pasta_1.html. Eu fiz isso aqui e deu certo, espero ter explicado direito. : )
Não vai funcionar assim. É preciso indicar de acordo com o lugar onde você está. Se você colocar "/" e o nome do arquivo ele vai procurar o arquivo na pasta em que você se encontra no momento, não numa pasta anterior. Para voltar pastas é preciso necessariamente indicar "../" .Abraço!
@@programacaoweb Oi prof, primeiramente eu queria agrader pelo ótimo trabalho aqui no TH-cam, suas aulas são incríveis e eu venho aprendendo tanto com seus vídeos. E segundamente, sobre a minha observação no comentário acima, eu estava seguindo as instruçôes no vídeo e aprendendo, aí quando chegou na parte de voltar para o arquivo principal eu esqueci de usar "../" e usei somente o "/" e deu certo, só depois que fui perceber isso, e olha que eu estava na terceira pasta e mesmo assim consegui ir para o arquivo na pasta principal. Bom, não sei porque isso funcionou, talvez seja um bug ou uma nova atualização ou seja meu dispositivo mesmo, só queria compartilha isso mesmo, e aliás eu verifiquei mais uma vez aqui só pra ter a certeza de eu não ter cometido um engano. Bom de qualquer forma é mais seguro utilizar o "../" pra não ter qualquer erro na programção de um site. Ainda estou aprendendo e espero aprender mais com os seus vídeos, valeu prof!
Uma duvida, quando eu abro pra fazer o html 5 nao fica igual o seu, tenho que colocar manualmente a parte da compatibilidade com o edge, é alguma extensão do vs que faz isso?
É normal Letícia ficar meio perdida no inicio, principalmente quando a gente está aprendendo algo novo. Assiste de novo o vídeo e tenta entender como funciona. Tenho certeza que vai conseguir. Abraço!
Só estar com explorardor de arquivos aberto (primeiro ícone que parece duas folinhas ou CTRL + B) e daí clicar no botão de criar nova página. Forte abraço!
@@gemimalisboa Opa, que bom. É assim mesmo, tudo é uma aprendizagem! Grande abraço
ปีที่แล้ว
professor, há algum comando no visual code para substituir o alt+z ? no meu não da certo, talvez pq sempre abre um painel da placa de vídeo que tem o mesmo comando.
Oi Anderson. No Visual Studio Code, o atalho "Alt+Z" é usado por padrão para alternar entre a exibição de palavras longas completas e a quebra de linha automática. Se você estiver tendo problemas com esse atalho específico devido a um conflito com o painel da placa de vídeo, você pode personalizar os atalhos do Visual Studio Code para substituí-lo por um diferente. Para personalizar os atalhos no Visual Studio Code, você pode seguir os seguintes passos: 1. Abra o Visual Studio Code. 2. Vá para a barra de menus superior e clique em "File" (Arquivo) e depois em "Preferences" (Preferências), e em seguida, selecione "Keyboard Shortcuts" (Atalhos de Teclado). Você também pode usar o atalho "Ctrl+K Ctrl+S" para abrir diretamente os atalhos de teclado. 3. Será aberto um arquivo que mostra os atalhos de teclado atualmente configurados no Visual Studio Code. 4. No lado direito da janela, você pode filtrar os atalhos de teclado digitando o nome do comando que deseja alterar. 5. Localize o comando "Editor: Toggle Word Wrap" (Editor: Alternar Quebra de Linha) na lista de atalhos. 6. Clique no ícone de lápis ao lado do atalho existente "Alt+Z" e escolha um novo atalho que não esteja em conflito com seus outros aplicativos ou dispositivos. 7. Depois de escolher o novo atalho, salve as alterações clicando no ícone de disquete ou feche o arquivo. Após seguir essas etapas, o novo atalho substituirá o "Alt+Z" e você poderá usá-lo sem o conflito com o painel da placa de vídeo. Lembrando que essa solução resolve o problema de conflito de atalhos, mas é importante verificar se a funcionalidade desejada está disponível em outro comando ou extensão antes de substituir um atalho existente. Abraço!
Uma duvida. Um site com 5 paginas, eu estando na pag 5 e preciso voltar pra pag 2. Não consigo acessar diretamente ? eu teria que colocar ../ quanto foce necesario ? vlw obg
Olá. Sim, pode navegar entre qualquer página. Não necessariamente precisa usar ../ . Como mencionado no vídeo isso faz referência a pasta ou diretório para atrás de onde você está. Se estiver tudo na mesma pasta você simplesmente passa o nome do arquivo que quer acessar. Abraço!
Oi bom dia ... parabéns pelo curso estou empolgado... começando do zero aqui...olha meu site não entra...mesmo copiando a aula da mesma forma....será q fiz algo errado ? Pq no celular colocando htt não também...aí pensei direcionar para Google q acha... obrigado Deus te abençoe Dimitri...🎉
@@wiltonzogbi se não tá abrindo os links do projeto é por que o caminho relativo dos arquivos estão sendo passados errado. Erro comum do pessoal é escrever ".hmtl" em vez de ".html". Abraço!
Bom dia, professor, tenho uma dúvida (não sei se estou adiantando), mas quando vou adicionar uma imagem ao projeto, pq tem de ser assim; *./src* (ainda n sei para q serve o src)
Olá. A palavra HyperText faz referência aos arquivos do tipo HTML. Mas isso é só nomenclatura, não fica preso a isso. Os links podem ser apontados para arquivos, endereços de IP, urls de sites e até referências dentro do próprio arquivo, como um id de elemento. Abraço!
Eu tenho uma dúvida, assim como na aula, nossos sites estão em uma pasta então grandes sites como youtube, instagram ou facebook, também estão dentro uma pasta?
Olá. Inicialmente em desenvolvimento, sim. Aqui estamos trabalhando com sites estáticos, simples. Os chamados sites dinâmicos, como os que você mencionou, não são feitos página por página individualmente. São criadas as páginas bases e rotas de URL e depois elaa são alimentados dinamicamente com dados vindos do banco de dados. Mais tarde, essas páginas base são colocadas em servidores. Os dados ficam em bancos de dados nestes servidores. Com o tempo você vai precisando de centenas e centenas de servidores para armazenar todos esses dados. Que ficam geralmente em enormes data centers. Mas podemos dizer que sim, inicialmente a grande parte dos sites começa em pequenas pastas. Abraço!
Se o arquivo estiver na raíz do teu projeto basta passar o caminho direto.. Ir para sobre... se estiver dentro de uma pasta, aponta a pasta e o arquivo..Ir para arquivo... Abraço!
Oi Denyell. Provavelmente ta faltando alguma coisa no link. Tem que colocar o caminho relativo completo, incluindo o arquivo que você quer acessar. Abraço!
Prof Dimitri, muito obrigada pela aula! Eu tenho pergunta. Conseguirmos usar alguma função no lugar das "barras" para acessar um documento que esteja fora da pasta? Eu fiquei pensando nisso. Se a tiver 5 documento e queremos o usar o 5° eu terei que colocar 5 barras?(.../) Eu fiquei pensando nisso. Teria algum jeito de deixar menos complexo?
Oie. As barras são só caminhos pra pastas. Não precisa usar barra para apontar um documento. Por exemplo: você está na raiz do projeto e quer entrar num arquivo index.html de uma pasta "sobre"... voce vai usar nao importa quantos arquivos tiver nessa pasta sempre será sobre/arquivo-desejado. Apenas se tiver pastas dentro de pastas... dai talvez se use mais de uma barra. Espero que tenha dado para entender. Abraço!
Oie. Se você está na pasta 1 e quer acessar o documento 5 dentro dessa pasta, seria só apontar Ir para Documento 5 levando em conta que você está na index.html na raíz do projeto. Abraço!
Olá. Não, você está em localhost, ou seja, isso funciona somente na sua máquina. Para mostrar algo para outras pessoas você precisa "colocar no ar", ou seja, colocar num servidor web. No geral precisa ter um dominio e uma hospedagem contratado. Aqui no canal mostrei uma forma de fazer isso gratuitamente 👉 th-cam.com/video/nIR4myZ8w9c/w-d-xo.html .Forte abraço!
Olá. Sim, esse é um curso de HTML. Você vai aprender as principais tags para formar a estrutura de um site. Caso não tenha assistido as outras aulas sugiro começar na aula 01 que explica o que é HTML e para que serve. Abraço!
Oi Girlene. Você pode usar caminhos relativos ou absolutos. O caminho relativo é em relação ao arquivo que você está, qual que você quer acessar. Já o caminho absoluto é a URL completa do site de destino, como youtube.com.br .Lembrando que o ideal é sempre usar caminhos relativos para o nosso projeto e caminhos absolutos para sites externos. Abraço!
o meu navegador ao invés de abrir a pagina com do "sobre nós" . ele simplesmente faz o download da pagina. e eu fiz tudo correto, não entendo do porque esta dando errado
Oi Rafael. Pode ser que você esqueceu de colocar a extensão do arquivo .html ou tenha passado o caminho do arquivo completo tipo "file://C:/suapasta/arquivo.html" dai tbm acontece isso. Basta indicar o nome do arquivo html diretamente se estiver na mesma pasta. Posta ai como vez fez que fica mais fácil de te dizer. Abraço!
Oi Yorique. Não tem apostila. Sempre dá uma olhadinha nas descrições do vídeo, que quando tem uma leitura complementar importante eu coloco link. O principal são os vídeos mesmo. Forte abraço!
Oi Rodolfo. Links e imagens são coisas diferentes. A imagem vai ficar dentro de uma tag img e o link em volta dela, caso queira direcionar a pessoa no clique da imagem. Por exemplo:
Oi Marcus. Você precisa ter instalado a extensão Live Server. Veja esse vídeo que mostro todas as minhas configurações 👉 th-cam.com/video/c45nPVwMVzQ/w-d-xo.html .Abraço!
Oi Tecnobike. Sem ver o código fica dificil de dizer, mas geralmente os erros comuns é esquecer de colocar o ".html" no final ou ter escrito alguma coisa errada. Forte abraço!
Oi Patrick. Você é livre para fazer como desejar. Não precisa necessariamente criar pastas. As pastas são interessantes para organizar o projeto ou ter URLs mais descritivas. O objetivo na aula foi ensinar a navegação com links, seja diretamente apontando arquivo, seja caminhos absolutos, seja em pastas do projeto. Forte abraço!
como é um computador lento não uso o msm programa do vídeo mas uso um mais básico eu fiquei batendo cabeça achando que era o programa e quando fui vê era somente a renomeação do html
Aula muito importante essa hein!
Compartilha com um amigo, deixa seu gostei e se inscreve ;)
Forte abraço!
Preciso de apostilas sobre aulas de HTML e ccs como faço para ter?
@@helderzacarias4113 Olá. Não forneço nenhuma apostila. Pra estudar e ler material escrito de qualidade e gratuito recomendo o site da W3Schools. Forte abraço!
Excelente aula professor, bem explicativa rica em detalhes parabéns.
parabens pelo conteudo meu camarada,
daq 1 ano volto aqui pra da um salve em quem tiver começando tmj!
Relatório
Aula um pouco complexa , tive que rever 3 vezes , mas o segredo é assistir a executar
Obrigado Dimitri
Isso ai Titos. Abraço!
VDD,ESTOU AQUI PELA SEGUNDA VEZ!!
Eu fiz o mesmo e,me levou duas horas...😅
Muito boa as aulas. Maioria dos cursos que tem grátis o pessoal demora demais pra ir pra prática, ou é tanta teoria que quando chega na prática já nem lembra mais o que se viu.
Né isso teoria lixosa como sempre por isso odeio faculdade de T.I .
Guanabara 😂, nunca gostei dos cursos dele por causa disso
Um pouco complexo, tive que rever essa aula umas 5 vezes pra entender o conceito por trás dos links. O importante é colocar tudo que foi aprendido em prática. Eu sempre faço anotações e treino em seguida, pra poder fixar o conteudo ministrado. As aulas são excelentes,.
vc não merece Palmas, merece o Tocantins inteiro.
Obrigado Paulo. Espero que te ajude bastante. Um grande abraço!
Como vai os estudo aí Paulão?
O segredo e ficar praticando .
Cara você foi um instrumento de Deus pra me ajudar. Estava a dias buscando um vídeo que me ajuda-se a resolver meu problema e achei o seu. Consegue inserir uma página de política de privacidade graças a esta aula. Muito obrigado.
Essa foi a aula que eu mais fiquei empolgado, cara que top
As aulas são muito boas, to aprendendo mais aqui do que na faculdade, conteúdo bem mais rico que as aulas por EAD da faculdade
Estou fazendo a tese do meu mestrado graças aos seus vídeos !! Parabéns que conteúdo fenomenal Deus te abençoe!!! Vou comentar todos os vídeos que eu assistir já assisti todos de HTML, falta CSS e JS.
parabens aula bem objtiva e simples aprende rapidão sem dificuldade nenhuma
Ótima aula !! Muito obrigado, professor. Você me deixa muito mais interessado a descobrir os "mistérios" da programação. 👏👏
Valeu Erick. Forte abraço!
conteúdo sensacional, muito grato por poder aprender tudo isso de graças e com qualidade
Obrigado por compartilhar o conhecimento, parabéns pelo seu trabalho.
Eu que agradeço por comentar Anderson. Forte abraço!!
Eu tinhas muitas duvidas nas ancoragem de links que acabam de se exorcitada obrigado Dimitri
Ótima aula, foi divertido transita de uma pagina que criei para outra!! EXECELENTE AULA.
Você É UMA LENDA DIMITRI, DEUS TE ABENÇOE!
Sensacional, consegui criar os links relativos e absolutos, estou criando um projeto de acordo que vou seguindo com as aulas e colando tudo que aprendo em prática, muito grato ao professor Dimitri!
Que legal Bruno. Fico muito feliz que está te ajudando. Grande abraço!
Obrigado professor. Seguindo adiante!!!!!
Excelente conteúdo sobre Links.
Estou amando muito estou aprendendo muito mesmo só de Angola 🇦🇴
Muito obrigado. Estou amando estas aulas.
Agradecido.
aqui a brincadeira começa a ficar legal xDD show to curtindo o curso meu mano, top de mais
Muito legal aprender sobre caminhos relativos! Me ajudou muito, obrigado!
Que bom Eduarda! Um abraço!
aula de links foi a melhor, parabéns
Obrigado Guilherme! Aquele abraço!
Muito bom o vídeo, didática muito boa, ta me ajudando demais, vou comentar em todos os vídeos como forma de agradecimento.
Sua didática é sensacional! Muito obrigada por se dispor a transmitir o seu conhecimento. Hoje não posso contribuir financeiramente. Mas posso curtir e deixar um merecido feedback positivo.
Muito obrigado Fernanda! Abraço!
Aula e curso Impecáveis!
Esta Aula é muito incrível 🙂
Mano, muito legal mexer com hyperlinks!!! Curti demais
É muito legal mesmo quando a gente vai aprendendo como as coisas funcionam. Abraço!
Grande curso❤❤
Boa tarde! Estou maratona do as aulas...mto boa explicação, porém aqui o conteúdo ficou mas complicado....tô indo devagar...👏🏽👏🏽👏🏽
Olha excelente conteudo estou aprendendo bastante.
Valeu Yuri! Grande abraço!
Top!!! Ocará manja muito e explica muito bm!!!! Parabéns!!!👏👏👏
Muito obrigado Renato! Abraço
Melhor conteúdo do TH-cam 👏👏
Muito obrigado Luciano! Abraço!
Comentando por aqui antes de dar início a mais uma aula. Estou fazendo seu curso de programação WEB aqui pelo TH-cam. Parabéns professor Dimitri pelo trabalho, sua didática é muito eficiente, tudo fica muito simples de entender. 👏
Que curso maravilhoso po ta doido ,
Esse professor tá de parabéns por esse trabalho sem enrolação. Estou gostando muito e já praticando
Muito obrigado. Um abraço!
Que didática incrível!!!!
Muito obrigado Ester. Abraço!
Que incrível esse curso ❤
Show de bola
parabéns pelo trabalho
Muito obrigado. Abraço!
Muito obrigada pela aula maravilhosa
Professor nota mil.
Obrigado Luciano. Seu comentário que foi nota mil. Abraço!
Adorei essa aula
Legal. Que bom que gostou. Abraço!
Muito obrigado pelo curso!! Aprendi muito melhor com vc do que com o meu professor universitário
Valeu Elton! Grande abraço!
dessa gostei bastante boraa
Bom trabalho
Muito obrigado Matheus!
Muito boa aula!
Valeeu! 👨🏻💻👍
Obrigado por mais uma aula! A dificuldade aumentou um pouquinho! mas seguimos em frente!
Isso ai Michel, devagar e sempre! Grande abraço!
seguindo firme nas aulas. 🤓
👨💻🔥🚀
bom professor didática excelente
Obrigado Italo! Um abraço!
Dimitri, em primeiro lugar, parabéns. Ótimos vídeos. Agora uma perguntinha um tanto longa. Sou músico e curioso. No site do cifraclub tem várias letras de música cifradas, cada uma com seu link próprio. Tenho que fazer todos os links separados e todas as páginas no editor, ou posso escrever as páginas no Word e lançar no site este documento no formato do Word. Porque, são páginas demais para escrever e formatar tudo no editor de código. Pode resolver essa dúvida para mim? Obrigado.
eu gostei muito dessa aula
Que bom Leandrinho. Abraço!
bora para mais uma !
Boa Professor excelente conteudo, meu projeto esta ganhou forma em apenas 7 aulas aqui, estou cursando ADS na Estacio de Sá mas o conteudo que tem lá e muito vago e espaçado confundindo bastante o iniciante em um 1 dia de estudo aqui eu fiz o que não fiz em um semestre de aula na faculdade, muita teoria e pouca pratica. Que Deus continue abençoando sua vida e de toda sua familia sempre meu irmão e muito obrigado. pena que não da pra posta foto do projeto aqui mas assim que eu colocar ele no ar irei postar o link para todos verem a eficiencia que seu conteudo oferece.
Excelente curso! Obrigado!
Muito top essas aulas!
Muito obrigado Joseff! Um forte abraço!
excelente didática
Valeu William! Abraço!
Muito Bom !
Véeei ! São dois dias apenas de aulas e já conseguir praticamente faazer um site.
Pena que não achei um perfil pra mandar vídeo do progresso
Muito bom. Obrigado
Muito incrível
Muito obrigado Denyell. Abraço!
@@programacaoweb eita valeu vc é muito bom cara!! Fica tranquilo, vou ver muito seus vídeos, quero muito ser programador, ainda vou virar membro e comprar algum curso para ter mais suporte de seus conhecimentos 👍👍🤝🤝🤗🤗🤗
ola pergunta vc estava na pasta equipe ok e se tiver muitas pastas e queira voltar para a principal seria so colocar o comando index.html do que fica colocando ../ ????
Oi Guilherme. Normalmente não trabalhamos com muitas pastas dentro da outra. Não há essa necessidade, mas caso queira voltar usando caminho relativo tem que apontar sim o numero de pastas para trás com ../../ o modo como você colocou index.html não vai funcionar. Abraço!
Só uma observação aqui: Nos caminhos relativos não é necessário colocar "../" para voltar uma pasta e selecionar o arquivo. Se quiser voltar uma pasta e selecionar o arquivo, basta colocar só a "/" e o nome do arquivo, que o link na página sabe para onde ir. Isso só funciona se você quiser voltar, não importa quantas pastas forem.
Ex: "/pasta_1/pasta_2/pasta_3/arquivo_1.html". Aí nesse "/arquivo_1.html" você quer criar um link para acessar o arquivo existente na "pasta_1", então é só você colocar assim: /arquivo_pasta_1.html.
Eu fiz isso aqui e deu certo, espero ter explicado direito. : )
Não vai funcionar assim. É preciso indicar de acordo com o lugar onde você está. Se você colocar "/" e o nome do arquivo ele vai procurar o arquivo na pasta em que você se encontra no momento, não numa pasta anterior. Para voltar pastas é preciso necessariamente indicar "../" .Abraço!
@@programacaoweb Oi prof, primeiramente eu queria agrader pelo ótimo trabalho aqui no TH-cam, suas aulas são incríveis e eu venho aprendendo tanto com seus vídeos. E segundamente, sobre a minha observação no comentário acima, eu estava seguindo as instruçôes no vídeo e aprendendo, aí quando chegou na parte de voltar para o arquivo principal eu esqueci de usar "../" e usei somente o "/" e deu certo, só depois que fui perceber isso, e olha que eu estava na terceira pasta e mesmo assim consegui ir para o arquivo na pasta principal.
Bom, não sei porque isso funcionou, talvez seja um bug ou uma nova atualização ou seja meu dispositivo mesmo, só queria compartilha isso mesmo, e aliás eu verifiquei mais uma vez aqui só pra ter a certeza de eu não ter cometido um engano. Bom de qualquer forma é mais seguro utilizar o "../" pra não ter qualquer erro na programção de um site. Ainda estou aprendendo e espero aprender mais com os seus vídeos, valeu prof!
nessa fiquei meio com duvida mas acho que entendi
Normal quando estamos aprendendo é assim mesmo. Treina e testa bastante. Você já pega o jeito. Abraço!
Interessante!
Uma duvida, quando eu abro pra fazer o html 5 nao fica igual o seu, tenho que colocar manualmente a parte da compatibilidade com o edge, é alguma extensão do vs que faz isso?
Olá. Essa meta tag é obsoleta e não tem mais necessidade de colocar. Abraço!
Estava indo bem mas tô ficando meio perdida agora, tentei fazer só pra treinar e deu bom não :/
É normal Letícia ficar meio perdida no inicio, principalmente quando a gente está aprendendo algo novo. Assiste de novo o vídeo e tenta entender como funciona. Tenho certeza que vai conseguir. Abraço!
O meu não aparece New File dentro do html, com ctrl+N não foi. Vou refazer e rever onde posso ter errado.
Só estar com explorardor de arquivos aberto (primeiro ícone que parece duas folinhas ou CTRL + B) e daí clicar no botão de criar nova página. Forte abraço!
@@programacaoweb Consegui achar o erro que eu tinha feito rsrs muito obrigada!!!! melhor professor.
@@gemimalisboa Opa, que bom. É assim mesmo, tudo é uma aprendizagem! Grande abraço
professor, há algum comando no visual code para substituir o alt+z ? no meu não da certo, talvez pq sempre abre um painel da placa de vídeo que tem o mesmo comando.
Oi Anderson. No Visual Studio Code, o atalho "Alt+Z" é usado por padrão para alternar entre a exibição de palavras longas completas e a quebra de linha automática. Se você estiver tendo problemas com esse atalho específico devido a um conflito com o painel da placa de vídeo, você pode personalizar os atalhos do Visual Studio Code para substituí-lo por um diferente.
Para personalizar os atalhos no Visual Studio Code, você pode seguir os seguintes passos:
1. Abra o Visual Studio Code.
2. Vá para a barra de menus superior e clique em "File" (Arquivo) e depois em "Preferences" (Preferências), e em seguida, selecione "Keyboard Shortcuts" (Atalhos de Teclado). Você também pode usar o atalho "Ctrl+K Ctrl+S" para abrir diretamente os atalhos de teclado.
3. Será aberto um arquivo que mostra os atalhos de teclado atualmente configurados no Visual Studio Code.
4. No lado direito da janela, você pode filtrar os atalhos de teclado digitando o nome do comando que deseja alterar.
5. Localize o comando "Editor: Toggle Word Wrap" (Editor: Alternar Quebra de Linha) na lista de atalhos.
6. Clique no ícone de lápis ao lado do atalho existente "Alt+Z" e escolha um novo atalho que não esteja em conflito com seus outros aplicativos ou dispositivos.
7. Depois de escolher o novo atalho, salve as alterações clicando no ícone de disquete ou feche o arquivo.
Após seguir essas etapas, o novo atalho substituirá o "Alt+Z" e você poderá usá-lo sem o conflito com o painel da placa de vídeo.
Lembrando que essa solução resolve o problema de conflito de atalhos, mas é importante verificar se a funcionalidade desejada está disponível em outro comando ou extensão antes de substituir um atalho existente.
Abraço!
Prof. Dimitri, Acompanhando tudo. Obrigado, de coração.
Aula incrível, só tenho uma dúvida, não aparece para mim para criar pastas, tem algum comando que posso ativa-la?
Olá. Para criar pastas basta clicar no ícone de adicionar pasta no VS Code dentro do explorador. Forte abraço!
Quando dou ctrl s ele nao formata.
Como poderia resolver isso
Uma duvida. Um site com 5 paginas, eu estando na pag 5 e preciso voltar pra pag 2. Não consigo acessar diretamente ? eu teria que colocar ../ quanto foce necesario ? vlw obg
Olá. Sim, pode navegar entre qualquer página. Não necessariamente precisa usar ../ . Como mencionado no vídeo isso faz referência a pasta ou diretório para atrás de onde você está. Se estiver tudo na mesma pasta você simplesmente passa o nome do arquivo que quer acessar. Abraço!
Oi bom dia ... parabéns pelo curso estou empolgado... começando do zero aqui...olha meu site não entra...mesmo copiando a aula da mesma forma....será q fiz algo errado ? Pq no celular colocando htt não também...aí pensei direcionar para Google q acha... obrigado Deus te abençoe Dimitri...🎉
@@wiltonzogbi se não tá abrindo os links do projeto é por que o caminho relativo dos arquivos estão sendo passados errado. Erro comum do pessoal é escrever ".hmtl" em vez de ".html". Abraço!
Bom dia, professor, tenho uma dúvida (não sei se estou adiantando), mas quando vou adicionar uma imagem ao projeto, pq tem de ser assim; *./src* (ainda n sei para q serve o src)
@@stinck5667 Olá. Imagens é o assunto que vai ser tratado na próxima aula. Abraço!
@@programacaoweb obg professor, ent eu adiantei
Obg por responder todas as dúvidas e pelos vídeos. Estão ajudando mtoooo!!
Href significa HyperText Reference?
E se for, então todo HyperText seria um site ou um arquivo?
Olá. A palavra HyperText faz referência aos arquivos do tipo HTML. Mas isso é só nomenclatura, não fica preso a isso. Os links podem ser apontados para arquivos, endereços de IP, urls de sites e até referências dentro do próprio arquivo, como um id de elemento. Abraço!
Eu tenho uma dúvida, assim como na aula, nossos sites estão em uma pasta então grandes sites como youtube, instagram ou facebook, também estão dentro uma pasta?
Olá. Inicialmente em desenvolvimento, sim. Aqui estamos trabalhando com sites estáticos, simples. Os chamados sites dinâmicos, como os que você mencionou, não são feitos página por página individualmente. São criadas as páginas bases e rotas de URL e depois elaa são alimentados dinamicamente com dados vindos do banco de dados. Mais tarde, essas páginas base são colocadas em servidores. Os dados ficam em bancos de dados nestes servidores. Com o tempo você vai precisando de centenas e centenas de servidores para armazenar todos esses dados. Que ficam geralmente em enormes data centers. Mas podemos dizer que sim, inicialmente a grande parte dos sites começa em pequenas pastas. Abraço!
opa, aula exclente mas to com um problema, n consigo achar a pasta sobre.html quando digino no href, poderia me ajudar
Se o arquivo estiver na raíz do teu projeto basta passar o caminho direto.. Ir para sobre... se estiver dentro de uma pasta, aponta a pasta e o arquivo..Ir para arquivo... Abraço!
Fiz uma segunda pasta em equipe, porém quando coloco o código não vai direto para a pasta no site, ele abre uma opção de pasta para acessar
Oi Denyell. Provavelmente ta faltando alguma coisa no link. Tem que colocar o caminho relativo completo, incluindo o arquivo que você quer acessar. Abraço!
Muito obrigada professor! Eu achava que links era um bicho de 7 cabeças sksksk! ✨
Bem tranquilo né Andressa!
Prof Dimitri, muito obrigada pela aula! Eu tenho pergunta. Conseguirmos usar alguma função no lugar das "barras" para acessar um documento que esteja fora da pasta? Eu fiquei pensando nisso. Se a tiver 5 documento e queremos o usar o 5° eu terei que colocar 5 barras?(.../) Eu fiquei pensando nisso. Teria algum jeito de deixar menos complexo?
Oie. As barras são só caminhos pra pastas. Não precisa usar barra para apontar um documento. Por exemplo: você está na raiz do projeto e quer entrar num arquivo index.html de uma pasta "sobre"... voce vai usar nao importa quantos arquivos tiver nessa pasta sempre será sobre/arquivo-desejado. Apenas se tiver pastas dentro de pastas... dai talvez se use mais de uma barra. Espero que tenha dado para entender. Abraço!
Aaaah entendi prof, muito obrigada ❤️
Mas terias outras opções para caminhos das pastas sem as barras? Se tiver na pasta 1 e se eu quiser acessar um documento 5, por exemplo?
Oie. Se você está na pasta 1 e quer acessar o documento 5 dentro dessa pasta, seria só apontar Ir para Documento 5 levando em conta que você está na index.html na raíz do projeto. Abraço!
Professor uma duvida se eu mandar o link da minha página para outras pessoas, roda em outros dispositivos? se não rodar como fazer para rodar?
Olá. Não, você está em localhost, ou seja, isso funciona somente na sua máquina. Para mostrar algo para outras pessoas você precisa "colocar no ar", ou seja, colocar num servidor web. No geral precisa ter um dominio e uma hospedagem contratado. Aqui no canal mostrei uma forma de fazer isso gratuitamente 👉 th-cam.com/video/nIR4myZ8w9c/w-d-xo.html .Forte abraço!
Esse curso fala sobre as tegs de criação de sites ?
Olá. Sim, esse é um curso de HTML. Você vai aprender as principais tags para formar a estrutura de um site. Caso não tenha assistido as outras aulas sugiro começar na aula 01 que explica o que é HTML e para que serve. Abraço!
Oii, tem outra forma de fazer o '' caminho relativo '' ? e se é necessário fazer ou não? Existe alguma outra forma, sem ser usar caminho relativo?
Oi Girlene. Você pode usar caminhos relativos ou absolutos. O caminho relativo é em relação ao arquivo que você está, qual que você quer acessar. Já o caminho absoluto é a URL completa do site de destino, como youtube.com.br .Lembrando que o ideal é sempre usar caminhos relativos para o nosso projeto e caminhos absolutos para sites externos. Abraço!
o meu navegador ao invés de abrir a pagina com do "sobre nós" . ele simplesmente faz o download da pagina. e eu fiz tudo correto, não entendo do porque esta dando errado
Oi Rafael. Pode ser que você esqueceu de colocar a extensão do arquivo .html ou tenha passado o caminho do arquivo completo tipo "file://C:/suapasta/arquivo.html" dai tbm acontece isso. Basta indicar o nome do arquivo html diretamente se estiver na mesma pasta. Posta ai como vez fez que fica mais fácil de te dizer. Abraço!
@@programacaoweb muuuito obrigado, eu mudei pra HTML e funcionou!!!
Professor vc não tem apostila para baixar não?
Oi Yorique. Não tem apostila. Sempre dá uma olhadinha nas descrições do vídeo, que quando tem uma leitura complementar importante eu coloco link. O principal são os vídeos mesmo. Forte abraço!
@@programacaoweb ok obrigado professor
Professor, Caso a parte de links na pasta fosse com imagens? as imagens estão em outra pasta.
Oi Rodolfo. Links e imagens são coisas diferentes. A imagem vai ficar dentro de uma tag img e o link em volta dela, caso queira direcionar a pessoa no clique da imagem. Por exemplo:
Era isso mesmo que eu queria. Obrigado. É porque eu não fui específico no que queria.
O go live não aparece na parte inferior da
Oi Marcus. Você precisa ter instalado a extensão Live Server. Veja esse vídeo que mostro todas as minhas configurações 👉 th-cam.com/video/c45nPVwMVzQ/w-d-xo.html .Abraço!
não consegui voltar pra sobre nos ,qual foi meu erro?
Oi Tecnobike. Sem ver o código fica dificil de dizer, mas geralmente os erros comuns é esquecer de colocar o ".html" no final ou ter escrito alguma coisa errada. Forte abraço!
@@programacaoweb eu consegui era só renomear o título do html
@@tecnobike1805 Opa que bom que deu certo. Abraço!
Boa tarde, pq a gente tem q usar pastas ?
Oi Patrick. Você é livre para fazer como desejar. Não precisa necessariamente criar pastas. As pastas são interessantes para organizar o projeto ou ter URLs mais descritivas. O objetivo na aula foi ensinar a navegação com links, seja diretamente apontando arquivo, seja caminhos absolutos, seja em pastas do projeto. Forte abraço!
top
Valeu Augusto! Forte abraço!
agradecimento
Muito Obrigado Pode ser Antigo, nem sei se você Vai Ver Mas agradeço
To aprendendo Muito Com seus videos!
Obrigado Dimitri
Claro que respondo! Eu que agradeço por deixar seu comentário Lunith. Grande abraço!
iRMÃO VOCÊ NASCEU PRA ENSINAR VOCÊ É UM ÓTIMO PROFESSOR !
como é um computador lento não uso o msm programa do vídeo mas uso um mais básico eu fiquei batendo cabeça achando que era o programa e quando fui vê era somente a renomeação do html
o hr antes e depois, porque foi?
Só pra fazer uma linhas em cima e em baixo e ficar melhor a visualização. Abraço!
Isso é html 1?
Olá. Se você se refere a versão do HTML, é a atual, o HTML5. Abraço!
ok
Para mim não foi tão difícil 😅
OK- 06/01/24
ddddd