Forum Webscript.Ru

Дизайн и Верстка => Обсуждение сайтов => Тема начата: NaCl от 13 Февраля 2002, 10:17:18

Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 13 Февраля 2002, 10:17:18
http://www.infostor.com.ua
Название: Не пинайте сильно, я только учусь...
Отправлено: NeoNox от 13 Февраля 2002, 11:55:04
С точки зрения графики, мне не очень градиенты. Меню тоже - не совсем удобно то что нужно к буквам подводить.  
Небольшие огрехи в самом коде HTML:
BODY {
   PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR:
}
(не ясно что же всетаки с BACKGROUND-COLOR)
и убрать (или оставить :) )


А вообще симпатично
Название: Не пинайте сильно, я только учусь...
Отправлено: MadDog от 13 Февраля 2002, 13:49:44
Цитировать
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;

эту строку можно записать гораздо короче
padding: 0px 0px 0px 0px;, где 1-е число top, 2-е - right, 3-e - bottom, 4-e - left.

В стилях не указан background-color:!!! Если в стилях написать background-color:#ECF1FF, то в теге BODY его (bgcolor="...") можно не указывать.

В пустые ячейки типа надо вставлять распорку (в NN этих ячеек не видно).

В ячейках писать valign="middle" не надо, т.к. по умолчанию параметр valign=middle.
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 13 Февраля 2002, 15:42:31
MadDog Я не знала, что можно записать коротко
Цитировать
padding: 0px 0px 0px 0px;,
- я это учту на будущее :)
MadDog
Цитировать
В пустые ячейки типа надо вставлять распорку (в NN этих ячеек не видно).
Если не трудно объясни подробней, я с этим не сталкивалась, буду очень благодарна. :beer:
Название: Не пинайте сильно, я только учусь...
Отправлено: MadDog от 13 Февраля 2002, 17:48:12
Цитировать
Я не знала, что можно записать коротко
Ну не только это. По такому же образцу можно задавать практически все стили, только порядок надо знать

Объясняю.
Сначала надо сделать прозрачный гиф размером 1х1. А в ячейке прописать так ""

Получиться однопиксельная черная полоса, в том случае если в теге TABLE стоит padding=0.

Если в пустой ячейке с таким гифом надо указать размер, то писать в теге TD width=".." не надо. достатчно указать нужный размер по высоте или ширине в атрибутах этой распорки.
Название: Да, а *.gif желательно брать оптимизированный
Отправлено: puh от 13 Февраля 2002, 19:04:15
Он занимает не больше 42 байт. Или использовать как предлагал Oak недавно.
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 22 Февраля 2002, 12:08:09
Я изменила полностью дизайн сайта и хочу услышать от критику, и конечно же совет(токо сильно не пинайте:))
Название: Не пинайте сильно, я только учусь...
Отправлено: puh от 22 Февраля 2002, 12:31:31
Интересно. Вот только два пожелания:
1. По мне - лучше разбить ban.gif на меньшие картинки, а то грузится долговато.
2. Коричневый hover с белого - не очень гармонирует с общей цветовой гаммой. Скорее что-то красное ИМХО.
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 22 Февраля 2002, 15:54:37
Цитировать
Интересно. Вот только два пожелания:
1. По мне - лучше разбить ban.gif на меньшие картинки, а то грузится долговато.
2. Коричневый hover с белого - не очень гармонирует с общей цветовой гаммой. Скорее что-то красное ИМХО.

Если разбить баннер на меньшие каринки, то места займет не меньше...
Название: Не пинайте сильно, я только учусь...
Отправлено: NeoNox от 22 Февраля 2002, 15:57:05
Здорово!
Я бы еще шрифт в меню изменил...Или может графикой его лучше?
Название: Не пинайте сильно, я только учусь...
Отправлено: bhor от 22 Февраля 2002, 16:05:47
Цитировать
Не пинайте сильно, я только учусь...

И первый и второй вариант сайта мне понравился. Для "я только учусь...." просто супер
Название: В догонку
Отправлено: bhor от 22 Февраля 2002, 16:07:59
Вот одно мне не нравится: эта надпись в статусбаре "Copyright.и т.п...."
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 25 Февраля 2002, 17:13:47
Цитировать
Я бы еще шрифт в меню изменил...Или может графикой его лучше?
Вот, со шрифтами у меня проблема... Я над этим еще буду работать.
Название: Не пинайте сильно, я только учусь...
Отправлено: puh от 25 Февраля 2002, 17:24:37
ВЕБ-ДИЗАЙН в меню сделай с , а то он у меня на 2 строчки спрыгивает.
И вот еще что: при слишком большом тексте получается боковые ячейки таблицы остаются в положении middle (см. print-screen (http://www.opera.yo.lv/Image3.gif))
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 25 Февраля 2002, 19:38:36
Цитировать
ВЕБ-ДИЗАЙН в меню сделай с , а то он у меня на 2 строчки спрыгивает.
И вот еще что: при слишком большом тексте получается боковые ячейки таблицы остаются в положении middle

Я над этим поработаю... Как-то незамечала, и что значит
,  я с эти не сталкивалась?
Название: Не пинайте сильно, я только учусь...
Отправлено: puh от 25 Февраля 2002, 19:56:19
- значит NO
:)
А если серьезно - то этот тэг не позволяет осуществлять перенос если слова не влазят в одну строку. Для таблицы можно использовать
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 26 Февраля 2002, 09:50:59
Спасибо.... я над этим поработаю...
Название: Вот счас спорить буду!!!
Отправлено: puh от 26 Февраля 2002, 11:01:00
Цитировать
Если разбить баннер на меньшие каринки, то места займет не меньше...

Пойми меня правильно - 27437 байт только для картинки - чрезвычайно много. Можно как-то извернуться. Вот ты например в чем делаешь? Может пришли source, а я подскажу как его лучше разбить без потери качества.
Я вот сохранил твой ban.gif у себя, уменьшил цвета до 19 и сделал *.PNG (который можно использовать вместо *.GIF). Результат - 21045 байт, т.е. почти на четверть меньше.
Подумай о модемщиках :), ведь им придется ждать 6-10 секунд только появления ban.gif.
Название: Не пинайте сильно, я только учусь...
Отправлено: Tepncuxopa от 26 Февраля 2002, 13:36:32
Цитировать
Если разбить баннер на меньшие каринки, то места займет не меньше...
Места займет не меньше, но грузиться будет быстрее (если ты для каждой картинки укажешь размеры). Вся графика на сайте загружается параллельно при известных размерах картинок. Единственный недостаток -- при плохом канале процесс загрузки будет некрасивым, но это уже крайности :)

