anonymous@RULINUX.NET~# | Last login: 2024-12-23 17:53:11 |
Регистрация Вход | Новости | Разметка | Пользователи | Галерея | Форум | Статьи | Неподтвержденное | Трекер | Правила форума | F.A.Q. | Ссылки | Поиск |
Форум - Web-development | [RSS] |
1. Извечная дилема и сколько народа столько мнений. Какой дизайн сайта лучше резиновый или фиксированный.
if(резиновый) {
2. То как при резиновом дизайне делать графическую шапку для сайта и низ сайта в таком случае, чтобы она тоже "тянулась" вместе с сайтом? }
else { 3. При фиксированном размере какую ширину сайта все-таки общепринято задавать? }
4. Как вставить в сайт быдлофлеш анимацию. То есть swf-файлик. Я думаю не так все просто это не gif.
5. Как лучше верстать таблицей или div-блоками. И то и то не трудно. Но все-таки. Тут тоже сколько народа столько и мнений.
anonymous(*) (2010-07-03 23:18:00)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.0
|
|
|
Скрыть
Re: Несколько вопросов по Web-дизайну.>Картинкой шириной в 1 пиксель и растягивающейся.
Ну да тоже вариант. А подскажите еще такую штуку. Вот у сайтов в углу есть логотип обычно в углу слева, а бывает в углу справа еще что-нибудь прилеплено. Вот как они прицепляюся. Просто в свойствах картинки ставишь атрибут align="left" для левой, а в случае правой align="right" и все? Просто интересуюсь потому-что сомневаюсь. Чтобы не изобретать велосипед, а как все делают. anonymous(*)(2010-07-03 23:31:33)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.0 |
Скрыть
Re: Несколько вопросов по Web-дизайну.>1. Извечная дилема и сколько народа столько мнений. Какой дизайн сайта лучше резиновый или фиксированный.
>2. То как при резиновом дизайне делать графическую шапку для сайта и низ сайта в таком случае, чтобы она тоже "тянулась" вместе с сайтом?
1. Сделать кусок фона "тянущимся", т.е. не теряющим художественной ценности из-за изменения размера. Например, вертикальный градиент или одноцветный кусок. Не всегда подходит, к сожалению. 2. Сделать фон заведомо больше текущего размера шапки, при растягивании он будет расширяться. Это полурешение, так как встречаются большие мониторы + вес картинки обычно нехорош. В таком случае можно комбинировать первый способ с этим, чтобы ограничить картинку. 3. То же самое, что и первое, но с извращённой вёрсткой. Лично видел товарища, который с небольшими костылями заставлял тянуться картинку с хитрыми диагональными полосами, так, что места стыка было не видно. Опять же, от фона зависит очень. В случае модных вебдванольных сайтов с одноцветным или градиентным фоном, проблема исчезает. Максимум надо в край воткнуть кусок статичной картинки, тут начинаются проблемы с минимальной шириной (привет ИЕ6), но это уже не то. >else { 3. При фиксированном размере какую ширину сайта все-таки общепринято задавать? }
>4. Как вставить в сайт быдлофлеш анимацию. То есть swf-файлик. Я думаю не так все просто это не gif.
Так, вроде, валидатор не ругается, а в случае embed - ругается. Вроде во всех браузерах нормально. >5. Как лучше верстать таблицей или div-блоками. И то и то не трудно. Но все-таки. Тут тоже сколько народа столько и мнений.
|
Скрыть
Re: Несколько вопросов по Web-дизайну.>Вот у сайтов в углу есть логотип обычно в углу слева, а бывает в углу справа еще что-нибудь прилеплено. Вот как они прицепляюся. Просто в свойствах картинки ставишь атрибут align="left" для левой, а в случае правой align="right" и все? Просто интересуюсь потому-что сомневаюсь. Чтобы не изобретать велосипед, а как все делают.
Тебе нужно: #some_id { float: left; } Или, если вёрстка через position, то координаты. Float лучше чем position во многих случаях, с ним в ИЕ глюков меньше. |
Скрыть
Re: Несколько вопросов по Web-дизайну.->Тебе нужно: >#some_id { float: left; }
anonymous(*)(2010-07-03 23:48:30)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.0 |
Скрыть
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-дизайну.>Вопрос вкуса, конкретного дизайна и возможностей верстальщика. Резиновый, имхо, более правильный, но иногда надо сильно постараться, чтобы добиться его нормального отображения. Плюс резиновость может быть разное - например боковые блоки могут быть фиксированными, при растягивающемся центре, а можно и всё делать растягивающимся. Это и от контента зависит тоже, и от интеллектуального уровня заполняющих сайт (к сожалению он решительно низок обычно).
anonymous(*)(2010-07-04 00:12:37)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.0 |
Скрыть
Re: Несколько вопросов по Web-дизайну.>Да мне кажется обычно резиновой делают серединку всегда, потому-что резиновые блоки по краям вдобавок к середине это по-моему уже неоправданный перебор.
|
Скрыть
Re: Несколько вопросов по Web-дизайну.Нерезиновых дизайнеров следует убивать ещё в детстве. В 21м веке, когда люди бровсят веб то с экранов мобилок 320х240 или 240х320 в зависимости от ориентации (мобилок, а не пользователей), то с экранов HDMI телевизоров 1920х1080, а некоторые при этом (/me покосился на свой юзерагент) фальсифицируют или отключают скрипты и идентификацию своего броузера и платформы из принципа или соображений безопасности - в такой ситуации у вебмастера только один выход: делать содержательный контент, который заинтересует пользователя вне зависимости от рюшечек которые он там налепит, ну и делать его таким образом, чтобы пользователь мог использовать возможности своего устройства вывода таким образом, как ему, пользователю, удобно. А не как какжется "красиво" какому-нибудь дизайнеру-гомосеку. Т.е. рабочая область экрана должна использоваться максимально эыыективно, пользователь должен иметь возможность подстроить отображение сайта под свои нужды (терминал брайля, экран наручных часов 600dpi, бегущая строка, экран размером со стадион или что ещё у него там) - следовательно ни фиксированные шрифты заданные в пикселах, ни фиксированная вёрстка не канают. Как workaround ты можешь предложить пользователю выбрать наиболее близкий к его устройству вариант дизайна, но при этом тебе придётся делать и поддерживать множество вариантов дизайна. Неизвестно ради чего при этом. Потому, что если тебе и закахут сайт, то это будет реклама какой-нибудь хуйни, не содержащая практически полезной информации которую ни один дебил не станет читать (пойди узнай на сайте archos или apple разрешение экрана их устройств в пискелах - имхо им просто насрать на тебя с такими дурацкими вопросами) и единственное, что от тебя требуется - это чтобы на экране зокащега твой сайт смотрелся приемлемо. |
Скрыть
Re: Несколько вопросов по Web-дизайну.Спасибо, ты кажется окончательно убил мои сомнения в плане резиновый дизайн vs нерезиновый дизайн. Разумеется в пользу резинового. :) Но все-таки почему же нерезиновый до сих пор используется так часто? anonymous(*)(2010-07-05 12:57:55)
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.1 |
Скрыть
Re: Несколько вопросов по Web-дизайну.Потому что проще делать рюшечки. Дизайнер-гомосек он о чём ведь думает? Он думает о норкотегах и педерастии, а потребности нормального пользователя, который пришёл на сайт его не интересуют. Ему надо по-быстрому заколотить немножко бабла на норкоту и анальные презервативы, а не думать о каких-то скучных вещах за которыми пользователи ходют на сайты. Поэтому дизайнер-гомосек нарисует в фотошопе картинку, представляющую его дизайнерское видение о том, как должен выглядеть веб-сайт, скидывает это всё верстальщикам и уходит ещё с обеда на свои гомосяцкие тусовки. А все остальные ебутся с его картинкой пытаясь сделать из неё веб-сайт потому, что им велено делать как дизайнер сказал.. По крайней мере мне таким представляется процесс производства сайтов, которые либо собираются в узкую полоску в левой четверти моего экрана, либо наоборот раскидываются в ширину нескольких экранов мобильного девайса. Сразу почему-то появляется мысль, что без пидораса там не обошлось. |
|
|
|
Этот тред читают 2 пользователя: |
Анонимных: 2 Зарегистрированных: 0 |
Re: Несколько вопросов по Web-дизайну.
> То как при резиновом дизайне делать графическую шапку для сайта и низ сайта в таком случае, чтобы она тоже "тянулась" вместе с сайтом?
Картинкой шириной в 1 пиксель и растягивающейся.
> Как лучше верстать таблицей или div-блоками. И то и то не трудно. Но все-таки. Тут тоже сколько народа столько и мнений.
Это как тебе удобней, хотя сейчас мода на div-блоки :)
//К.О.
Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.6) Gecko/20100627 Gentoo Firefox/3.6.6