Новый сайт факультета

[Kenny]

Prefinal.
http://dev.qntzr.com.ua/

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

Адекватные комментарии внедрятся в следующие версии или обновления.

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

[broken-wings]

Жаль что не делом.

А зачем?
Люди пытались - без толку. Ты и сам справляешься.
Не всё гладко, конечно - чуть опаздываешь, чуть топчешься на месте с экспериментами, туду-лист так и остается ту-ду листом.
Но потенциал есть. Дерзай. И не слушай этих бездарей.

[zer_owlet]

Советы ты, конечно, обгадишь, но:
1. H1 на странице должен быть только 1. Это про новости на главной.
2. Кильни mailto:..., а то пауки адреса найдут очень быстро.
3. phone number или с большой или вообще замени на "P:". Но оно и так понятно что это номер...
4. Expire date of vacancy till -- я понимаю что это не путь джедая, но поставь ты уже календарь из jQuery UI. Да и форма широкая, тяжело работать.

Погавкались тут, конечно, славно. Но работа вызвала хоть какую-то реакцию, уже не мало. Но советы ты слушать не умеешь и не хочешь, а это хреново.

[Kenny]

Советы ты, конечно, обгадишь, но:
1. H1 на странице должен быть только 1. Это про новости на главной.
2. Кильни mailto:..., а то пауки адреса найдут очень быстро.
3. phone number или с большой или вообще замени на "P:". Но оно и так понятно что это номер...
4. Expire date of vacancy till -- я понимаю что это не путь джедая, но поставь ты уже календарь из jQuery UI. Да и форма широкая, тяжело работать.

Погавкались тут, конечно, славно. Но работа вызвала хоть какую-то реакцию, уже не мало. Но советы ты слушать не умеешь и не хочешь, а это хреново.

1. Стили то разные, логически да, согласен, а так, на что-то влияет?(seo например)
2. Ну я думаю эти ящики подключены как минимум к яндекс.почте:-)  или gmail. Боту ведь без разницы, парсить mailto или без него:) сделать адрес картинкой тоже не ок, вообщем наверное прятать не стоит, если есть какой-то адекватный способ, предлагайте.
3. Наверное не заметил, ок.
4. Это календарь сгенерированный фреймворком откликнувшийся на тип date:) Разумное предложение, забыл про него.

[Alder]

если есть какой-то адекватный способ, предлагайте.

1. <span class="mailme">info at site dot com</span>
2.

Код:

<script>
  $(document).ready(function() {    
    var spt = $('span.mailme');
    var at = / at /;
    var dot = / dot /g;
    var addr = $(spt).text().replace(at,"@").replace(dot,".");
    $(spt).after('<a href="mailto:'+addr+'" title="Написать e-mail">'+ addr +'</a>')
    .hover(function(){window.status="Написать e-mail!";}, function(){window.status="";});
    $(spt).remove();
  });
  </script>

[Kenny]

если есть какой-то адекватный способ, предлагайте.

1. <span class="mailme">info at site dot com</span>
2.

Код:

<script>
  $(document).ready(function() {    
    var spt = $('span.mailme');
    var at = / at /;
    var dot = / dot /g;
    var addr = $(spt).text().replace(at,"@").replace(dot,".");
    $(spt).after('<a href="mailto:'+addr+'" title="Написать e-mail">'+ addr +'</a>')
    .hover(function(){window.status="Написать e-mail!";}, function(){window.status="";});
    $(spt).remove();
  });
  </script>

Идея понятна, в режими паранойи можно еще at dot поменять на набор случайных символов и а на js сделать обфускацию , а как на счет параноиков с выключенным js? Подумаю еще как это решить можно еще.

[Alder]

Kenny, если у человека отключен js, то половина функций сайта работать не будет. Так что почта там роли особо не сыграет. Просто самый нормальный вариант, который оставляет возможность просто набрать адрес почты, если таки js отключён.

[Ohrim]

В разделе "Фотографии" при нажатии на любую из фотографий выводится пустое окно с превьюшками фотографий этого альбома и приходится еще раз клацать на интересующую. Было бы логичнее, если бы она сразу выводилась вместе с превьюшками.

[zer_owlet]

h1 -- название сайта.
h2 -- название страницы.
h3, h4, ... -- блоков.

[Kenny]

Kenny, если у человека отключен js, то половина функций сайта работать не будет. Так что почта там роли особо не сыграет. Просто самый нормальный вариант, который оставляет возможность просто набрать адрес почты, если таки js отключён.

