Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 04.05.2011, 03:44   #1
Furyon
Пользователь
 
Регистрация: 02.02.2011
Сообщений: 24
По умолчанию Вопрос с дизайном

Здраствуйте.

С чуством вкуса проблемы. Поэтому прошу Вас подсказать мне что подправить вот здесь gorno-altaysk.com чтобы сайт выглядел хоть немного привлекательным для пользователя.

В любом случае спасибо.
Furyon вне форума Ответить с цитированием
Старый 04.05.2011, 07:33   #2
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

Хорошая работа и хороший вкус.

Есть несколько пожеланий:
- Ссылки (элементы управления) должны быть все одного цвета и желательно синими. У Вас в разделе объявлений они черные.
- Текст/заголовки должны отличаться от ссылок (если конечно они сами не являются ссылками). У Вас они в некоторых местах имеют тот же свет как и ссылки. И в разделе объявлений посмотрите. Попробуйте использовать цвета - черный, серый, тёмно-синий.
- Переключатель страниц нужен ещё и с верху.
Совет о технической части:
- Объедините js и css файлы - люди с медленным соединением Вам скажут спасибо.
Виталий Желтяков вне форума Ответить с цитированием
Старый 04.05.2011, 23:01   #3
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

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

P.S. Попробуйте в меню слева увеличить шрифт, но при этом убрать font-weight: bold. Не знаю как всем, а мне шрифт начертаный бОльшим шрифтом но не толстый нравится больше, чем с меньшим кегелем, но жирный, причем высота обоих приблизительно одинакова
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 05.05.2011, 17:46   #4
Dj_SheLL
Форумчанин
 
Аватар для Dj_SheLL
 
Регистрация: 14.10.2009
Сообщений: 128
По умолчанию

Конкретно по коду:
1.Не используйте в div style,по стандарту вроде ВСЕ стили должны описываться в css.
2.Используйте валидацию XHTML.

По дизайну:
1.Хороший,не напрягающий дизайн,не напрягает глаз,всё читабельно.
2.Поправьте в календаре выделенный день.Не вписывается как-то простой квадрат.
3.Оформите красиво таблицы,но по миниму эффектов.
Dj_SheLL вне форума Ответить с цитированием
Старый 05.05.2011, 20:53   #5
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

Цитата:
Используйте валидацию XHTML.
К чёрту валидацию. Она только тормозит развитие интернета.
Виталий Желтяков вне форума Ответить с цитированием
Старый 05.05.2011, 21:16   #6
Dj_SheLL
Форумчанин
 
Аватар для Dj_SheLL
 
Регистрация: 14.10.2009
Сообщений: 128
По умолчанию

Цитата:
Сообщение от Виталий Желтяков Посмотреть сообщение
К чёрту валидацию. Она только тормозит развитие интернета.
Мда...тогда к чёрту кроссбраузерность и доздравствует "кривой" документ!!!
Просто напрашивается вопрос-а зачем же придумали вообще стандарты?!Чтобы у всех по разному отображался один и тот же сайт?!
Dj_SheLL вне форума Ответить с цитированием
Старый 05.05.2011, 22:53   #7
Magneto
Форумчанин
 
Аватар для Magneto
 
Регистрация: 10.02.2008
Сообщений: 178
По умолчанию

Валидный не означает кроссбраузерный.

XHTML больше не развивается.
Magneto вне форума Ответить с цитированием
Старый 05.05.2011, 23:54   #8
Bustle
Interdicted
Участник клуба
 
Аватар для Bustle
 
Регистрация: 25.11.2010
Сообщений: 1,194
По умолчанию

На некоторые браузеры можно просто напросто наплевать.
Love writing code and I am really passionate about it
Bustle вне форума Ответить с цитированием
Старый 06.05.2011, 10:59   #9
Виталий Желтяков
Старожил
 
Аватар для Виталий Желтяков
 
Регистрация: 19.04.2010
Сообщений: 2,702
По умолчанию

Цитата:
Мда...тогда к чёрту кроссбраузерность и доздравствует "кривой" документ!!!
Валидация и кроссбраузерность две совершенно разные вещи, порой даже противоречившие друг другу. Вспомните хотя бы невалидные хаки, обеспечивающие кроссбраузерность.

Не стандартизированные свойства и атрибуты не проходят валидацию, хотя являются правомерной частью DOM модели. На лицо противоречие.

Валидация - это лишь набор правил, которых следует придерживаться, но не следует ограничивать свои проекты соответствием валидации.
Виталий Желтяков вне форума Ответить с цитированием
Старый 14.05.2011, 09:11   #10
cssfixer
 
Регистрация: 04.05.2011
Сообщений: 8
По умолчанию

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

На мой взгляд:
1) Убрать разность шрифтов, то есть убрать georgia. Оставить везде один по стилю - Verdana.
2) Убрать выключку по формату, это когда текст в блоках занимают всю ширину. Между слов появляются не естественные пробелы, читать сложнее, глаз перепрыгивая через них ищет слова, что замедляет чтение. text-align: left будет лучше
3) Немного разряжены строки, я бы сделал line-height: 18px
4) text-indent убрать вообще, это применяется для книжной верстки, когда текст идет сплошным блоком и абзацы не отделяются пробелом. В вебе используют разделение текстовых блоков делая между ними отступ в пустую строку. Тем более в вашем случае текст и так отделен и сидит в отдельном блоке. text-indent не нужен тут совсем, так он вносит лишнюю «смуту» в вид текста.
5) Вот такие кавычки применяют для английского текста "Музейной ночи", русские кавычки это елочки, вот такие «». Если у вас есть возможность заменить их, будет только плюс.
6) Внизу текстовых блоков у вас текст который нажимается (Новости Горно-Алтайска, комментариев: 0) имеет тот же цвет и оформление что и текст, который не нажимается.
7) И последнее: кнопки страниц слишком замучены, зачем указывать какой-то интервал? Находясь на главной странице спросите любого, ему больше хочется попасть на интервал 31-40 или 51-60? Между ними нет никакой разницы, нет критерия по которому их можно разделить. Короче страницы в большой массе информации в вебе это лишь метки: я тут: кликаю дальше + показано сколько всего страниц, чтобы пользователь примерно понимал сколько ему еще кликать можно. То есть у меня предложение: сделайте обычные страницы: Предыдущая 1…2…3 … 55 Следующая

Техническая часть:
1) Я бы не использовал кодировку windows-1251, на других системах она часто дает каракули вместо русского текста, используйте UTF-8, вот тут обсуждают этот вопрос http://www.sd-company.su/sd_base_xp/..._vs_cp1251.php

Скажу из практики: создавая дизайн со всеми типографически правильными символами, нужно чтобы эти символы поддерживались кодировкой, UTF-8 поддерживает все необходимые кавычки « и типографически правильные длинные тире — и прочее.

Примерно так бы выглядел сайт, если убрать Georgia и сделать text-align: left (правда text-indent тут все портит, его надо убрать):

Последний раз редактировалось cssfixer; 14.05.2011 в 09:17.
cssfixer вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по mySQL + Вопрос по RichEdit HTL Общие вопросы Delphi 4 01.01.2010 20:22
Решил занятся веб дизайном Zveroboy Свободное общение 5 05.08.2009 01:25
Вопрос наверное про функции, а так точно даже не знаю про что. (Вопрос начинющего #6) Albert2008 Общие вопросы Delphi 4 21.08.2008 15:33
вопрос по сокетам и общение как в ICQ.Сложный вопрос... Руслантус Общие вопросы C/C++ 2 12.08.2008 21:10