Азбука Web-дизайнера

Все что связано с Дизайном и Веб-Дизайном. От полиграфии и рекламных роликов до хостингов выпадающих менюшек и фреймов :)

Азбука Web-дизайнера

Сообщение Rulchik » Ср окт 02, 2002 10:01 pm

Это топик открываю для начинающих "вэберов". Предпосылка находится здесь: <a href='http://fileforum.ru/viewtopic.php?t=1042&postdays=0&postorder=asc&start=180' target='_blank'>http://fileforum.ru/viewtopic.php?t=1042&p...r=asc&start=180</a>

Мытя:
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Всем!Всем!Всем!  
Чему равен 1 пиксель?  
Ширина страницы А4 - это сколько пикселей?<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

necromant:
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Смотря какое разрешение установлено (pix/inch?) <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

Мытя:
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Допустим 800х600 или еще какое, то сколько? <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

Rulchik:
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->800х600 - это разрешение экрана. Если у тебя монитор 19", то на экране при таком разрешении один пиксель будет равнятся примерно 0,45 мм. На монике 15" 1 пиксель = примерно 0,35 мм.<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

Rulchik:
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->А вот это уже (по поводу А4) никак к веб-дизайну не относится. Но всё равно сообщу: ширина страницы А4 - это ровно столько пикселей (вернее, точек - dpi, Dot Per Inch, точек на дюйм), сколько ты сможешь на ней разместить. Захочешь поставить одну жирную точку на весь лист - будет разрешение 1 dpp (Dot Per Page) <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

Мытя
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Мне это как раз для WEBa и надо. Ведь в учебниках пишут, что WEB-страница должна быть от 600 до 740 пикселей. И сначала надо сделать на листочке карандашем эскиз (или в любой графичесакой программе). А как их отмерить? У одного нашел: один пиксель -приблизительно 4 мм. У тебя 1 к 0,35.  
Объясни.  
Может еше кому непонятно, пусть читают то же. <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->

Эскиз не имеет никакого отношения к разрешению. Он делается только для того, чтобы ты мог примерно оценить внешний вид своего сайта. Точно также, как художник может сделать эскиз пятиметрового полотна на клочке бумаги. А вот в будущем твоя задача будет состоять в том, чтобы уложить все свои художественные замыслы в заветные 740 точек.

Едем дальше. Словосочетание "разрешение экрана 800х600" означает, что наш экран - это прямоугольник со сторонами 800 пикселей по горизонтали и 600 по вертикали. Если экран большой, то и пиксели получаются большими, если маленький - наоборот. Т.е. при данном разрешении кол-во пикселей от размера экарна не зависит. Самое слабое разрешение на сегодняшний день составляет 640х480. Умножаем 640 на 4 мм, и получаем моник шириной 2,56 МЕТРА!!! Если же учесть, что самое популярное сейчас разрешение 1024х768, получается монитор с видимой областью 4,09х3,07 метра. Видимо, этот твой "один", у которого ты "нашёл", юзает печально известный экран на Манежной площади <!--emo&;)-->Изображение<!--endemo-->.

Чтобы не было пикселей размером со слона, мы увеличиваем разрешение. Размеры монитора, само собой, остаются прежними, а вот пиксели, чтобы их больше поместилось на экране, приходится уменьшать. Соответственно, уменьшается и вся картинка, на экране можно уместить больше информации. При разрешении 1280х1024 я могу одновременно просматривать два сайта, оптимизированных под 640х480, без потери визуального контента.

Остаётся только заметить, что в WWW, благодаря наличию в браузерах прокрутки, вертикальный размер в расчёт не берётся.

P.S. Мдя... Понаписал всякого, что самому не понятно <!--emo&:)-->Изображение<!--endemo-->. Хреновый из меня препод <!--emo&:D-->Изображение<!--endemo-->. Но всё равно спрашивайте, что не понятно - попробуем разжевать <!--emo&;)-->Изображение<!--endemo-->.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Open Gamer » Чт окт 03, 2002 12:57 am