Ну почему кроме карты вроде бы ничего работать не перестанет:) фотоальбом просто станет большой мозайкой из превью со ссылками.
(Отправлено в: Февраль 05, 2011, 11:11:12 )
 

Исправил.

В разделе "Фотографии" при нажатии на любую из фотографий выводится пустое окно с превьюшками фотографий этого альбома и приходится еще раз клацать на интересующую. Было бы логичнее, если бы она сразу выводилась вместе с превьюшками.

Ну почему, выводится первая фотография альбома. Хотя в принципе можно сделать чтобы она без перехода на другую страницу на этой же показывала слайдер на все окно браузера или в каком-нибудь флексбоксе.
(Отправлено в: Февраль 05, 2011, 11:27:52 )
 

h1 -- название сайта.
h2 -- название страницы.
h3, h4, ... -- блоков.

Поправил пару страниц. Но только h1 название страницы сделал, h2 подзаголовки и h3 заголовок блока.
(Отправлено в: Февраль 05, 2011, 11:35:25 )
 

3. phone number или с большой или вообще замени на "P:". Но оно и так понятно что это номер...

Исправил

[Alder]

Ну почему кроме карты вроде бы ничего работать не перестанет фотоальбом просто станет большой мозайкой из превью со ссылками.

Карта, расписание, фотоальбом Я не настаиваю, просто предложил тебе способ.

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

У меня работает именно так. Это одобрям-с. Хороший слайдер.

Вот еще графический артефакт заметил:


P.S. 1680x1050, FF 3.6.13

[Ohrim]

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

Вот что сразу показывает в Опере при нажатии на любую фотографию альбома:

[zer_owlet]

1. Вычитай текст. Много ляпов типа "Длительность обучения 2,5 года (занятия по субботам и воскресеньям).". Должно быть: "Длительность обучения -- 2,5 года. Занятия по субботам и воскресеньям.". Пробелы отсутствуют во многих местах: "Магдебургском университете им.Отто-фон Герике(Германия).", а должно быть "Магдебургском университете им. Отто-фон Герике (Германия)."

2. Перед текстом должен быть заголовок стнарицы:
<h2>Абитуриентам</h2>
<p>Факультет КИТА Донецкого национального технического университета имеет высший IV–й уровень аккредитации и лицензии на подготовку бакалавров, специалистов и магистров по отраслям, направлениям, специальностям, представленным в таблице ниже.</p>

3. Языки лучше сделать флагами и поставить под меню. Там они смотрятся неуютно.

4. © 2011 ДонНТУ -- ДонНТУ должен быть ссылкой.

(Отправлено в: 05 Февраль 2011, 12:29:13)
 Новости:
1. Разный стиль в архиве (Конференция председателя профбюро
 30-01-2011) и на главной (30-01-2011 » Конференция председателя профбюро).
2. Новость будет такой короткой? ИМХО нужно заголовок новости сделать ссылкой на полный текст новости.
3. В архиве "« Предыдущая Следующая »" даже при трех новостях. Эти элементы должны быть толкьо тогда, когда они активны.
4. Архив новостей лучше сделать по годам и годы сделать подпунктами меню "Новости".

(Отправлено в: 05 Февраль 2011, 12:33:40)
 История:
1. Текст -- просто ппц. "С декабря 1981г. по февраль 1986г. факультет возглавил ..." -- он возглавлял, раз есть финальная дата.

2. Мешанина в тексте кошмарная. Картинки вставлены по принципу "куда упала -- туда упала". Кто на фотографиях не понятно совершенно. Нужно разделить их на нормальные абзацы.

3. Фотографий можно и побольше. На стенде история была показана очень хорошо.

Кафедры:
1. Добавить логотипы и описания. Если будет просто список, но лучше перекинуть в Историю.

Сотрудничество:
1. Форму сделать уже, а текст переместить справа от нее.
2. Показать список фирм, которые уже разместили свои вакансии.
3. З/П -- лучше список выпадающий с вариантами.
4. "Поля «Название предприятия», «Контактное лицо», «Телефон», «Требования» обязательны для заполнения." -- это должно быть показано звездочками и подсказкой что поля со звездами обязательные.

Расписание:
1. Ох и муторно будет вбивать занятия. А верхняя и нижняя неделя -- как их правильно и понятно сделать в гуглевом календаре?
2. При гуглевом календаре много ненужного свободного места. Пары заканчиваются гараздо раньше чем 11PM, т.е. этот кусок будет ненужной простыней. Лучше просто табличку сделать, тогда все поместится на одной странице.
3. Расписание консультаций должно быть.

