Re: Несколько вопросов по Web-дизайну.

> То как при резиновом дизайне делать графическую шапку для сайта и низ сайта в таком случае, чтобы она тоже "тянулась" вместе с сайтом?
Картинкой шириной в 1 пиксель и растягивающейся.

> Как лучше верстать таблицей или div-блоками. И то и то не трудно. Но все-таки. Тут тоже сколько народа столько и мнений.
Это как тебе удобней, хотя сейчас мода на div-блоки :)

//К.О.

Re: Несколько вопросов по Web-дизайну.

>Картинкой шириной в 1 пиксель и растягивающейся.
То есть просто рисуешь полоску-столбик (допустим с красивым градиентом) и делаешь чтобы она зарепитилась по ширине блока шапки?

Ну да тоже вариант.

А подскажите еще такую штуку.

Вот у сайтов в углу есть логотип обычно в углу слева, а бывает в углу справа еще что-нибудь прилеплено. Вот как они прицепляюся. Просто в свойствах картинки ставишь атрибут align="left" для левой, а в случае правой align="right" и все? Просто интересуюсь потому-что сомневаюсь. Чтобы не изобретать велосипед, а как все делают.

Re: Несколько вопросов по Web-дизайну.

>1. Извечная дилема и сколько народа столько мнений. Какой дизайн сайта лучше резиновый или фиксированный.
Вопрос вкуса, конкретного дизайна и возможностей верстальщика. Резиновый, имхо, более правильный, но иногда надо сильно постараться, чтобы добиться его нормального отображения. Плюс резиновость может быть разное - например боковые блоки могут быть фиксированными, при растягивающемся центре, а можно и всё делать растягивающимся. Это и от контента зависит тоже, и от интеллектуального уровня заполняющих сайт (к сожалению он решительно низок обычно).

>2. То как при резиновом дизайне делать графическую шапку для сайта и низ сайта в таком случае, чтобы она тоже "тянулась" вместе с сайтом?
Несколько способов:

1. Сделать кусок фона "тянущимся", т.е. не теряющим художественной ценности из-за изменения размера. Например, вертикальный градиент или одноцветный кусок. Не всегда подходит, к сожалению.

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

3. То же самое, что и первое, но с извращённой вёрсткой. Лично видел товарища, который с небольшими костылями заставлял тянуться картинку с хитрыми диагональными полосами, так, что места стыка было не видно. Опять же, от фона зависит очень.

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

>else { 3. При фиксированном размере какую ширину сайта все-таки общепринято задавать? }
От совести дизайнера. 800px (меньше, с учетом скролла) на недобуках, но их не так много, да и люди там привыкшие. А в 800 ничего не влазит, и выглядит на большом экране пошло. Вообще я чаще видел другую проблему - тянущаяся вёрстка и минимальная ширина в 1000>, так как меньше - не влазит.

>4. Как вставить в сайт быдлофлеш анимацию. То есть swf-файлик. Я думаю не так все просто это не gif.
Года два назад я втыкал так:

 http://pastebin.ca/1894031

Так, вроде, валидатор не ругается, а в случае embed - ругается. Вроде во всех браузерах нормально.

>5. Как лучше верстать таблицей или div-блоками. И то и то не трудно. Но все-таки. Тут тоже сколько народа столько и мнений.
Таблицы для текста, или для тех случаев, где с div-ами много костылей. Div лучше просто потому, что с ним проще работать в темплейтах и при смене дизайна. Но и выводить табличные данные дивами явно не стоит.

Re: Несколько вопросов по Web-дизайну.

>Вот у сайтов в углу есть логотип обычно в углу слева, а бывает в углу справа еще что-нибудь прилеплено. Вот как они прицепляюся. Просто в свойствах картинки ставишь атрибут align="left" для левой, а в случае правой align="right" и все? Просто интересуюсь потому-что сомневаюсь. Чтобы не изобретать велосипед, а как все делают.
Не ставь древние тэги. Почитай про css. Я серьёзно, а то потом будет хз что в результате.

Тебе нужно:

#some_id { float: left; }

Или, если вёрстка через position, то координаты. Float лучше чем position во многих случаях, с ним в ИЕ глюков меньше.

Re: Несколько вопросов по Web-дизайну.

->Тебе нужно: >#some_id { float: left; }
То есть мне нужно под логотип в верху слева сайта отдельный div-блок выделить? То же самое с правым логотипом если есть тоже под него отдельный div-блок?

Re: Несколько вопросов по Web-дизайну.

Ну можно и на img-и ставить id и float. Если же логотип через background-image, то да, по диву. А вообще див никогда не помешает - мало ли что ещё надо будет влепить туда.

Более красивый вариант вообще такой - один большой див, с фоном справа без repeat: #header { background: url("/images/header_bg.jpg") no-repeat right top #F6F6F6; } (это правая картинка), а внутри дива лежит другой див, с флоат лефт (левая картинка). Ибо два флоата (райт и лефт) в одном диве иногда не идеально работают.

Ох уж этот хтмл...

Re: Несколько вопросов по Web-дизайну.

UPD: естественно, не стоит забывать, что див с фоном, но без содержимого и без выставленных размеров (высоты) обычно просто невидим, ибо не растягивается. Так что стоит на большой header не забыть что-то типа width: 100%; height: 100px;. Это если только картинку на фон ставить, без img-ов.

Re: Несколько вопросов по Web-дизайну.

>Вопрос вкуса, конкретного дизайна и возможностей верстальщика. Резиновый, имхо, более правильный, но иногда надо сильно постараться, чтобы добиться его нормального отображения. Плюс резиновость может быть разное - например боковые блоки могут быть фиксированными, при растягивающемся центре, а можно и всё делать растягивающимся. Это и от контента зависит тоже, и от интеллектуального уровня заполняющих сайт (к сожалению он решительно низок обычно).
Да мне кажется обычно резиновой делают серединку всегда, потому-что резиновые блоки по краям вдобавок к середине это по-моему уже неоправданный перебор.

Re: Несколько вопросов по Web-дизайну.

>Да мне кажется обычно резиновой делают серединку всегда, потому-что резиновые блоки по краям вдобавок к середине это по-моему уже неоправданный перебор.
В общем да, но когда посмотришь на это творение в 1920, оно не всегда выглядит приятно. Растягивающиеся блоки с хитрыми наворотами на тему размера шрифтов + min-width имхо смотрятся лучше. И сайт на любом расширении смотрится одинаково. Хотя да, в последнее время только с фиксированными блоками сталкиваюсь, они всяко проще.

Re: Несколько вопросов по Web-дизайну.

Нерезиновых дизайнеров следует убивать ещё в детстве. В 21м веке, когда люди бровсят веб то с экранов мобилок 320х240 или 240х320 в зависимости от ориентации (мобилок, а не пользователей), то с экранов HDMI телевизоров 1920х1080, а некоторые при этом (/me покосился на свой юзерагент) фальсифицируют или отключают скрипты и идентификацию своего броузера и платформы из принципа или соображений безопасности - в такой ситуации у вебмастера только один выход: делать содержательный контент, который заинтересует пользователя вне зависимости от рюшечек которые он там налепит, ну и делать его таким образом, чтобы пользователь мог использовать возможности своего устройства вывода таким образом, как ему, пользователю, удобно. А не как какжется "красиво" какому-нибудь дизайнеру-гомосеку. Т.е. рабочая область экрана должна использоваться максимально эыыективно, пользователь должен иметь возможность подстроить отображение сайта под свои нужды (терминал брайля, экран наручных часов 600dpi, бегущая строка, экран размером со стадион или что ещё у него там) - следовательно ни фиксированные шрифты заданные в пикселах, ни фиксированная вёрстка не канают. Как workaround ты можешь предложить пользователю выбрать наиболее близкий к его устройству вариант дизайна, но при этом тебе придётся делать и поддерживать множество вариантов дизайна. Неизвестно ради чего при этом. Потому, что если тебе и закахут сайт, то это будет реклама какой-нибудь хуйни, не содержащая практически полезной информации которую ни один дебил не станет читать (пойди узнай на сайте archos или apple разрешение экрана их устройств в пискелах - имхо им просто насрать на тебя с такими дурацкими вопросами) и единственное, что от тебя требуется - это чтобы на экране зокащега твой сайт смотрелся приемлемо.

Re: Несколько вопросов по Web-дизайну.

Спасибо, ты кажется окончательно убил мои сомнения в плане резиновый дизайн vs нерезиновый дизайн. Разумеется в пользу резинового. :) Но все-таки почему же нерезиновый до сих пор используется так часто?

Re: Несколько вопросов по Web-дизайну.

Потому что проще делать рюшечки. Дизайнер-гомосек он о чём ведь думает? Он думает о норкотегах и педерастии, а потребности нормального пользователя, который пришёл на сайт его не интересуют. Ему надо по-быстрому заколотить немножко бабла на норкоту и анальные презервативы, а не думать о каких-то скучных вещах за которыми пользователи ходют на сайты. Поэтому дизайнер-гомосек нарисует в фотошопе картинку, представляющую его дизайнерское видение о том, как должен выглядеть веб-сайт, скидывает это всё верстальщикам и уходит ещё с обеда на свои гомосяцкие тусовки. А все остальные ебутся с его картинкой пытаясь сделать из неё веб-сайт потому, что им велено делать как дизайнер сказал.. По крайней мере мне таким представляется процесс производства сайтов, которые либо собираются в узкую полоску в левой четверти моего экрана, либо наоборот раскидываются в ширину нескольких экранов мобильного девайса. Сразу почему-то появляется мысль, что без пидораса там не обошлось.