Necessidade de sempre trocar o caminho das pastas

Bom dia Jose, sou iniciante tambem e não tenho muitas dicas, mas acho que isso pode te ajudar, tente procurar algo sobre https://github.com/ você criando uma conta aqui vai conseguir colocar todos os seu projetos e quado chegar no trabalho podera fazer um clone dos seus projetos para poder modificalos, terminando as modificações você consegue sincronizar com seus arquivos no github, para poder mecher neles em casa depois, sem precisar ficar alterando nomes e locais de pastas. De uma olhadinha no youtube, algum tutorial de como fazer isso, é bem simples o processo, parece que aqui tabem tem um curso de git e github.

Abraços e bom estudo.

Boa tarde, José! Tudo bem?

Desculpe pela demora em retornar. Vi em outra postagem sua que você importa os caminhos com o endereço inteiro do seu computador, assim cada computador que você entrar vai estar em um endereço diferente. Por exemplo, o seu endereço para chegar na área de trabalho é C:/Users/Desktop e o meu C:/Users/Monica/Desktop.

Pra acessar essas pastas localizadas dentro da pasta do seu projeto, você não precisa colocar o endereço inteiro. Você pode colocar ./Css/style.css e ./Imagens/banner.jpg.

Esse tipo de endereço funciona assim:

• ./ significa que você irá abrir uma pasta dentro da pasta que o arquivo html está, ou seja, a pasta Projeto BarberC@l.
• ./Css ou ./Imagens significa que você entrou na pasta Css ou Imagens (a que estiver escrito), e essas pastas estão dentro da pasta do arquivo html.
• ./Css/style.css ou ./Imagens/banner.jpg agora você definiu os arquivos dentro dessas subpastas que você quer que apareça.

Aplicando no código, ficaria assim:

• CSS:

  <link rel="stylesheet" type="text/css" href="./Css/style.css"> 

• Imagens:

  <img id="banner" src="./Imagens/banner.jpg" alt="Nosso banner inicial " title="abertura barbearia">

Escrito desse modo independentemente do computador que você usar, desde que a pasta do projeto tenha dentro dela as pastas Css e Imagens o código irá funcionar.

Bons estudos!

Mônica outra dúvida: porque no meu caso só funcionou com ../ (dois pontos ao invés de um como no teu exemplo)

orientação : na área de trabalho tenho uma pasta chamada Projeto Maciel e dentro dela : 5 arquivos = index.html , produtos.html, pasta Css, pasta Imagens e pasta Favicon..

outra coisa que achei estranho é que os caminhos que utilizei no html estão ok assim :

<link rel="shortcut icon" href="../Projeto Maciel/favicon/barber4.png" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="../Projeto Maciel/Css/reset.css">
        <link rel="stylesheet" type="text/css" href="../Projeto Maciel/Css/produtos.css"> 
        <h1> <img src="../Projeto Maciel/Imagens/logo.png" alt="Nosso logo" title="Logo oficial"> </h1>
        <li> <a href="../Projeto Maciel/Index.html"> Home </a> </li>
        <img src="../Projeto Maciel/Imagens\cabelo.jpg">

    tudo acima ok e funcionando com ../Projeto Maciel


    já no CSS abaixo não funciona de jeito nenhum, tentei : background: url("../Projeto Maciel/Imagens/bgrodape.jpg");   = dá erro

    so funciona sem o Projeto Maciel 

    assim: 

    background: url("../Imagens/bgrodape.jpg");   = funcionou

    Dúvida : porque no Html tem que ter o Projeto Maciel na frente e no CSS tem que começar somente em Imagens para funcionar ?

Bom dia, José!

Isso acontece pois os dois pontos indicam pro código voltar uma pasta pra trás. Vou ilustrar (uma imagem vale mais que mil palavras hehe) o caminho que esses endereços de arquivos estão fazendo:

• Como o html está dentro da pasta Projeto Maciel ele volta pra trás e entra novamente nessa pasta;

• Mas como o CSS está dentro da pasta CSS ele volta pra dentro da pasta Projeto Maciel e procura outra pasta lá dentro chamado Projeto Maciel

Espero que tenha ajudado a ficar mais claro. Bons estudos! =)

Muito Obrigado pela explicação detalhada Mônica. Dentro deste contexto de pastas e subpastas é possivel eu acessar minha página tanto do index como dos produtos no "aparelho celular" ? como visualizar essa página que está sendo construida no smartphone ? acho que fica mais complicado pois há várias pastas.. É possível acessar ?

Acredito que funcionaria igualmente caso você conseguisse colocar a pasta Projeto Maciel no celular, pois independente da localização anterior dela os caminhos ainda relacionam sempre com a pasta Projeto Maciel.

Testei rodar o código pelo aplicativo do Sublime no celular e funcionou direitinho =)