Деканат -- а у самого деканата телефона нет? В какое время можно звонить? Как зовут секретаршу? Когда ее можно найти на месте? Когда можно найти на месте людей из списка? Как их можно найти (номер кабинета)?

Как нас найти -- а этаж какой? Какой номер кабинета?

[Alder]

Вот что сразу показывает в Опере при нажатии на любую фотографию альбома:

Проверил. Подтверждаю. Версия: 11.01
(Отправлено в: 05 Февраль 2011, 12:53:31)
 Предложение по слайдеру - сделать подписи полупрозрачными в нижней части фотографии. Не очень удобно каждый раз "i" нажимать.

[Kenny]

Вот еще графический артефакт заметил:


P.S. 1680x1050, FF 3.6.13

Да, вижу, что везде по разному получается, у кого такое же было, у вас масштаб страницы стоит 100%? Посмотрю, попробую переписать на css это все.
(Отправлено в: Февраль 05, 2011, 05:01:01 )
 

Вот что сразу показывает в Опере при нажатии на любую фотографию альбома:

Проверил. Подтверждаю. Версия: 11.01
(Отправлено в: 05 Февраль 2011, 12:53:31)
 Предложение по слайдеру - сделать подписи полупрозрачными в нижней части фотографии. Не очень удобно каждый раз "i" нажимать.

Да, проверил, почитаю баг трекер слайдера, наверное есть какое-то решение.
По поводу инфы, да тоже не очень понравилось, посмотрю что можно сделать, хотя может быть и другой слайдер подключу, т.к. этот некорректно работает с ie6, ie7.

[Alder]

По поводу инфы, да тоже не очень понравилось, посмотрю что можно сделать, хотя может быть и другой слайдер подключу, т.к. этот некорректно работает с ie6, ie7.

Попробуй http://nivo.dev7studios.com/.

Да, вижу, что везде по разному получается, у кого такое же было, у вас масштаб страницы стоит 100%?

Да, 100%.

[Kenny]

1. Вычитай текст. Много ляпов типа "Длительность обучения 2,5 года (занятия по субботам и воскресеньям).". Должно быть: "Длительность обучения -- 2,5 года. Занятия по субботам и воскресеньям.". Пробелы отсутствуют во многих местах: "Магдебургском университете им.Отто-фон Герике(Германия).", а должно быть "Магдебургском университете им. Отто-фон Герике (Германия)."

2. Перед текстом должен быть заголовок стнарицы:

3. Языки лучше сделать флагами и поставить под меню. Там они смотрятся неуютно.

4. © 2011 ДонНТУ -- ДонНТУ должен быть ссылкой.

(Отправлено в: 05 Февраль 2011, 12:29:13)
 Новости:
1. Разный стиль в архиве (Конференция председателя профбюро
 30-01-2011) и на главной (30-01-2011 » Конференция председателя профбюро).
2. Новость будет такой короткой? ИМХО нужно заголовок новости сделать ссылкой на полный текст новости.
3. В архиве  Предыдущая Следующая  даже при трех новостях. Эти элементы должны быть толкьо тогда, когда они активны.
4. Архив новостей лучше сделать по годам и годы сделать подпунктами меню "Новости".

(Отправлено в: 05 Февраль 2011, 12:33:40)
 История:
1. Текст -- просто ппц. "С декабря 1981г. по февраль 1986г. факультет возглавил ..." -- он возглавлял, раз есть финальная дата.

2. Мешанина в тексте кошмарная. Картинки вставлены по принципу "куда упала -- туда упала". Кто на фотографиях не понятно совершенно. Нужно разделить их на нормальные абзацы.

3. Фотографий можно и побольше. На стенде история была показана очень хорошо.

Кафедры:
1. Добавить логотипы и описания. Если будет просто список, но лучше перекинуть в Историю.

Сотрудничество:
1. Форму сделать уже, а текст переместить справа от нее.
2. Показать список фирм, которые уже разместили свои вакансии.
3. З/П -- лучше список выпадающий с вариантами.
4. "Поля «Название предприятия», «Контактное лицо», «Телефон», «Требования» обязательны для заполнения." -- это должно быть показано звездочками и подсказкой что поля со звездами обязательные.

