| |
|
|
| | Дана НТМL страница, в качестве фона картинка ( к ПРИМЕРУ с размерами 1273 х 955 пикселя ) как сделать так чтобы при открытии Exploler'a на весь экран страница отображалась полностью (без рулеток) как и на 15" так и на 17" мониторах ( Расширения в обоих случаях 800х600 и 1024х768 -> тип. [ 15 "(800x600)15"(1024x768) ] и [17"(800x600) и 17"(1024x768) ] | |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(29.05.2005 в 22:25)
| | | Сделать это можно, но...
Вы уверены, что это необходимо?
>к ПРИМЕРУ с размерами 1273 х 955 пикселя
Примение картинок таких размеров в интернете - это полнейший моветон.
Вообще-то, если картинку указаывать в качестве фона, то полос прокрутки не будут по умоланию (при любых размерах изображения). Поэтому приведите участок вашего HTML-кода, который устанавливает такую картинку в качестве фона. | |
| |
|
|
| |
|
|
| |
для: glsv (Дизайнер)
(30.05.2005 в 04:04)
| | | Вопрос - 1)Какого размера картинки-для фона, лудче всего использовать в веб.
2) Попробывал так
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Kursa darbs</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body> <img src="image640x480.jpg" width=100% height=100% >
</body>
</html>
поменял размер на 640х480 | |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(30.05.2005 в 12:27)
| | | Попробуйте так
...
<body background='image640x480.jpg'>
...
|
| |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(30.05.2005 в 12:27)
| | |
<body> <img src="image640x480.jpg" width=100% height=100% ></body>
|
Но это не фон - это просто картинка, вставленная в тело страницы. Вставка изображения в качестве фона продемонстрирована Tristan-ом.
>Вопрос - 1)Какого размера картинки-для фона, лудче всего использовать в веб.
Минимальное возможное. 640 на 480 тоже много.
Дело вот в чем. Большиство пользователей интернета в России сидять на диалапе, т.е. выходят в интернет по коммутируемому каналу через модем. Скорость загрузки и объем страницы имеет для них очень важное значение. Поэтому если сайт не грузится в течении долгого времени (идет загрузка графики), то посетитель, с большой степенью, вероятности уйдет с сайта не дождавшись загрузки и начнет искать другой сайт.
Максимальный рекомендуемый объем страницы лежит в области 50-70 Кб. В это число входит размер HTML-кода, всех изображений, подключаемых стилей и скриптов. Можете оценивать по этому параметру. Если укладываетесь, то нормально. Но если можно меньше, то нужно делать меньше - это будет только в плюс вашему сайту.
Можете почитать статью по web-графике, написанную Duran-ом. Это первая статья из цикла "Web-графика".
http://www.softtime.ru/info/design.php | |
| |
|
|
| |
|
|
| |
для: glsv (Дизайнер)
(31.05.2005 в 08:11)
| | | Получилось, только мне пришлось использовать CSS скрипт . Посоветовали использовать конструкцию типа -
<img src="img.jpg" width=100% height=100% style="position: absolute; z-index: -1000;"> а он
по любому показывал рулетку с права и белые полоски по бокам картинки. Использовать что-то в стиле Left Margin, Right Margin, Top Margine, ... равным нулю тоже толку недовало.
Единственный вопрос который остался нерешённым - в опере всё отображается на ура а вот в Internet Explorer'е до сих пор поевляется рулетка и происходит растяжение. | |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(31.05.2005 в 13:12)
| | | Лучше используйте способ, предложенный Tristan-ом
<body background='image640x480.jpg'>
|
А конструкция, которую вам посоветовали не корректна, поэтому и отображается с глюками. | |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(31.05.2005 в 13:12)
| | | Честно говоря, я всего один раз видел уместное использование картинки в размер экрана, ну на случай, если у вас как раз 2-й вариант, сочинил вам скриптик, надеюсь поможет (см аттач), но я бы не рекомендовал по выше изложенным причинам использование фонов столь экстремальных размеров.
При всех способах оптимизации получится что-то около 50 кило, что уместно, если ваша страничка смотрится в рамках домашней сети или сайт расчитан на скоростные каналы.
Кстати на разрешение экрана никак не влияет в каком мониторе оно установлено. Другое дело, если монитор (скажем 15" не очень любит 1024х768 110Гц) не позволяет его выставить. | |
| |
|
|
| |
|
|
| |
для: Duran
(31.05.2005 в 16:07)
| | | Спасибо за помощь с удовольствием потом всем продемонстрирую свою страничку, насчёт тех размеров я просто тогда незнал как иначе реализовать то задание. Вопрос - а как же страницы сделаные во флеш на 1 - 1,5 мегабайта а то и меньше они тоже екстремально большие ? и как в такой фаил может уместится столько графики и непоследнего качества. | |
| |
|
|
| |
|
|
| |
для: TAMAHCKi
(31.05.2005 в 16:20)
| | | На счет флеша - это совершенно отдельная тема.
Существуют как минимум 3 варианта убедить пользователя остаться на странице и дождаться окончания загрузки:
1 - сам процесс загрузки достаточно зрелищен. Пользователя занимают всевозможными эфектами, нередко минииграми. В качестве примера можно посетить страничку http://www.2advanced.com/flashindex.htm
2 - Срабатывает эффект замещения цели - флэшролик выступает в качестве чего-то еще (игры, мультик и т.д.), что психологически подразумевает гораздо бОльший период ожидания загрузки.
3- у вас скоростной канал и вам пофигу.
На счет качества графики.
Как вы наверняка знаете, существует графика растровая и векторная. Так вот, flash использует и вектор и растр. Векторная графика - это набор полиномов (уравнения такие), которые в сочетании с атрибутами образуют рисунок идеальномашинного качества. Растр - есть совокупность точек, ну... с ними и так все понятно.
Вот вам вариантик VML рисунка, это векторный формат, понимаемый эксплорером без плагинов.
<html>
<head>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style type="text/css">
v\:* { behavior: url(#default#VML);}
</style>
</head>
<body>
<?xml:namespace prefix = v /><v:oval id=nr1 style="LEFT: 261px; WIDTH: 120px; POSITION: absolute; TOP: 123px; HEIGHT: 100px; antialias: true" coordsize = "21600,21600" fillcolor = "#f03" strokecolor = "black" strokeweight = ".75pt"><v:fill></v:fill><v:stroke></v:stroke></v:oval>
<v:shape id=nr2 style="LEFT: 0px; WIDTH: 805px; POSITION: absolute; TOP: 0px; HEIGHT: 528px; antialias: true" coordsize = "805,528" fillcolor = "#583200" strokecolor = "black" strokeweight = ".75pt" path = " m354,152 l354,152,355,153,356,152,357,152,
359,151,361,151,361,150,362,150,363,149,
365,149,365,148,366,148,367,148,368,147,
370,145,371,145,371,144,372,143,373,143,
374,142 375,141,376,140,377,140,378,139,
380,137,381,137,381,136,382,136,383,135,
384,135,385,135,386,135,387,135,387,136,
388,137,389,138,389,139,389,140,389,141,
390,141 390,142,391,142,391,143,391,144,
391,145,390,145,389,146,388,146,387,146,
386,147,385,148,384,148,383,149,382,149,
381,150,380,150,379,150,378,151,377,151,
376,152 375,152,374,153,372,153,371,153,
370,153,369,154,368,154,367,154,366,154,
365,154,364,154,363,154,363,155,362,155,
361,155,360,155,359,155,358,155,357,155,
357,156 356,156,356,155,356,154,356,153 e"><v:path></v:path><v:fill></v:fill><v:stroke></v:stroke></v:shape>
<v:shape id=nr3 style="LEFT: 0px; WIDTH: 805px; POSITION: absolute; TOP: 0px; HEIGHT: 528px; antialias: true" coordsize = "805,528" fillcolor = "#39ff71" strokecolor = "black" strokeweight = ".75pt" path = " m368,156 l368,156,369,156,370,156,371,156,
371,157,372,157,373,157,374,158,375,158,
376,158,376,159,377,159,378,159,379,160,
380,160,381,161,382,161,383,162,384,162,
385,163 386,163,387,164,388,164,389,164,
390,165,391,165,392,165,393,165,394,165,
395,165,396,166,397,166,399,166,400,166,
401,166,402,166,403,166,404,166,405,166,
406,166 407,166,408,166,409,166,411,165,
413,165,413,164,415,164,416,164,417,164,
417,163,418,163,419,163,420,163,421,163,
422,163,422,164,423,164,423,165,424,165,
425,166 425,167,426,168,427,169,427,170,
428,170,428,171,429,171,429,172,429,173,
429,174,430,174,430,175,431,175,431,176,
431,177,432,178,432,179,433,179,433,180,
433,181 433,182,433,183,433,184,434,185,
435,186,435,187,436,188,436,189,436,190,
437,190,437,192,438,193,438,194,439,194,
439,195,440,197,441,197,441,198,441,199,
442,200 443,201,444,202,445,202,445,204,
447,205,447,206,448,206,449,207,449,208,
450,208,451,210,452,211,453,212,453,213,
452,213,452,214,451,214,450,214,449,214,
448,215 447,215,446,215,445,215,444,215,
443,215,442,215,441,215,440,215,439,215,
438,215,437,215,436,215,434,215,433,215,
432,215,431,215,429,215,428,215,426,215,
425,215 424,215,423,215,422,215,421,214,
420,214,418,214,417,214,416,213,414,213,
414,212,413,212,412,211,411,210,410,210,
410,209,409,209,408,209,408,208,406,206,
404,204 402,202,401,201,400,200,398,199,
398,198,396,197,396,196,394,195,394,194,
393,193,392,192,392,191,392,190,391,190,
390,189,390,187,389,187,389,186,388,185,
388,183 387,183,387,182,386,181,386,180,
385,179,384,179,384,178,383,177,382,177,
382,176,381,175,380,174,379,173,378,172,
378,171,377,170,376,169,374,167,374,166,
373,165 372,163,371,162,371,161,370,161,
370,160,370,159,370,158,369,157,368,156,
369,156,371,156 e"><v:path></v:path><v:fill></v:fill><v:stroke></v:stroke></v:shape>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Duran
(31.05.2005 в 16:37)
| | | Насчёт флеш - выходит что можно уменьшить размер исходного файла (страницы) за счёт векторной графики.
Замещение во флеш полное или частичное происходит при участии разработчика в смысле сам по менюшкам лазишь и кнопки жмёшь? Ну это так визуальная разработка - проехали , вопрос по скрипту - если я заменяю твои картинки своими то незнамо почему моя картинка(фотка) или размножается если мелкий размер или поевляется рулетка, если картинка большая. Надо будет подобрать оптимальный размер. | |
| |
|
|
|
