• 15 апреля стартует «Курс «SQL-injection Master» ©» от команды The Codeby

    За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.

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

    Запись на курс до 25 апреля. Получить промодоступ ...

Нуждаюсь в критике сайта

  • Автор темы soniq
  • Дата начала
S

soniq

Здравствуйте !
Нужна ваша здравая критика.
Дизайн простецкий это понятно.
Интересно ваше мнение насчет гармоничности, информативности.
Заранее спасибо тем,кто уделит немного внимания !

Ссылка скрыта от гостей
сайт
 
1

1ive

Информация распределена не очень правильно.. (Больше всего внимания привлекает левое меню..На контент нет желания смотреть)
Контент не оформлен, а ведь информация - самое главное!

И что за название "тот"? какой тот? кто такой тот?

А в общих чертах - неплохо)
 
S

soniq

Спасибо за критику.Насчет контента...Планируется улучшить это за счет большего количества фотографий.
Вот только не совсем понял,что означает "информация распределена не правильно" ? ...
 
A

Acidslayer

Сайт напрягает, такой нагруз что хочется сразу уйти, чтоб голова не взорвалась...
 
V

vital

Acidslayer сказал(а):
Сайт напрягает, такой нагруз что хочется сразу уйти, чтоб голова не взорвалась...
Нажмите, чтобы раскрыть...
А мне вот тоже так показалось. Открыл и буквально через 10 секунд закрыл. Возможно, это просто из-за контраста между темным форумом, но по-моему белый на оранжевом это, простите, хана глазам. уж очень ярко и напрягающе. Долго читать не реально. По крайней мере мне и автору цитаты выше так точно. Мозг начинает болеть почти сразу.
 
A

Akupaka

vital, лечите нервишки, уважаемый )))

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

Хотя, я не дизайнер... :lovecodeby:
 
EmptyR

EmptyR

Веб мастер
06.10.2010
153
0
BIT
0
Не выдержал, кое о чём расскажу:
1. Уберите явное указание на e-mail info@totart.ru. Рекомендую преобразовать ваш e-mail в нечто наподобие капчи, т.е., буквы на неровностях, со штрихами, размытости и т.д. Иначе ваш e-mail подвержен спаму.
Вот мои два быстрых наброска (просто разного цвета буквы и шрифтов):

​
2. Ужал ваш /style.css. Прилагаю его к этому сообщению. Рекомендую заменить вашу версию файла на мою.
3. Позвольте узнать, для чего у вас на сайте в <body> находится вшитый стиль? Я был в небольшом ауте, когда увидел нечто похожее на ".стиль1" и т.д. Добавьте эти стили в файл /style.css, переименовав их в английские аналоги, типа .style1 и т.д.
4. У кнопок в верхнем левом углу ("Главная", "О нас", "Контакты") как то странно вертикально центрован текст, точнее вообще не центрован. Рекомендую текст поставить по центру кнопки, а не вверху её.
5."Порадовали" левое и правое меню. Никогда ещё не видел, чтобы блоки в них (заголовок + содержимое блока) верстались через <img> + <div>, обычно обходятся фоном у div-а без повторов и по верхнему центру.
6. Вы переборщили с классом current в CSS. Этот класс используется только как #menu li a.current, но его так же можно найти в боковых меню, для которых данный класс не имеет никакого значения. Уберите его оттуда, где он не используется.
7. И снова я вижу на сайте то, что меня просто выносит, это использование нескольких <br> для разделения контента... Наверное, это моя личная неприязнь к такому способу, но по мне лично, удобнее делать промежутки через CSS: margin и padding, например.
8. Стоит поменять все CSS свойства наподобие margin: 0 0 15px; на margin-bottom:15px;. Таким образом нужно уметь оптимизировать CSS код, чтобы он меньше весил, и работал быстрее.
9. Для левой и правой колонки вы используете файлы leftfon.gif и rightfon.gif, которые являются по факту одной и той же картинкой. Советую вам переименовать в fon.gif и ссылаться на неё как для левой колонки, так и для правой.
10. Я ужал картинки с сайта, и запихнул их в архив, приложенный к ответу.
11. На странице
Ссылка скрыта от гостей
в Дед Мороз и Снегурочка.Может быть нужно поставить пробел после точки.
12. Ещё одна крупная проблема - вы забыли закрыть мета тег description, свойство сontent!!! Это весьма "печально"!
13. Смените тип документа на 1.0 Transitional, это наиболее требовательный тип, а учитывая стиль оформления HTML кода, он вам как раз нужен, хотя, конечно, изменение doctype не избавит от всех ошибок, но остальные вы хотя бы сможете выявить сами. Для выявления рекомендую юзать
Ссылка скрыта от гостей
.

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

P.S.: Могу помочь переоформить цветовую гамму сайта, ибо, как правильно говорят люди, цвета подобраны, мягко говоря, плохо.
 

Вложения

  • style.css
    2,1 КБ · Просмотры: 518
  • img.7z
    426,8 КБ · Просмотры: 101
A

Akupaka

EmptyR сказал(а):
Да, возможно, некоторые подумают - "он придирается", но такой вот я, по-другому не умею, коли критикую сайт, то по полной и до мелочей
Нажмите, чтобы раскрыть...
Все правильно, так и надо. "Все дело в мелочах", тем более в html. Вот только, если обращаешься на "Вы", то надо писать с большой буквы :)

Добавлено:
EmptyR сказал(а):
8. Стоит поменять все CSS свойства наподобие margin: 0 0 15px; на margin-bottom:15px;. Таким образом нужно уметь оптимизировать CSS код, чтобы он меньше весил, и работал быстрее
Нажмите, чтобы раскрыть...
А в чем оптимизация состоит? Парсер правильней это съест? Если дело в битах, то "margin:0 0 15px" = 15 символов, а "margin-bottom:15px" = 18 символов :D
 