Расписание:
1. Ох и муторно будет вбивать занятия. А верхняя и нижняя неделя -- как их правильно и понятно сделать в гуглевом календаре?
2. При гуглевом календаре много ненужного свободного места. Пары заканчиваются гараздо раньше чем 11PM, т.е. этот кусок будет ненужной простыней. Лучше просто табличку сделать, тогда все поместится на одной странице.
3. Расписание консультаций должно быть.

Деканат -- а у самого деканата телефона нет? В какое время можно звонить? Как зовут секретаршу? Когда ее можно найти на месте? Когда можно найти на месте людей из списка? Как их можно найти (номер кабинета)?

Как нас найти -- а этаж какой? Какой номер кабинета?

1. Я в текстах только сильно явные правки делал, вроде двойных пробелов или стремных ковычек.
2. Справа ведь понятно где ты, зачем масло масляное?
3. Как по мне замечательно, прямо над переводимым контентом(было внутри на сером фоне), а в меню оно было бы как меню, нелогично и не эстетично, я против картинок.
4. Ссылкой? аргументируй почему:)

новости
1. Исправил.
2. Да такой, максимум будут ссылки ещё. Надо фотки, в фотоальбом, надо файлик, ссылку в новость.
3. Это тоже автомагия фреймворка, ограничение на страницу 10, но для таких зануд конечно сделаю неактивным и спрячу
4. Работают ссылки такого типа http://dev.qntzr.com.ua/rus/topics/index/2011/1/12 и http://dev.qntzr.com.ua/rus/topics/all/2011/1/20 но скорее для поисковых машин, чем для пользователей. Посмотрю, может прикручу какой-то интерфейс для выбора даты или диапазона .

история
1. Я к текстам не имею отношения, но если есть желание помочь и пограть в grammar nazi то могу эти все тексты в открытый доступ выложить, а там уже кому не лень их поправят:) Надо еще внести исправления в украинской версии которые мне дал novichok.
2. Гм, почему там где рассказывается про конкретного декана, на этом же уровне в абзаце фото, хотя возможно если сделать его не обтекаемым снизу может лучше будет, попробую.
3. Каком стенде?  если побольше, то да, надо с обтеканием переделать, см. пункт 2.

кафедры
1. Нет, в сторию не стоит 100%, тебе нужна ссылка, ты её будешь в истории искать? с эмблемами да, можно, поищу какие есть.

сотрудничество
1. Текст справа от формы О_О, ты про label текст или про тот что сверху? если про label то к тебе сейчас тапок в окно от юзабилистов из космоса прилетел:)
2. Есть ссылка вверху «Посмотреть вакансии». Если сделать этот список ниже формы, тогда будут 100500 раз нажимать отправить, потому что она внизу не появляется(модерация).
3. И checkbox «зарплата в конверте» , и какие варианты ты предлагаешь?
4. Поля выделены жирным, ок, добавлю еще звездочек.

расписание
1. Да не, я свое минут за 15 набрал(в экселе сделать где-то так же займет), зато какие возможности интеграции и добавления куда угодно открываются:) Никаких верхняя/нижняя, чтобы даже не задумываться какая сейчас, листаешь неделю и видишь то что надо. Добавлять тоже просто, задаешь повторение события через каждый две недели.
2. Да согласен, но при табличке читаемость уменьшиться в разы. С другой стороны будет сразу обзор на весь день, хотя сделать так чтобы показывало с 8.00 было бы неплохо, но увы iframe. Можно переключить в обзор на месяц, но врядли так нагляднее будет.
3. Для своей группы я добавлю:) но для остальных это утопия, т.к. это раписание сугубо по выбору преподавателя. Могу раздать права на календари для активистов и партизан своих групп:)

деканат, как найти, да, надо добавить.

[zer_owlet]

>> 2. Справа ведь понятно где ты, зачем масло масляное?

Просто эстетика. Как-то принято указывать заголовок, чтобы юзер не читал страницу по пути №2, а читал по пути №1 (см. прикрепленный файл).

>> 4. Ссылкой? аргументируй почему:)

Раз уж ты указал название и у этого названия есть сайт, нужно использовать ссылку.

>> история
>> 1. Я к текстам не имею отношения, но если есть желание помочь и пограть в grammar nazi то могу эти все тексты в
>> открытый доступ выложить, а там уже кому не лень их поправят:) Надо еще внести исправления в украинской версии которые мне дал novichok.

не-не-не... как говориться в пословице: "ваша дочь -- е*те сами" )) я дальше советов не пойду.

