Как переместить страницы сайта из корневой папки

@Лошара007 · Регистрация: 30.07.2016

Здравствуйте, уважаемые продвинутые пользователи. Мне очень нужна помощь знающих людей. Дело в том, что сайт своему питомнику кошек я делала сама. С горем пополам, не то, что задумывалось изначально, но все-таки получилось и работает без нареканий. Но вот возник такой вопрос: Все страницы сайта хранятся в корневой папке public_html, но с появлением новых страниц на каждого нового котенка их здесь становится слишком много - нужно было бы структурировать по папкам (т.е. страницы всех котят помета Т, например, переместить в папку "Litter T", созданную в основной папке "public_html"). Просто перенести не получается: при просмотре сайта через браузер страница перестает отображаться. Я так понимаю, нужно внести какие-то изменения в код страницы чтоб она корректно отображалась из директории, но что именно и где боюсь мне не понять. Очень не хватает друга, который разбирался бы в разработке сайтов и мог не то что объяснить на пальцах, а еще и показать. Может быть этот форум сможет заменить такого полезного друга. Пытаюсь вложением подгрузить страницу, в которую требуются изменения. Может быть у кого-то здесь будет свободная минутка и желание помочь ближнему - внести в нее правильные изменения, а я бы потом по образцу переделывала остальные. Иными словами, сейчас это выглядит вот так: public_html/Titanium gallery.html а должно быть так: public_html/Litter T/Titanium gallery.html

PHP/HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>котенок мейн кун Титан</title>
<style type="text/css">
<script src="/js/jquery-1.12.1.min.js"></script>
 <script>
       var state = 'none';
 
    $(".nShowProductsLink").click(
        function()
        {
            showhide('show_menu');
        }
    );
 
    function showhide(layer_ref)
    {
        if (state == 'block')
        {
            state = 'none';
            $(".nShowProductsLink").html("Открыть меню / Навигация");
        }
        else
        {
            state = 'block';
            $('#show_menu').slideDown(200);
            $(".nShowProductsLink").html("Закрыть меню / Навигация");
        }
 
        $("#show_menu").css({"display":state});
    }
</script>
body,td,th {
    font-family: Mistral;
    font-size: 16px;
    color: #FFFFFF;
}
body {
    background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #000;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Mistral, "Comic Sans MS", cursive, fantasy;
    font-weight: bold;
}
h1 {
    font-size: 22px;
    color: #000;
    text-align: center;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
 
<body><body background="images/bg-body (2).png">
<div id="wrapper">
<header id="header"><img src="images/Logo-2.jpg" width="1010" height="158" alt="SviridoFFbrand" />
</header>
<div id="content">
<nav class="mainNav wrap">
 
<a class="nShowProductsLink nShowProducts" >Открыть меню / Навигация   
    <img src='images/icon-navigation.png' width='23' height='13'>
</a>
 
<ul id="show_menu" class="resetlist">
        <li class="nmain">
            <a href="index.html">ГЛАВНАЯ</a>            
        </li>
        <li class="nnews">
            <a href="news.html">НОВОСТИ</a>            
        </li>
        <li class="noffsprings">
            <a href="offsprings.html">ВЫПУСКНИКИ</a>            
        </li>
        <li class="naboutbreed">
            <a href="about breed.html">О ПОРОДЕ</a>            
        </li>
        <li class="nvideo">
            <a href="video.html">ВИДЕО</a>            
        </li>
        <li class="nmales">
            <a href="males.html">КОТЫ</a>           
        </li>
        <li class="nfemales">
            <a href="females.html">КОШКИ</a>           
        </li>
        <li class="nkittens">
            <a href="kittens.html">КОТЯТА</a>            
        </li>
        <li class="naboutchoice">
            <a href="about choice.html">КАК ВЫБРАТЬ КОТЕНКА</a>            
        </li>
        <li class="ncontacts">
            <a href="contacts.html">КОНТАКТЫ</a>            
        </li>        
    </ul>
</nav>
<p>&nbsp;</p>
  <h1>TITANIUM SVIRIDOFFBRAND, (ТИТАН), ЧЕРНЫЙ ТАББИ КОТ, 03.06.2016 Г.Р.<br />
  </h1>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8866.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8851.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8852.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8902.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8878.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8880.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/IMG_8890.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9615.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9604.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9610.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9612.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9627.jpg" width="800" height="600" alt="Titanium" /></p>
   <p style="text-align: center"><img src="images/Litter T/Titanium/DSCN9630.jpg" width="600" height="800" alt="Titanium" /></p>
   <p style="text-align: center"></p>
   <p style="text-align: center"></p>  
</div>
</div>
<footer id="footer">
  <p>Если у Вас возникли вопросы - звоните нам: </p>
 <a href="contacts.html"><img src="images/tel.png" width="262" onmouseover="this.style.width='272px'" onmouseout="this.style.width='262px'" height="39" alt="телефон" /></a>
<p>или пишите:</p>
<a href="contacts.html"><img src="images/e-mail.png" width="241" onmouseover="this.style.width='251px'" onmouseout="this.style.width='241px'" height="39" alt="эл. почта" /></a>
<p>а еще мы есть здесь:</p>
<img src="images/skype.png" width="55" onmouseover="this.style.width='65px'" onmouseout="this.style.width='55px'" height="55" alt="скайп" /> &nbsp;&nbsp; <img src="images/ok.png" width="55" onmouseover="this.style.width='65px'" onmouseout="this.style.width='55px'"height="55" alt="одноклассники" /> &nbsp;&nbsp; <img src="images/mc-forum.png" width="55" onmouseover="this.style.width='65px'" onmouseout="this.style.width='55px'"height="55" alt="форум о мейн-кунах" />
<p>2016. Изготовлено SviridoFFbrand. Все права защищены</p>
</footer>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter37148275 = new Ya.Metrika({
                    id:37148275,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true
                });
            } catch(e) { }
        });
 
        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = "https://mc.yandex.ru/metrika/watch.js";
 
        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/37148275" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --></body>