<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin--> Ведь в учебниках пишут, что WEB-страница должна быть от 600 до 740 пикселей. И сначала надо сделать на листочке карандашем эскиз<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->Нарисуй себе на листочке ЛЮБОГО абсолютного размера прямоугольник, стороны которого относятся как 600:740. И размещай в нем свои объекты, чтоб смотрелось сообразно. <!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->(или в любой графичесакой программе)<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->В любой сколь-нибудь серьезной графической программе ты можешь установить в качестве единиц измерения пиксели. И не морочить голову ни себе, ни кому.
Капитан, обветренный об скалы...
Open Gamer
Полковник
 
Сообщений: 1051
Зарегистрирован: Сб апр 20, 2002 5:39 pm
Откуда: г. Св. Петра
Пункты репутации: 0

Сообщение Миша Спларов » Чт окт 03, 2002 9:44 am

2Rulchik
Какой по твоему оптимальный размер шрифта на страницах?
«Проектирование интерфейсов — увлекательный дизайнерский процесс. Схожее удовольствие можно получить от сложной верстки, от создания многомерных схем и решения других задач на логику и эстетику». (q) A. Лебедев
Миша Спларов
Генерал-лейтенант
 
Сообщений: 3022
Зарегистрирован: Пн апр 22, 2002 7:58 am
Откуда: Россия, Томск
Пункты репутации: 0

Сообщение Rulchik » Чт окт 03, 2002 9:59 am

Mr. Marshal
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Какой по твоему оптимальный размер шрифта на страницах?<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
Самое оптимальное, по-моему - это вообще не ограничивать шрифты по размеру. Пусть у человека будет стандартный выбор из крупного, среднего и мелкого. Некоторые сайты бывает очень трудно читать, т.к. размер букв стремится к нулю. Если необходимо, в HTML пользуйся плюсом и минусом, а в CSS - процентами.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Миша Спларов » Чт окт 03, 2002 10:18 am

2Rulchik
Например ты заходил на мою страницу, сколько процентов мне надо выставить, чтобы по дефолту они были такие-же как сейчас?
«Проектирование интерфейсов — увлекательный дизайнерский процесс. Схожее удовольствие можно получить от сложной верстки, от создания многомерных схем и решения других задач на логику и эстетику». (q) A. Лебедев
Миша Спларов
Генерал-лейтенант
 
Сообщений: 3022
Зарегистрирован: Пн апр 22, 2002 7:58 am
Откуда: Россия, Томск
Пункты репутации: 0

Сообщение Rulchik » Чт окт 03, 2002 11:46 am

Mr. Marshal
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->сколько процентов мне надо выставить, чтобы по дефолту они были такие-же как сейчас? <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
Попробуй определить это опытным путём. Например, здесь: <a href='http://www.gonza1.narod.ru/' target='_blank'>http://www.gonza1.narod.ru/</a> выставлен размер 95%.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Мытя » Чт окт 03, 2002 1:41 pm

Rulchik
Молодец, мне все понятно.
Я в Corele вместо пикселей поставил "пкс", а надо было "точки". А 740 пкс - это около 70 мм. Нифига себе, думаю страничечка в интернете.
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->Попробуй определить это опытным путём. Например, здесь: <a href='http://www.gonza1.narod.ru/' target='_blank'>http://www.gonza1.narod.ru/</a> выставлен размер 95%. <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
А 95 % от чего?
Мытя
Капитан
 
Сообщений: 168
Зарегистрирован: Чт авг 01, 2002 8:58 pm
Пункты репутации: 0

Сообщение Rulchik » Чт окт 03, 2002 1:50 pm

Мытя
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->А 95 % от чего?<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
От размера шрифта, установленного в браузере по умолчанию.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Мытя » Чт окт 03, 2002 7:28 pm

Rulchik
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->От размера шрифта, установленного в браузере по умолчанию. <!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
А почему не 100%. ведь я в браузере 5 размеров могу поставить, какой мне надо?
Мытя
Капитан
 
