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

R

RoInmana

#1
Здравствуйте. Я пытаюсь создать сайт на основе блочной системы. Сделал главную страницу, где есть стандартные блоки среди которых блок с раскрывающимся меню(категории и подкатегории) и основной блок контента. Также имеются отдельные HTML документы статей этого сайта, вида, утрированно, <p>контент</p>. Какую и на основе чего можно сделать навигацию на сайте? Нажимаю ссылку в меню и в окне контента должен открыться целевой документ HTML, а меню и все остальное остаться висеть отдельно с перезагрузкой страницы или без. Как этого добиться средствами HTML и CSS без использования фреймов, либо, если нужно, что начать изучать в этой связи( PHP, mySQL, JS др.). Посоветуйте, пожалуйста, нужное направление с плюсами и минусами. Как правильно и основательно?
 
Н

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

#2
а меню и все остальное остаться висеть отдельно с перезагрузкой страницы или без.

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

RoInmana

#3
Или вы про бесплатные CMS (системы управления сайтом) не думали?
Думал и пользовался, но теперь принципиально решил научиться писать все в ручную. Может быть существует CMS не для сайтостроительства, а именно для групировки и управления уже имеющимися страницами? Пока динамические страницы не планируются, просто ссылка = переход в главном окне. Вот как на этом форуме.
 
Н

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

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

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

решил научиться писать все в ручную

Хорошее решение. Меня сегодня назначили модератором этого раздела, буду выкладывать уроки понемногу...
 
R

RoInmana

#5
На этом форуме как раз динамические, но я поняла, что вас интересует, собственно, меню.
Обычно оно оформляется списком со ссылками, я просто не знаю, на какой вы стадии изучения HTML/CSS... Если выпадающее, то это лучше скриптами...
Хотя есть рецепты и без скриптов... Вам очень сложный рецепт нужен? Можно скрином примерно что вы хотите получить? Или лучше ссылкой поглядеть образец.
Знание HTML/CSS базовое. Само меню мне не надо, оно готово и функционирует. Все дело в самих переходах по пунктам этого меню. Тоесть, как на этом сайте, нажимаешь на пункт меню и в главном окне появляется контент, а меню и подвал висят на своих местах. Можно ли этого добиться без CMS- другими средствами? Либо, как альтернатива, как можно перенести созданый в Photoshop и сверстаный в HTML/CSS сайт на движок Joomla?
 
W

Wmboard

#6
Можно ли этого добиться без CMS- другими средствами?
Можно. Делают.


Либо, как альтернатива, как можно перенести созданый в Photoshop и сверстаный в HTML/CSS сайт на движок Joomla?
Адаптируют шаблон под смс. Тоже делают.
 
Н

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

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

Это иллюзия, у вас хорошая скорость, вот и не заметно, что страница на этом сайте перезагружается полностью, и вы попадаете на другую, просто с точно такой же шапкой и подвалом. У меня скорость медленная, поверьте, это очень заметно.

Теперь по вопросу "как так сделать". Можно, конечно.

1) Обычный вариант - сделать на статичном сайте страницы с одинаковым меню на каждой, а в тегах ссылок прописать target="_self" (подробно
2) Add FullAjax для Joomla (перенести сайт можно, конечно, если навыки интеграции есть)
3) поискать скрипт на javascript, позволяющий перезагружать страницу лишь в её контентной части.
 
R

RoInmana

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

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

#9
RoInmana, рада за вас. Трудно было дизайн интегрировать в Joomla?
 
Н

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

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

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread