HTML-страница навигации для индексной страницы

0

У меня есть простой веб-сайт, на который я заплатил кому-то, чтобы настроить, чтобы я опубликовал статьи - все записи сделаны на странице index.html. У меня сейчас около 12 записей, и я хотел бы настроить навигацию по страницам... Я бы хотел отобразить около 6-8 статей на первой странице, а затем на нижней панели вывести "следующую" или "страницу" 2, стр. 3, стр. 4 "и т.д. (Или и того и другого), чтобы пользователи могли перейти к следующим 5 статьям, сохраняя их все в хронологическом порядке, а остальная часть сайта статична. Сайт был создан кем-то, кого я нанял на Craigslist, и у меня есть базовые знания HTML, которых достаточно, чтобы обновить индексную страницу и создать новые страницы. Для шаблона, уже закодированного на индексной странице, есть навигационный элемент, но он был закомментирован. Я не уверен, как использовать этот конкретный формат для создания нескольких страниц с более старыми статьями.

                <!--- <div class="page-navi">
                <ul>
                    <li><a href="#" class="current">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">Next</a></li>
                    <li><a href="#">Last</a></li>
                </ul>
            </div> ---!>
            <!-- End Page Navi -->
Теги:

3 ответа

0
Лучший ответ

Если ваш сайт полностью статичен и полностью состоит из html файлов, единственным вариантом является разбить index.html на несколько файлов и вставить навигационный код вручную. Это утомительно и подвержено ошибкам, если, например, вы хотели иметь пять статей на странице и сначала требовали новых, вам нужно перенести самую старую статью в каждый файл в другой файл всякий раз, когда вы добавляли новую статью. Это может быть очень плохо, если у вас есть 100 статей по 20 различным файлам.

Кроме того, вы можете сделать некоторую внутреннюю разработку, чтобы сделать это для вас с PHP, javascipt, python, clojure, your programming language of choice. Если вы хотите использовать что-то совершенно другое, стоит обратить внимание на wordpress и другие платформы для ведения блогов.

Поделиться
  • 0
    Большое спасибо за ваш ответ - очень полезно знать ограничения используемых мной HTML-файлов, и крайне полезно знать, что мне нужно было бы выучить язык программирования для достижения результата моей идеи. экономит много времени в поисках решения. БЛАГОДАРЮ ВАС!
0

Если вы создаете весь сайт, используя несколько файлов .html, вам нужно будет дублировать этот кусок кода ко всем файлам:

<div class="page-navi">
     <ul>
           <li><a href=".../page1.html" class="current">1</a></li>
           <li><a href=".../page2.html">2</a></li>
           <li><a href=".../page3.html">3</a></li>
           <li><a href=".../page2.html">Next</a></li>
           <li><a href=".../page5.html">Last</a></li>
    </ul>
</div>

Вы должны изменить ... с вашим фактическим URL-адресом и изменить номера страниц в соответствии с требованиями каждой отдельной страницы.

Поделиться
  • 0
    все мои статьи существуют в отдельных файлах .html, ссылки на которые есть на странице .index, но ни одна из статей не является достаточно длинной для гарантийной нумерации страниц, и я не хочу этого делать. Я просто хочу ограничить первую страницу моего сайта самыми последними статьями, а также есть ссылки на миниатюры на другие страницы в правой части страницы (www.kristinleeb.com). это, как говорится, и я извиняюсь, если это любительский вопрос, как предоставленные вами изменения знают, где каждая страница будет начинаться / останавливаться? собираюсь попробовать это сейчас. благодарю вас!
  • 0
    Этот фрагмент кода не будет работать сам по себе. Предполагается, что у вас есть серверная часть, которая знает, что делать с номерами страниц, файлом .htaccess или чем-то подобным. Если вы разбиваете свои html файлы на группы статей, вместо ссылки на ?page= вы будете ссылаться на html файл.
Показать ещё 1 комментарий
0

Если ваш сайт является простым html, вы можете разделить статьи по страницам, например, pge1.html, page2.html и т.д. Затем создайте ссылки, такие как

Поделиться
  • 0
    да, это почти единственный вариант, если у меня ничего не получится. Единственная причина, по которой я не хочу этого делать, заключается в том, что тогда мне придется менять номера страниц каждый раз, когда я добавляю новую страницу, чтобы сохранить хронологию. Я уже вручную обновляю свою индексную страницу и свой RSS-канал, когда добавляю новую статью, поэтому ваше предложение выполнимо, просто утомительно. благодарю вас!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню