Итак, после получения хостинга нужно занятся дизайном. Нужно придумать дизайн главной страницы.
Т.к. проект «Справочник по JavaScript», то это подразумевает 100% наличие JS у пользователей, это плюс.

Итак, нужно сначала опредить чего я хочу от сайта. Внешний вид - вертикальная таблица (<100% экрана), задний фон (цвет/картинка).
Нижнее и верхнее меню (предпочтительно одинаковые)
В самом нижу копирайт/счетчики.
Вот мой макет (см. прикрепленный файл)

Итак, цвета думая нужно светлые использовать, неяркие. Чтобы не пестрило...
Контент сереньким ( #dedede ), ссылки синенькими ( #1E90FF ), при наведении оранжевые ( #FFA500 === #FF8C00 === #FFD700 === #DAA520 )

Рекомендуйте/исправляйте/предлагайте/критукуйте

ЗЫ: макет канешн не очень...если совсем будет непонятно - выложу в вебе...

Это сообщение отредактировал(а) Aliance - 9.5.2005, 18:38

Присоединённый файл ( Кол-во скачиваний: 13 )
 File0006.jpg

Вот, что пока получается...

может что-нить подобное???? Не помню откуда взял, то ли делал сам, то ли переделывал
http://www.joe.fatal.ru/tmp/11.jpg

Дык уже определился с макетом, нужна критика/дополнения/пожелания/мысли

Ну не знаю, мне что-то твой макет не очень Ну на вкус и цвет... Особенно было круто, когда я зашел по ссылке и у меня МП врубился

Цитата(Joes @ 10.5.2005, 20:39)

когда я зашел по ссылке и у меня МП врубился

чего?

Цитата(Aliance @ 10.5.2005, 17:22)

Вот, что пока получается...

Очень даже не плохо получаеться

Цитата(Joes @ 10.5.2005, 17:42)

может что-нить подобное????

Много левой графики, пространства между опциями меню, немного глаз напрягает, ИМХО для справочника немного не то...

Aliance что будет в горизонтальном меню? В смысле инфа, куда переходит будем?
Вертикальное меню естественно должно содержать разделы справочника.

Sardar
Итак, наконец-то дождался +)))

Цитата(Sardar @ 10.5.2005, 21:20)

Очень даже не плохо получаеться

спс)) раз что понравилось, а то не хотел заного переделывать. ИМХО, справочник не должен быть перегружен графиков, не должен иметь дизайна на 50 мегабайт, главная его цель все таки другая

Горизонт. меню думаю сделать выпадающим. Но простое выпадающее не катит, примитивно.
Где-то видил супер-меню (по-моему на новом дизайне винграда - облазил весь сайт dm9 не нашел ), оно плавно появляется. Думаю тут эффект fade() присутствует - но тогда это только для IE - не пойдет...

Что там будет - не знаю, но скорее всего там будет мало пунктов - поэтому основные блоки ссылок (обр. связь, может форум {хотя нафик он не нужен?! }, и т.п...)

Вертикальное - уже сделал. Но на хосте повисла закачка через панель - а по FTP как и по ICQ меня прокси не пускает без выделеного IP, на покупку которого все не доходят руки =( Ждем-с пока починят... пытался свой аплоадер написать - сам видел что из этого получилось... советов так и не получил

Вертикальное - да. разделы. Оно уже готово. Основывается на XML. Прикольное меню. Дверовидное
Можно будет запихать очень много...

Вот самая большая проблема - чем заполнить главный контент ???
Новостями чтоли? =)

Это сообщение отредактировал(а) Aliance - 10.5.2005, 22:16

В принципе не плохо...
Но уж больно приелись такие дизы...
Рискни, сделай что-ть оригинальное...

Цитата(Mal @ 10.5.2005, 23:18)

Но уж больно приелись такие дизы... Рискни, сделай что-ть оригинальное...

Астоил ли? Не хочу пестроты, наворотов, шума и гама.
Была бы тематика сайта другая...

Есть конструктивные словесные предложения?

Цитата(Aliance @ 10.5.2005, 23:30)

Астоил ли? Не хочу пестроты, наворотов, шума и гама. Была бы тематика сайта другая...

А я и не говорил про пестроту, навороты Я говорил про ори гинальность

Цитата(Aliance @ 10.5.2005, 23:30)

Есть конструктивные словесные предложения?

Только после готового макета
надо уже работать с каким-то конкретным результатом.

Mal Hack
Завтра к вечеру сделаю меню вертикальное. Горизонтальное будет намного похзже, да и не нужно она щас
А так вн. вид готов =)

Предлагай что исправить )))

Sardar
Что-то меню подлагивает Создал темку в «JS для новичков»

Все, отказался от XML`я, храню все в JS объектах =)
Теперь дело за самым сложным - придумать контент главной, оформить меню

ЗЫ: в место, где сейчас это

Цитата

«quote»

Что-нибудь нужно написать. Сперва хотел цитаты рандомные известных в среде прогр. на JS людей - но так их и не нашел. Может тогда поздравления с праздником? А может вообще ничего? Что думаете?
Добавлено @ 00:14
А, идея
Может туда поисковый инпут вставить?

Если честно, то без графики не смотриться...

Вот картинка, я чуть переделал.. вот я так это визу Может натолкнёт ещё на какую идею




Присоединённый файл ( Кол-во скачиваний: 8 )
 Un.gif

Red Dragon
Неет, там канечно будет картинка. Не вопрос.

А что еще не смотрится? Какие будут пожелания?

ЗЫ: сегодня сделаю пробную страничку - вот ее тоже нужно будет оттестить

Ну во-первых, сама менюшка. Мне кажется она примитивно смотриться, т.е. слижком уж вниз падает. А если у тебя названия разделов будут длинные, то вообще третье вложение не уместится. Может попробывать выпадающее сделать? Если хочешь поделюсь кодом.

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

Да и забей контекстом, любым, хоть яндекс скопируй . Сразу будет нагляднее видно как текст будет смотреться с дизайном

Цитата(Red @ 12.5.2005, 10:22)

Ну во-первых, сама менюшка. Мне кажется она примитивно смотриться, т.е. слижком уж вниз падает. А если у тебя названия разделов будут длинные, то вообще третье вложение не уместится. Может попробывать выпадающее сделать? Если хочешь поделюсь кодом.

Третья нода - это уже исключительно для примера иерархии. Там можно их хоть 100 сделать
ЗЫ: выпадающее есть и будет - будет оно наверху, собсно уже место под него есть, разве ты не заметил (меню 1-5)?
Но одного мало, нужно и то, и то.

Цитата(Red @ 12.5.2005, 10:22)

Да и забей контекстом, любым, хоть яндекс скопируй

может все таки чем-то дельным, врятли яндекс будет интересен кому-то 8))))

Пока то что есть - красиво или совсем убого - это главное

Цитата(Aliance @ 12.5.2005, 14:36)

может все таки чем-то дельным, врятли яндекс будет интересен кому-то

Ты же не рекламой ресурса занимаешься пока, а делаешь сайт. Вот и сделай что-то для наглядности. И не уже ли у тебя ни одной статьи нет? Тогда как же ты собираешься сайт такой делать

Про меню: это твоё право оставить два, только не делай дублирование

PS
и не спрашивай про то, что ещё только "будет" Как будет, так и оценим

Цитата(Red @ 12.5.2005, 16:33)

только не делай дублирование

Нет, дублир. не будет

Окей, размещу какой-нить текст...

Разместил :-) Только что дало - непонимаю

А вот и сам вид страниц-справочника:
http://www.jsguide.spb.ru/reference/test.php

Естественно, дизайн предлагайте :-)

ЗЫ: может сделать какбы листы бумаги?

Шрифты раздражающие, не читабельные, ИМХО...

Цитата(Sardar @ 13.5.2005, 01:08)

Шрифты раздражающие, не читабельные, ИМХО...

Alianceвот про что я тебе и говорил, нужен текст чтобы видеть

попробуй font-family : "Courier New", Courier, monospace;, сделай фон светлее, сделай цвет ссылок чуть темнее.

А зачем у темя alert() как ссылка? Разве не он описывается? И куда тогда я попаду по этой ссылке?

Да и приладь ты эту страницу с своему дизайну, хоть посмотреть что из этого получится. Что у тебя всё кусками?

Цитата(Sardar @ 13.5.2005, 02:08)

Шрифты раздражающие, не читабельные, ИМХО...

какие предложения будут? Я сделал тебе FTP аккаунт - только не могу разобратся как и что с ним Напиши в PM, разбиремся...

Цитата(Red @ 13.5.2005, 09:15)

попробуй font-family : "Courier New", Courier, monospace;,

Не люблю я Кориер - большой отрыв букв у него

Цитата(Red @ 13.5.2005, 09:15)

сделай фон светлее

можно пример?

Цитата(Red @ 13.5.2005, 09:15)

сделай цвет ссылок чуть темнее

DarkBlue подойдет?

Цитата(Red @ 13.5.2005, 09:15)

А зачем у темя alert() как ссылка? Разве не он описывается? И куда тогда я попаду по этой ссылке?

Это тест просто она будет вести на страницу, описывающую этот метод. а пока алерт для теста сделал

Цитата(Red @ 13.5.2005, 09:15)

Да и приладь ты эту страницу с своему дизайну, хоть посмотреть что из этого получится. Что у тебя всё кусками?

В плане? Я планирую сделать сам справочник не вместо контента на главной, а на чистой странице ... имхо, так нужно - если нет - переубедите ))

Цитата(Red @ 13.5.2005, 09:15)

сделай фон светлее

немогу подобрать все никак

Ну вопервых в опере баг небольшой... При открытии страницы, левое меню (которое деревом сделано), оно раскрыто, но в квадратиках все равно плюсики стоят, а не минусики...

И честно говоря как-то скудненько... Я бы если бы за инфой и зашел, то нашел бы ее исразу дёру... ИМХО очень узкоспециализированная тема получается, вот сделаешь ты дизайн, сделаешь полный справочник по всем функциям и т. п., а что потом? Форум по JS? Или что?.. Хотя это вобщем меня понесло уже в дебри, это уже тебе решать... Просто у тебя сайт останется статичным, практически ничего добавить нельзя будет... Хотя может я и не прав...

Цитата(Dexter @ 16.5.2005, 23:08)

Ну вопервых в опере баг небольшой... При открытии страницы, левое меню (которое деревом сделано), оно раскрыто, но в квадратиках все равно плюсики стоят, а не минусики...

Это везде. Это не баг. Недоработка.

Dexter
Подумай, какие я цели приследую - научить народ, выложить матерьал...

Эх, какой бескорыстный, добрый человек, побольше бы таких...

Давай без ироний
Глянь на сайт...скажем MSDN...нет, лучше на справочник Санклауд... Там вообще никакой граффики (в самом справочнике) - а посещаемость бешеная. А все почему - потому что контент рулит

ЗЫ: лучше критику давай, предложения. Что бы ты хотел бы видеть/изменить

Цитата

Санклауд

дай ссылочку, плз...

http://wdh.suncloud.ru/contents.htm

PS: давайте без оффтопа, пишем по теме...

Дизайн непосредственно справочника меня интересует

Итак, кто что скажет - делать справочник отдельно от дизайна, или впихнуть контент в такой же диз. как и на главной?

Отдельно от дизайна, закидай инфу в БД или по XML файлам, с последним через XSLT будешь генерить необходимый дизайн.

По моему очень классно получается
Только бэкграунд с постоянным javascript действительно бесит.
А в остальном - аккуратно. Мне понравилось!

Sardar
Подскажи. То, что в данный момент есть - это зачОт или нет?
http://www.jsguide.spb.ru/reference/test.php

Цитата(sergej @ 21.5.2005, 00:59)

Только бэкграунд с постоянным javascript действительно бесит.

Хм... убрать? Что вместо посоветуешь? Просто серенький фон как чичас пойдет?

Если не сложно пишите почаще. В общем-то хостинг предоставил домен бесплатно, но они хотят видеть активность на сайте в течении 3 месяцев )) Так что спешить есть куда

Цитата(Aliance @ 21.5.2005, 13:35)

Просто серенький фон как чичас пойдет?

да, думаю будет значительно лучше...

sergej.z, нет... может просто такой же простенький, но более красивый. может кому-то серый не нравится. может еще что. то, что простой (без вставки в основной - это понятно уже )
Нуц раз так - то все, вопрос решен. Буду заполнять сайт инфой. П вот и поиском все никак.

Цитата(Aliance @ 21.5.2005, 13:35)

Подскажи. То, что в данный момент есть - это зачОт или нет?

Ссылка даёт 404.

JavaScript на заднем фоне раздражет, если эт так нужно, то сделай очень прозрачные надписи(watermark).

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

Окно с контентом и меню слева - классно

Цитата(Sardar @ 21.5.2005, 18:31)

Ссылка даёт 404.

Да, это была тестовая. Я ее уже удалил.. Сегодня до конца дня буду делать...
И ссылки выложу на самом сайте, т.е. он уже будет полу-рабочим

Цитата(Sardar @ 21.5.2005, 18:31)

JavaScript на заднем фоне раздражет

Не вопрос, уберем

Цитата(Sardar @ 21.5.2005, 18:31)

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

Думаешься? Как же тогда понять где одно и где другое меню? Убрать или сделать серыми...?

Цитата(Sardar @ 21.5.2005, 18:31)

Окно с контентом и меню слева - классно

Это ирония или правда? :-)))

ЗЫ:
Sardar, остается 2 пункта:

• поиск
• гор. меню

По поводу второго. Нужны оригинальные идеи. Не хочу простого вып. меню. Нужно что-то потрясное :-)))
Есть идеи?

Цитата(Aliance @ 21.5.2005, 17:05)

или сделать серыми...?

Дизайн вроде хотим абсолютно без графики, потому надо выкручиваться стилями, сделай серыми шириной в 2px.

Цитата(Aliance @ 21.5.2005, 17:05)

Это ирония или правда? :-)))

Я серьёзно, не раздражает, удобно читаемо. Естественно меню слева не должно безгранично расширяться, потому в слое overflow: auto. Но при сильно развёрнутом меню будет раздражать эта прокрутка. Не плохо бы сделать возможность поднять меню над страницей и расширить на всю страницу, выбрал опцию, меню стало на своё место. Подзагрузку можно сделать динамическую. Сейчас занимаюсь "JSHttpRequest". К вечеру или завтра добью(начал для себя и для December'а )

Зря ты взял бесплатный хост. Они если что прибьют страницу и бита инфы не достанешь потом..

Aliance я у нашего админа хостинг на два года взял, давай лучше ко мне переезжай

Цитата(Sardar @ 21.5.2005, 19:15)

Дизайн вроде хотим абсолютно без графики, потому надо выкручиваться стилями, сделай серыми шириной в 2px.

чичас пойду есть, отдохну... через пару часиков займусь

Цитата(Sardar @ 21.5.2005, 19:15)

Я серьёзно, не раздражает, удобно читаемо. Естественно меню слева не должно безгранично расширяться, потому в слое overflow: auto. Но при сильно развёрнутом меню будет раздражать эта прокрутка. Не плохо бы сделать возможность поднять меню над страницей и расширить на всю страницу, выбрал опцию, меню стало на своё место. Подзагрузку можно сделать динамическую. Сейчас занимаюсь "JSHttpRequest". К вечеру или завтра добью(начал для себя и для December'а  )

Хм... оверфлов скоролл канечно можно, но оно нужно? Может лучше сделать так, чтобы страница вместе с блоком вниз уходила (раздвигалась?)
Да потом: а оно будет широкое?

sergej.z
Он как бы на платном хосте, на платном тарифе - только мне дали бесплатно, т.к. проект по их имхо имеет будущее

Цитата(Sardar @ 21.5.2005, 20:32)

Aliance я у нашего админа хостинг на два года взял, давай лучше ко мне переезжай

Чичас лето... я не знаю мои планы на ближайщие 3 месяца... может я вообще уеду куда-нибудь
А если брать - то сейчас, а деньги в пустую платить не есть гут
Я хотел у Админа взять хост...но потом нашел бесплатно этот (везде русские ищут халяву )

Я имел в виду если хостер будет давить и есть угроза разом потерять всё что делал, то держи проект у меня или бекап.

Sardar
Тык бекап я естественно делаю. И БД и самого сайта
Кроме того все файлы на рабочем столе :-)

Sardar, так что по поводу меню? Есть какие-нибудь задумки оригинальные?

Sardar
Ты об этих разделителях?

Присоединённый файл ( Кол-во скачиваний: 5 )
 menu.JPG

Цитата(Aliance @ 22.5.2005, 10:43)

Ты об этих разделителях?

Да. Их бы сделать серыми, при чём вертикальные в 2px.

Только вертикалье серыми?
Добавлено @ 12:01
Сделал. 2 пикселя, серые (#cccccc).
Так нормально? Может 3 пикселя?

Теперь лучше, только выровняй содержимое либо по центру, либо сделай отступ слева в 7px-15px.

Думаю с дизайном всей страницы хорошо получилось. Осталось продумать стили контента, текст, цитаты, код, термины, ссылки, ссылки на ресурсы вне твоего сайта, ссылки на загрузочные файлы и т.д.

Цитата(Sardar @ 22.5.2005, 15:05)

только выровняй содержимое либо по центру, либо сделай отступ слева в 7px-15px.

Там стоит уже отступ в 5px...
Сделал 15px. Да, действительно лучше спасип

Это сообщение отредактировал(а) Aliance - 22.5.2005, 16:11

Цитата(Sardar @ 22.5.2005, 15:05)

Осталось продумать стили контента

Уже вроде продуманы. Сделал отступы (красные строки), шрифт, цвет, размер. Что не так/что исправить?

Цитата(Sardar @ 22.5.2005, 15:05)

текст

Где конкретно? В контенте?

Цитата(Sardar @ 22.5.2005, 15:05)

цитаты

Для чего :-)

Цитата(Sardar @ 22.5.2005, 15:05)

код

А именно?

Цитата(Sardar @ 22.5.2005, 15:05)

термины

В плане?

Цитата(Sardar @ 22.5.2005, 15:05)

ссылки на ресурсы вне твоего сайта

Цитата(Sardar @ 22.5.2005, 15:05)

ссылки на загрузочные файлы

Цитата(Sardar @ 22.5.2005, 15:05)

ссылки

А что с ними не так?

Цитата(Sardar @ 22.5.2005, 15:05)

и т.д.

Что еще?

Цитата(Aliance @ 22.5.2005, 15:13)

... ... А что с ними не так?

Я имел в виду нужен некий стиль для оформления контента. Наприме термины у тебя сейчас подчёркиваються точками + title с пояснением. Это есть гуд. НО нужно это дело всё описать на бумаге, каким образом оформлять код, цитаты людей и многое другое. В жизни это всё будет описанно подключаемым стилем, но при вёрстке статьи мы точно знаем все классы ине нужно париться и оформлять код и т.п.

Короче ты к этому придёшь, сам

Цитата(Sardar @ 22.5.2005, 18:31)

НО нужно это дело всё описать на бумаге

Понял :-) Сделаю

Пока занимаюсь меню горизон... Как доделаю - выложу пример и начну постить стили контента...

Цитата(Aliance @ 24.5.2005, 22:35)

начну постить стили контента...

Все никак руки не доходят... Эх, без напоминания не вспомню =(((

Начал загружать контент в справочник. Ребят, смотрите (навигация по левому меню) - что не так?

Цитата(Aliance @ 3.6.2005, 17:54)

Все никак руки не доходят...

Цитата(Aliance @ 3.6.2005, 17:54)

Начал загружать контент в справочник

Потом это боков выйдет, если отформатируешь контент без общих правил стилей

О навигации слева, хочеться как в FAQ'е, кликать можно не только по листьям, но и по узлу, получая список дальнейший нод. Глянь здесь, кстати меню писал я

Во вторых почему инфа появляеться в новом окне? Не удобно. В третьих хорошо бы сделать описалово к опциям меню(узлам), которое всплывало бы подсказкой при наведении мыши(аттрибут title).

Цитата(Sardar @ 3.6.2005, 21:38)

Во вторых почему инфа появляеться в новом окне?

Разве? Хм...я думал полечил эту проблему =/

Цитата(Sardar @ 3.6.2005, 21:38)

В третьих хорошо бы сделать описалово к опциям меню(узлам), которое всплывало бы подсказкой при наведении мыши(аттрибут title).

А именно? На плюсиках или на самих ссылках?

Цитата(Sardar @ 3.6.2005, 21:38)

О навигации слева, хочеться как в FAQ'е, кликать можно не только по листьям, но и по узлу, получая список дальнейший нод

Посмотрим-с что можно будет сделать :-) Но проблема будет в том, что есть ноды не раскрывающиеся ...

Цитата(Sardar @ 3.6.2005, 21:38)

Потом это боков выйдет, если отформатируешь контент без общих правил стилей

Общие правила есть, просто они не выведены на всеобщее обозрение... сам знаешь по какой причине - я сеня последний день в и-нете ))) как приеду - сделаю)) на форум правда буду изредка забегать ))

Нужно бы подсветку сделать для кода...как думаете?

Цитата

Нужно бы подсветку сделать для кода...как думаете?

Обращайся к sergej.z, подсветка на этом форуме.

Так она на JS?! Я думал на PHP =)

На ПХП у Мал Хака

Aliance
при загрузке страниц форума, я замечаю, что подсветка появляется не сразу. Сначала я не понял почему... думал сначала, что на PHP работает подсветка, а потом решил, что это у меня на клиентской машине идет раскраска. Соотвественно JavaScript

Ну и правильно чего грузить сервер.

sergej.z
Видел, я похожий писал.
Просто думал форумный - тоже на php =) бум разбираться ))

Вообще советую тебе форумный взять. Там ещё многое стоящее будет добавлено

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

Сделал. Установил. Все прекрасно работает. Спасибо sergej.z.
Оцениваем

Алианс, можешь приписывать ссылку на свой сайт от сообщения к сообщению, тогда легче А то всё время на первую страницу за ней бегать приходится

Цитата(sergej @ 6.7.2005, 19:10)

Алианс, можешь приписывать ссылку на свой сайт от сообщения к сообщению, тогда легче  А то всё время на первую страницу за ней бегать приходится

Дык она в теме есть
Но все же ты прав: http://jsguide.spb.ru/

Кто-нибудь может протестить работу обратной связи. У меня лично все работает Кто найдет баги (как серверные, так и клиентские) - сообщяйте

Модератор:

Цитата(sergej @ 6.7.2005, 18:10)

Алианс, можешь приписывать ссылку на свой сайт от сообщения к сообщению, тогда легче smile А то всё время на первую страницу за ней бегать приходится smile

Так для этого специально и прошу в описании темы ставить адрес сайта

И ещё немного поясню.. В этом разделе всё таки даётся характеристика и работоспособность целого сайта или проекта. Когда речь идёт об обсуждении отдельных компонентов, например, таких как меню сайта или таже подсветка, то как это выглядит или чего не хватает, какие глюки - всё это относится к обсуждению сайта. А если начинается обсуждаться уже технические особенности и ещё не несколько страниц я всё же считаю это заслуживает отдельного топика в соответствующих разделах, в том же JavaScript. Просто хотелось бы видеть здесь сайт и его характеристика, и читать легко и воспринимается без технических тонкостей легче. Я допуская, что в некоторых случаях это можно делать, ну несколько постов, а то темы начинают разрастаться до кошмарных размеров

http://www.jsguide.spb.ru/reference/

нужно ли оставить текстом или сделать ссылки?