HTML+CSS+JavaScript

JS содержимое не индексируется. Поисковики индексируют не ссылки, а содержимое страниц в первую очередь, а уж ссылки, это уже иное. А у вас главная страница практически ничего и не содержит, для поисковика она ноль. И как витрина она у вас слишком длинная.

У меня тогда вопрос к вам - а будет ли индексироваться js-меню или нет? Ведь индексируется поисковиками только html текст, а js текст и все ссылки там в отдельных файлах. Вот поэтому и сделал дублирование. Думаю сейчас Инет становится быстрее и доступнее, и проблем с загрузкой страницы не должно быть. Просто главная страница - своего рода "ВИТРИНА". А потом уже можно выбрать нужную категорию и т. д.

Не обязательно чтобы летел в трубу, сообщать нужно пользователю, чтобы он включил поддержку JS (хотя таких пользователей, по умолчанию) не так и много:

<script type="text/javascript"> //тут исполнение JS </script> <noscript>Включите поддержку JavaScript!</noscript>

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

Всё, сайт готов почти http://www.all-info-products.ru.
sim5, ещё раз спасибо за меню и за то, что помогли разобраться со всем этим хоть как-то!
Единственный минус, конечно, для сайтов на js - то, что, если браузер не поддерживает js, то сайт летит в трубу)). В таком слуае пользователь не поймёт где что на сайте этом...

sim5
Очень благодарен. Именно то, что искал. Вчера разбирался с этим меню, редактировал, пробовал. Класс! Вскоре покажу, что получилось. Благодарен за помощь!
Учиться мне да учиться!

Если 200 страниц и одноуровневое меню отображаемое так как у вас, то это огромная портянка будет. Есть раздвижные вертикальные меню, можете такое найти и использовать. Суть не в этом.

В прикрепленном архиве пример двух страниц: главная index.html и просто страница hfht1.html, с подключением двухуровневого меню. Меню это файл menu.js. Он простой по содержанию, и содержит в себе js-метод document.write записывающий в документ строку, которая и описывает меню. Строка разбита на несколько строк, чтобы хорошо было видно структуру вложения элементов меню, а чтобы метод воспринимал это одной строкой, строки объеденяются посредством символа +.
Вам только остается внести конкретные url ссылок, вставлять/удалять необходиме элементы и т.п.. Как видно из html-кода меню, тег А имен разделов не имеет атрибута href (если это необходимо, можете добавить). В общем все просто.
Меню подключается в необходимом месте страницы (для примера это ячейка таблицы) как <SCRIPT type=text/javascript src="menu.js"></SCRIPT>, что естественно должно прописано на всех страницах. Также на всех страницах, в теге HEAD подключается скрипт управления этого меню (нужен только для браузера IE): <SCRIPT type=text/javascript src="drop_down.js"></SCRIPT>, тут же подключается и файл стилей меню style.css. Все оформления меню производить в этом файле, который может содержать и все стили ваших страниц.

Вот собственно и все - правьте файл menu.js, и все изменения будут отображаться на всех страницах. Меньше задавайте вопросов, больше читайте, и уже по конкретным вопросам обращайтесь за помощью.

мда...
Меню будет вертикальным и без всплывающих подменюшек. Подменюшки просто ниже идут под каждым разделом. Примерно так:

РАЗДЕЛ Подраздел 1 Подраздел 2 Подраздел 3 РАЗДЕЛ Подраздел 1 Подраздел 2 РАЗДЕЛ Подраздел 1 Подраздел 2 Подраздел 3 Подраздел 4 и т. д.

Всёравно не понятно мне. Получается, что редактируется вот эта часть кода в вашем меню:

<ul>     <li><a href="#">Home</a></li>     <li><a href="#">About</a>       <ul>         <li><a href="#">History</a></li>         <li><a href="#">Team</a></li>       </ul>     </li>     <li><a href="#">Contact Us</a>       <ul>         <li><a href="#">France</a></li>         <li><a href="#">USA</a></li>       </ul>    </li>   </ul>

Эта часть же не подключается, а только редактируется? Получается все 200 страниц с таким меню нужно редактировать? Этот код же в самой html странице, а не отдельным файлом лежит?

document.write('<a href="link 1">Пункт меню 1</a>');  document.write('<a href="link 2">Пункт меню 2</a>');  .....

А про этот код не понял - как он относится к меню?

Во первых, я вам и не советовал вписывать на каждую страницу js-сценарий управляющий меню и само меню.

Первое, это надо определиться какое меню вам нужно, а это будет зависить и от дизайна страницы, то есть, либо меню вертикальное, либо меню горизонтальное. И второе, это какой уровень вложения у вашего меню должен быть.
Если вы выбрали меню на JS, то js-файл управления этим меню подключается в заголовке страницы, и не изменяется никогда:

<head> <script src="путь к файлу с JS-сценарием управления меню"></script> </head>

Само меню, это html элементы, которые гораздо легче для понимания, нежели js, знание которого у вас, скажем так, не очень, насколько это можно судить из вашей темы. Само же меню вы будете вставлять в нужном месте на всех страницах, подключением js-файла, например, где-то в таблице:

<td><script src="путь к файлу с JS-меню"></script></td>

который будет содержать хоть и js-код, но понятный, например:

document.write('<a href="link 1">Пункт меню 1</a>'); document.write('<a href="link 2">Пункт меню 2</a>'); .....

Хотя многоуровневое меню конечно будет несколько сложнее, и выглядеть, например, так (два уровня):

<ul>    <li><a href="#">Home</a></li>    <li><a href="#">About</a>      <ul>        <li><a href="#">History</a></li>        <li><a href="#">Team</a></li>      </ul>    </li>    <li><a href="#">Contact Us</a>      <ul>        <li><a href="#">France</a></li>        <li><a href="#">USA</a></li>      </ul>   </li>  </ul>

Но добавить в этом файле новый элемент меню как <li><a href="#">Текст</a></li>, намного будет проще, и метод document.write() не такой и сложен для понимания, и восприятия, что отредактировать этот js-файл с кодом меню будет гораздо проще, нежели ужас от Сотника.

Кроме этого, есть удобная js-библиотека jQyery, которая позволяет упростить многое на странице в плане работы с js. И есть готовые плагины к ней, включая и всевозможные эффектные меню.

Выпадающие меню с помощью CSS
JavaScript меню (скрипты)
jQuery

Спасибо за ответы!
Почему я ище именно на js? У меня будет большое меню, с большим количеством подссылок. И они периодически будут пополняться. А сам сайт будет состоять из более чем 200 страниц. Поэтому каждую страницу редактировать это ооочень накладно. Решение вижу в создании одного js файлика с меню (его то я буду редактировать и добавлять периодически новые подменюшки). А во всех 200 страницах просто будут ссылка на этот js файл меню. Редактировать только надо будет его, а не все 200 страниц!))
В гугле искал и нашёл варианты меню на css. Но как сделать так, чтоб редактировать надо было какой-то один файл, который бы отвечал за меню и структуру подменюшек. А в меню на css такого не вижу.
Как быть?

Вы не могли бы выложить простенький вариант меню, где управляющий был бы прикреплённый js? Буду рад. А то что-то не могу разобраться...

Я потому вам и советую выбросить Сотника и лучше заглянуть с Гугл в сеть. Есть масса готовых скриптов меню, причем на чистом CSS (возможно вам и такого хватит), есть с минимум JS и максимумом CSS, удобных, легких, оригинальных, которые легко встроить в любое место на странице - ибо основа их, это html-код. А управляющий JS-код меню просто подключите в теге HEAD.
Именно потому и советую, что вам многое не понятно.