</html>

@sash23 · 10.08.2016, 22:38

А после переноса страница не отображается вообще? Или отображается не корректно?

@Лошара007 · 10.08.2016, 22:57 **[ТС]**

Отображается не корректно: меню - не меню, все свалено в кучу, вместо фотографий значки картинок. Максимум до чего я дошла с помощью техподдержки хостинга: когда перед путем к фото ставишь значок "/", т.е. не image/...., а /image/...., фото начинают отображаться, но остальному дизайну страницы такой подход бестолку (я пробовала эти слеши без башки

ставить везде, где надо и где не надо): ни фона, ни центрировок - ничего

@sash23 · 10.08.2016, 23:05

Техподержка, в принципе, правильно советует. Только нужно начальные слеши во всех путях проставить.

HTML5

1 2	<link href="/css/style.css" rel="stylesheet" type="text/css" /> <body background="/images/bg-body (2).png">

в меню тоже

HTML5

1	<a href="/index.html">ГЛАВНАЯ</a>

@Лошара007 · 12.08.2016, 13:26 **[ТС]**

Sash23, спасибо-преспасибо

! Проверила: действительно от слешей в двух местах (кроме картинок) зависело отображение страницы. Точно после смерти в рай попадете

@sash23 462 / 337 / 225 Регистрация: 31.05.2016 Сообщений: 949
	10.08.2016, 22:38	2
	А после переноса страница не отображается вообще? Или отображается не корректно? 0

@Лошара007 0 / 0 / 0 Регистрация: 30.07.2016 Сообщений: 3
	10.08.2016, 22:57 [ТС]	3
	Отображается не корректно: меню - не меню, все свалено в кучу, вместо фотографий значки картинок. Максимум до чего я дошла с помощью техподдержки хостинга: когда перед путем к фото ставишь значок "/", т.е. не image/...., а /image/...., фото начинают отображаться, но остальному дизайну страницы такой подход бестолку (я пробовала эти слеши без башки ставить везде, где надо и где не надо): ни фона, ни центрировок - ничего 0

@Лошара007 0 / 0 / 0 Регистрация: 30.07.2016 Сообщений: 3
	12.08.2016, 13:26 [ТС]	5
	Sash23, спасибо-преспасибо! Проверила: действительно от слешей в двух местах (кроме картинок) зависело отображение страницы. Точно после смерти в рай попадете 0

Опции темы

Как переместить страницы сайта из корневой папки

Решение