А так, puh абсолютно верно заметил по поводу размеров рисунка. Попробуй оптимизировать его каким-нибудь оптимизатором (очень рекомендую Ulead SmartSaver).
Название: <nobr>
Отправлено: APL от 26 Февраля 2002, 18:34:26
какой-то текст

внутри тэга текст всегда будет в одну строчку т.е. не разбивается
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 27 Февраля 2002, 09:16:09
Я привыкла оптимизировать, только в GIF,а в PNG почему-то получалось больше... возможно я делала, что-то не правильно... Я побробую еще раз, увидим...
Цитировать
(если ты для каждой картинки укажешь размеры). Вся графика на сайте загружается параллельно при известных размерах картинок.
, а можно подробней, я знаю, что грузится не красиво, но не знаю, как исправить...И что это за
Ulead SmartSaver...
Извините, что много вопросов, но я токо начинаю...
Название: Не пинайте сильно, я только учусь...
Отправлено: Tepncuxopa от 27 Февраля 2002, 14:47:22
Цитировать
а можно подробней
О чем именно поподробнее?
Цитировать
что грузится не красиво, но не знаю, как исправить...
Тут нужно выбирать из двух зол меньшее: либо грузится красиво но долго, либо быстро грузится, но сам процесс вывода на экран загруженных картинок неравномерный. Ты, конечно, можешь порезать картинку на более мелкие (этим ты увеличишь скорость загрузки), и организовать вывод странички на экран только после окончательной загрузки (например, загнав ее всю в одну таблицу, или еще как-то извратиться). Но в этом случае пользователь будет сидеть перед чистым экраном до конца процесса загрузки, а это визуально удлинняет время ожидания (чисто психологический момент). Так что тебе выбирать.
Цитировать
И что это за Ulead SmartSaver
Это программа для оптимизации графики. В свое время я юзала триал и мне очень понравилось (ужимает гораздо лучше фотошоповского Save for Web). Потом, правда, я перестала работать с графикой для сайтов, поэтому покупка компакта отложилась на неопределенный срок.
Название: Совет
Отправлено: puh от 27 Февраля 2002, 14:58:13
Цитировать
PNG почему-то получалось больше...

Я вот использую Web Image Guru, очень доволен. Сжимает GIF, PNG и JPG. Куча настроек, классный алгоритм.
А вообще-то PNG разрабатывался как бесплатный аналог GIF (который просто так использовать с недавних пор запрещено)
Еще раз предлагаю помощь если NaCl пришлет оригинал.:)
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 28 Февраля 2002, 09:06:44
puh Я решила, просто уменьшить баннер... Вот залью, посмотрим...
Название: Не пинайте сильно, я только учусь...
Отправлено: NaCl от 28 Февраля 2002, 09:11:08
Tepncuxopa
Я уже написала, что решила уменьшить баннер, возможно здесь я выиграю во времени и красивой загрузке...
Название: а JPEG - лучше :)
Отправлено: Xander от 28 Февраля 2002, 09:28:03
про ban.gif:
рисунок сложный и в нем нет горизонтальных градиентов, которые хорошо отрабытывает алгоритм сжатия гифов. Я попробовал сделать в фотошопе из нее jpeg и получил при сжатии 20 размер в 12k. Потери качества почти незаметны.

Не всегда GIF лучше....
Название: Не пинайте сильно, я только учусь...
Отправлено: puh от 28 Февраля 2002, 12:53:05
Цитировать
в нем нет горизонтальных градиентов, которые хорошо отрабытывает алгоритм сжатия гифов

Ошибаешься, дорогой друг Xander ;), как раз таки вертикальные градиенты сжимаются gif\'ом лучше, так как построчная пробежка.
И все равно мой опыт говорит что при той же палитре и диффузии PNG занимает меньше места чем GIF.
Вот кстати статья Кирсанова об этом (рекомендую ознакомиться в первую очередь NaCl :))http://www.symbol.ru/dk/articles/gif.html
Название: да, конечно...
Отправлено: Xander от 28 Февраля 2002, 15:01:35
насчет градиентов я сильно стормозил. А эта картинка все равно лучше всего в жпеге :)