1

1ive

"Дед Мороз и Снегурочка.Может быть нужно поставить пробел после точки."
"Он придирается"

======

"Вот мои два быстрых наброска (просто разного цвета буквы и шрифтов):"
Буквы, шрифты - я что-то пропустил или это какбэ одно и то же? (и в каком месте они разного цвета?)

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

======

"Он придирается"

======

"<br> для разделения контента" - для контента - это нормально (а вот css отступы - маразм для контента).
В разметке я подобного не нашел.

=====

"Смените тип документа на 1.0 Transitional"
Ага. А если сменить на html - ошибок не будет совсем. (и можно будет хвастаться - "у меня сайт на html5")
 
A

Akupaka

1ive сказал(а):
Буквы, шрифты - я что-то пропустил или это какбэ одно и то же? (и в каком месте они разного цвета?)
Нажмите, чтобы раскрыть...
Вероятно, какой-то урок в школе ))) Буква это элемент алфавита, а шрифт это стилистическое оформление этих самых буков. Буква одна, а шрифт может быть разный. Тип того.
А в каком месте ты смотрел и сколько цветов отображает твой монитор? )))
1ive сказал(а):
Если и заменять на картинку, то такого же шрифта и цвета, что и вся подпись в футере
Нажмите, чтобы раскрыть...
Это же "творческий" сайт )))
 
1

1ive

Вероятно, какой-то урок в школе ))) Буква это элемент алфавита, а шрифт это стилистическое оформление этих самых буков. Буква одна, а шрифт может быть разный. Тип того.
А в каком месте ты смотрел и сколько цветов отображает твой монитор? )))
Нажмите, чтобы раскрыть...


В данном случае - шрифты и буквы - одно и то же.
И цвет их неизменен.

Появился только фон. (цвет шрифта и букв не изменился)

Если так придираться к сайту, думаю я имею право так же придраться к критику.
 
A

Akupaka

1ive сказал(а):
В данном случае - шрифты и буквы - одно и то же
Нажмите, чтобы раскрыть...
Согласен, ты супер придрался ))

1ive сказал(а):
И цвет их неизменен.
Появился только фон. (цвет шрифта и букв не изменился)
Нажмите, чтобы раскрыть...
А мы об одном и том же говорим?

На сайте, на странице Контактов указан способ сообщения - е-мэйл, который там же указан обычным текстом. EmptyR предложил вместо текста нарисовать картинку, и тут же предложил пару своих вариантов картинок: одна - разноцветные буквы, вторая такая же, но с каким-то фоном.
Либо ты о чем-то другом, либо я понять не могу )))
Вот скрины, сайт и мыло:
Ссылка скрыта от гостей

Форум, пост EmptyR:
Ссылка скрыта от гостей
 
H

hosm

шрифты, которые использованы для отображения букв, отличаются в надписи (название гарнитуры и цвет шрифта (возможно, и начертание - курсив)), два варианта надписи отличаются наличием фона во втором. =) кто меня перезанудствует? ;)
 
1

1ive

"Вот мои два быстрых наброска (просто разного цвета буквы и шрифтов)"
1- шрифты и буквы - одно и то же.
2- оба "наброска" - не "разного цвета буквы" и не "разного цвета шрифты"

ЧТО НЕ ТАК?

Добавлено:
Хотя... OKEN раскрыла мне глаза)
Просто видимо мы по разному поняли предложение.

EmptyR - учись писать понятно.
Ненавижу двусмысленные предложения.
 
H

hosm

1ive сказал(а):
ЧТО НЕ ТАК?
Нажмите, чтобы раскрыть...
Всё так, кроме того, что это занудство и придирки, похоже, не нужны топикстартеру в этой теме.
Знаешь, это мне напомнило ситуацию, когда один из наших форумчан указал на ошибки в названии и описании тем разделов форума. Но указал не очень корректно (напрягал общий тон сообщения), и ответом ему был поиск ошибок в его сообщении. Хотя указанные им ошибки потом нашли и поправили (даже больше, чем он указал), т.е. польза в этом вообще-то есть, но всё равно как-то неприятно ;)
 
1

1ive

И все же указанное мной в link removed является уже не ошибками ТС, а просто "что бы мне еще такого придумать, чтоб показать как все плохо, и сколько я, такой молодец, смог найти ошибок."

Ну да не будем об этом)
 
H

hosm

1ive лично я "пробел после точки" в конце предложения (перед новым предложением) занудством не считаю - это правило книжной верстки, тоже замечаю такие моменты (это как-то автоматом, как и некоторые грамматические ошибки, я не виновата) ;). на мелькавшем сегодня в разделе сайте (с сеткой вроде?) тоже этот недочет есть.
 
S

soniq

Перечитал все раз 10. После "Нового Года", я пока не совсем вникаю что тут происходит..)))

to EmptyR:
Спасибо что не поленились столько написать :discard:) С некоторыми замечаниями я полностью согласен, но не совсеми !
Если поточнее, то пункты 1,8 и 13 ! Ну и еще кое-что...

to Akupaka:
Спасибо за ваши варианты ! В недалеком будущем будет заказан профессиональный редизайн.
А сейчас хочется подправить лишь очивидные ошибки и неточности..
Что касается цветовой гаммы, то опять таки, менять все оформление пока нет смысла,
а вот изменить фон с белого на какой нибудь другой..(бежевый например) может быть и стоит.
Так как действительно очень контрастно по мнению большинства...

Всех с Новым Годом, и наступающим Рождеством !!!
 
Для ответа нужно войти/зарегистрироваться
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!

Верх Низ