>> 2. Гм, почему там где рассказывается про конкретного декана, на этом же уровне в абзаце фото, хотя возможно если
>> сделать его не обтекаемым снизу может лучше будет, попробую.

Я стрелками показал в прикрепленном файле что имелось в виду. Не ясно к какому абзацу относится фотографии.

>> 1. Текст справа от формы О_О, ты про label текст или про тот что сверху? если про label то к тебе сейчас тапок в окно от
>> юзабилистов из космоса прилетел:)

Форму лучше сделать уже, потому что тяжело работать. Приходится угадывать какой заголовок к какому элементу. В этом случае, сопроводительный текст вполне поместится справа, чтобы не оставлять пустых мест.

>> 2. Есть ссылка вверху «Посмотреть вакансии». Если сделать этот список ниже формы, тогда будут 100500 раз нажимать
>> отправить, потому что она внизу не появляется(модерация).

Я имел в виду другое: я, как представитель, захожу на эту страницу и вижу что, например, Киевконти и ДМЗ уже размещали свои вакансии. Это уважаемые конторы, так что я присоединюсь.

>> 3. И checkbox «зарплата в конверте»  , и какие варианты ты предлагаешь?

До 1000 грн.
1000 грн. - 1500 грн.
1500 грн. - 2000 грн.
2000 грн. - 5000 грн.
5000 грн. - 10000 грн.
Свыше 10000 грн.

>> 4. Поля выделены жирным, ок, добавлю еще звездочек.

Щас словами указано какие поля обязательные. Юзер не должен постоянно сверяться с этим списком. А почему заголовки жирные -- дык хз.

[Kenny]

Просто эстетика. Как-то принято указывать заголовок, чтобы юзер не читал страницу по пути №2, а читал по пути №1 (см. прикрепленный файл).

Ок, но не очень убедил:)

Раз уж ты указал название и у этого названия есть сайт, нужно использовать ссылку.

Тогда получается логически что вся информация взята оттуда, что является неправдой

Я стрелками показал в прикрепленном файле что имелось в виду. Не ясно к какому абзацу относится фотографии.

ну огромные дыры между абзацами тоже не вариант, попробую что-то вроде такого

Форму лучше сделать уже, потому что тяжело работать. Приходится угадывать какой заголовок к какому элементу. В этом случае, сопроводительный текст вполне поместится справа, чтобы не оставлять пустых мест.

Как по мне все ок и читаемо, разве что сделаю подсветку, чтобы onfocus был подсвечен.

Я имел в виду другое: я, как представитель, захожу на эту страницу и вижу что, например, Киевконти и ДМЗ уже размещали свои вакансии. Это уважаемые конторы, так что я присоединюсь.

Ну как только они появятся сделаю такое над формой.

До 1000 грн.
1000 грн. - 1500 грн.
1500 грн. - 2000 грн.
2000 грн. - 5000 грн.
5000 грн. - 10000 грн.
Свыше 10000 грн.

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

Щас словами указано какие поля обязательные. Юзер не должен постоянно сверяться с этим списком. А почему заголовки жирные -- дык хз.

Спасибо что смоделировал упертого и дотошного юзера))

[zer_owlet]

>> Тогда получается логически что вся информация взята оттуда, что является неправдой

Дык а зачем тот копирайт вообще?

>> Как по мне все ок и читаемо, разве что сделаю подсветку, чтобы onfocus был подсвечен.



ИМХО гараздо удобнее работать с формой, если не нужно между лейблом и элементом соответствия находить. Между "Телефон" и его элементом 200 пикселей -- это ужас.

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

С диапазоном легче работать. Юзер не будет писать: "от 1045 грн до 3452 грн", потому что лень. С выпадающим списком больше вероятность что юзер зарплату укажет.

[Kenny]

Дык а зачем тот копирайт вообще?

Ссылка будет еще в лого, сделаю ссылку, но без нижнего подчеркивания, а с подсветкой при наведение.

ИМХО гараздо удобнее работать с формой, если не нужно между лейблом и элементом соответствия находить. Между "Телефон" и его элементом 200 пикселей -- это ужас.

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

С диапазоном легче работать. Юзер не будет писать: "от 1045 грн до 3452 грн", потому что лень. С выпадающим списком больше вероятность что юзер зарплату укажет.

И узнает что она на самом деле не соответствовала:) пускай так останется. Хотя бы напишет, что зарплата договорная.