Делаем навигацию для сайта

  • Автор темы RoInmana
  • 2601
  • Обновлено
  • 28, Jan 2013
  • #1
Здравствуйте. Я пытаюсь создать сайт на основе блочной системы. Сделал главную страницу, где есть стандартные блоки среди которых блок с раскрывающимся меню(категории и подкатегории) и основной блок контента. Также имеются отдельные HTML документы статей этого сайта, вида, утрированно,

контент

. Какую и на основе чего можно сделать навигацию на сайте? Нажимаю ссылку в меню и в окне контента должен открыться целевой документ HTML, а меню и все остальное остаться висеть отдельно с перезагрузкой страницы или без.

Как этого добиться средствами HTML и CSS без использования фреймов, либо, если нужно, что начать изучать в этой связи( PHP, mySQL, JS др.). Посоветуйте, пожалуйста, нужное направление с плюсами и минусами.

Как правильно и основательно?

RoInmana


Рег
28 Jan, 2013

Тем
9

Постов
29

Баллов
119
  • 28, Jan 2013
  • #2
RoInmana:
а меню и все остальное остаться висеть отдельно с перезагрузкой страницы или без.


А вы никакую CMS типа Джумлы или Вордпресс не будете использовать? Хотите чисто индивидуальное решение? Знаете, почему от таких сайтов все уже уходят? Неудобно обновлять и управлять, для каких-то динамических страниц требуется искать или заказывать скрипты и т.д.

Или вы про бесплатные CMS (системы управления сайтом) не думали?
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 28, Jan 2013
  • #3
Ночная:

Или вы про бесплатные CMS (системы управления сайтом) не думали?
Думал и пользовался, но теперь принципиально решил научиться писать все в ручную.

Может быть существует CMS не для сайтостроительства, а именно для групировки и управления уже имеющимися страницами? Пока динамические страницы не планируются, просто ссылка = переход в главном окне.

Вот как на этом форуме.
 

RoInmana


Рег
28 Jan, 2013

Тем
9

Постов
29

Баллов
119
  • 28, Jan 2013
  • #4
RoInmana:
Вот как на этом форуме.
На этом форуме как раз динамические, но я поняла, что вас интересует, собственно, меню. Обычно оно оформляется списком со ссылками, я просто не знаю, на какой вы стадии изучения HTML/CSS.

Если выпадающее, то это лучше скриптами.

Хотя есть рецепты и без скриптов.

Вам очень сложный рецепт нужен? Можно скрином примерно что вы хотите получить? Или лучше ссылкой поглядеть образец.
RoInmana:
решил научиться писать все в ручную
Хорошее решение. Меня сегодня назначили модератором этого раздела, буду выкладывать уроки понемногу...
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 29, Jan 2013
  • #5
Ночная:
На этом форуме как раз динамические, но я поняла, что вас интересует, собственно, меню.
Обычно оно оформляется списком со ссылками, я просто не знаю, на какой вы стадии изучения HTML/CSS... Если выпадающее, то это лучше скриптами...
Хотя есть рецепты и без скриптов... Вам очень сложный рецепт нужен? Можно скрином примерно что вы хотите получить? Или лучше ссылкой поглядеть образец.
Знание HTML/CSS базовое.

Само меню мне не надо, оно готово и функционирует.

Все дело в самих переходах по пунктам этого меню.

Тоесть, как на этом сайте, нажимаешь на пункт меню и в главном окне появляется контент, а меню и подвал висят на своих местах.

Можно ли этого добиться без CMS- другими средствами? Либо, как альтернатива, как можно перенести созданый в Photoshop и сверстаный в HTML/CSS сайт на движок Joomla?
 

RoInmana


Рег
28 Jan, 2013

Тем
9

Постов
29

Баллов
119
  • 29, Jan 2013
  • #6
RoInmana:
Можно ли этого добиться без CMS- другими средствами?
Можно. Делают.
RoInmana:
Либо, как альтернатива, как можно перенести созданый в Photoshop и сверстаный в HTML/CSS сайт на движок Joomla?
Адаптируют шаблон под смс. Тоже делают.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 29, Jan 2013
  • #7
RoInmana:
Тоесть, как на этом сайте, нажимаешь на пункт меню и в главном окне появляется контент, а меню и подвал висят на своих местах.
Это иллюзия, у вас хорошая скорость, вот и не заметно, что страница на этом сайте перезагружается полностью, и вы попадаете на другую, просто с точно такой же шапкой и подвалом.

У меня скорость медленная, поверьте, это очень заметно. Теперь по вопросу "как так сделать". Можно, конечно. 1) Обычный вариант - сделать на статичном сайте страницы с одинаковым меню на каждой, а в тегах ссылок прописать target="_self" (подробно

2) Add FullAjax для Joomla (перенести сайт можно, конечно, если навыки интеграции есть) 3) поискать скрипт на javascript, позволяющий перезагружать страницу лишь в её контентной части.
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
  • 07, Feb 2013
  • #8
Ночная странница, спасибо! В результате перенес сайт на Joomla с сохранением всех меню и внешнего вида.
 

RoInmana


Рег
28 Jan, 2013

Тем
9

Постов
29

Баллов
119
  • 08, Feb 2013
  • #10
RoInmana, я не слишком разбираюсь в Joomla, но, кажется, проще всего было бы посмотреть пчелкой (Firebug для лисы) и поправить CSS нужных классов.
 

Ночная странница


Рег
30 Jan, 2012

Тем
98

Постов
1642

Баллов
2622
Тем
49554
Комментарии
57426
Опыт
552966

Интересно