Сообщений: 168
Зарегистрирован: Чт авг 01, 2002 8:58 pm
Пункты репутации: 0

Сообщение Rulchik » Чт окт 03, 2002 8:34 pm

Мытя
<!--QuoteBegin--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE </td></tr><tr><td id='QUOTE'><!--QuoteEBegin-->А почему не 100%. ведь я в браузере 5 размеров могу поставить, какой мне надо?<!--QuoteEnd--></td></tr></table><span class='postcolor'><!--QuoteEEnd-->
Как ты правильно заметил, в браузере существует пять дефолтных размера шрифтов. Какой бы ты из них не выбрал, на той страничке шрифт всегда будет на пять процентов меньше обычного. Если бы я выбрал 50%, то шрифт был бы в два раза меньше, чем на других страницах, на которых размеры не указаны.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Rulchik » Пт окт 04, 2002 10:59 am

To: ALL
Извините, господа, но топик был очищен от всяческой "пурги".
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение Мытя » Пн окт 14, 2002 7:57 pm

Мужики!
Посоветуйте какой WYSIWYG лучше использовать начинающему.
Только не надо говорить, что лучше руками.
Для домашней странички-всамый раз.
Мытя
Капитан
 
Сообщений: 168
Зарегистрирован: Чт авг 01, 2002 8:58 pm
Пункты репутации: 0

Сообщение Rulchik » Пн окт 14, 2002 8:14 pm

Мытя
Наверное, Dreamweaver. Хотя тут, конечно, мнения разойдутся. Подобный вопрос лучше задавать в отдельном топике. И ещё посмотри здесь: <a href='http://fileforum.ru/viewtopic.php?t=669' target='_blank'>http://fileforum.ru/viewtopic.php?t=669</a> Кстати, на этот топик существует ссылка с главной страницы.
<span style='font-size:8pt;line-height:100%'><span style='color:darkblue'>Меняю два стакана анаши на обратный билет с Марса :).</span></span>
Rulchik
Генерал-майор
 
Сообщений: 2242
Зарегистрирован: Сб апр 13, 2002 10:53 am
Откуда: Saint-Petersburg
Пункты репутации: 0

Сообщение SoTer » Вт янв 11, 2005 6:21 am

Мытя, думай головой, а делай ручками...

З.Ы. MS Word - само то, для HOMEPAGES!
SoTer
Призывник
 
Сообщений: 3
Зарегистрирован: Вт янв 11, 2005 6:00 am
Пункты репутации: 0

Сообщение Gluek » Вт янв 11, 2005 6:27 am

<!--QuoteBegin-SoTer+Jan 11 2005, 09:21--><div class='quotetop'>QUOTE(SoTer @ Jan 11 2005, 09:21)</div><div class='quotemain'><!--QuoteEBegin-->З.Ы. MS Word - само то, для HOMEPAGES!
<!--QuoteEnd--></div><!--QuoteEEnd-->Какая глупость! Говоришь "думай головой", а сам предлагаешь Ворд...
<!--fonto:Tahoma--><span style="font-family:Tahoma"><!--/fonto--><!--sizeo:2--><span style="font-size:10pt;line-height:100%"><!--/sizeo-->Для контактов со мной пользуйтесь адресом mrgluek@gmail.com (e-mail & jabber).<!--sizec--></span><!--/sizec-->
Полезное в <a href="http://gluek.info/" target="_blank">моем блоге</a>: бесплатный <a href="http://gluek.info/free-files-hosting/" target="_blank">хостинг для файлов</a> и <a href="http://gluek.info/free-images-hosting/" target="_blank">для картинок</a>, бесплатные <a href="http://gluek.info/free-mp3-download/" target="_blank">сайты с музыкой</a>.<!--fontc--></span><!--/fontc-->
Gluek
Генерал-лейтенант
 
Сообщений: 3107
Зарегистрирован: Пн янв 06, 2003 6:24 am
Откуда: Россия/Москва
Пункты репутации: 0

След.

Вернуться в Дизайн + web-дизайн

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron