Реклама:
Belorussian Banners Network

Рассылка
Подписчиков: 515
Полезности компьютерщику
Дата: 05.12.2021

ProtoPlex

ProtoPlex.wallst.ru

"Полезности компьютерщику"

Номер #26(29 декабря 2001 года)

Сегодня в номере:
Голосование
Результаты опроса
Поздравления
Кратко последние новости
Полезная статья для компьютерщика
Создаем свою домашнюю страничку
Ваши вопросы и ответы
Полезные ресурсы в Интернете.
Полезный анекдот

Альтернативное голосование
Будете ли вы сидеть в Интернете в новогоднюю ночь?
да
нет
еще не решил

Если у вас голосование не работает воспользуйтесь альтернативной формой нажав ссылку

Результаты опроса прошлого номера
    Всего приняло участие:139 человека. Вопрос был такой:"Какой размер вашего винчестера(HDD)?" Результаты голосования:
  3%
меньше 1 Gb
  17%
1-7 Gb
  23%
7-15 Gb
  27%
15- 22Gb
  31%
более 22 Gb
Поздравления

    Всех подписчиков рассылки "Полезности компьютерщику" поздравляю с наступающим НОВЫМ 2002 ГОДОМ, я всем желаю чтобы все желания ваши исполнились.Если вы еще не поздравили близких к вам людей советую вам воспользоваться услугами партнера рассылки Украинского Виртуального CD-Магазина.

Ведущий рассылки Селиванов Артем
Кратко последние новости

Сетевые сервисы-2002: халява заканчивается
В 2002 году многие интернет-компании, не получив запланированных доходов от сетевой рекламы, попытаются извлечь прямую выгоду из своих сервисов. Пользователям интернета придется чаще платить за те услуги, которые до сих пор были бесплатными.

Лучшие достижения в сфере компьютерных технологий
Издательская компания IDG представила двадцатку основных технологических достижений, которые должны изменить компьютер в ближайшие годы. В списке - язык гипертекстовой разметки XML, шины Intel, новые технологии памяти IBM и дисплеи на органических светодиодах.

Вирусная жизнь-2001: юзеры все глупее, вирусы все умнее
"Лаборатория Касперского" представила итоговый обзор событий уходящего года в области антивирусной безопасности. Главной причиной ухудшения ситуации признан массовый рост числа пользователей, не имеющих знаний и навыков по соблюдению правил компьютерной безопасности.

Использованы материалы www.Ukrbiz.net
Полезная статья для для компьютерщика

Хитрости оформления HTML страниц - правильный выбор цвета

Евгений В. Жданов
http://protoplex.wallst.ru/


Цвет - воспринимаемая сетчаткой глаза область светового спектра, видимая часть света с длинами волн в диапазоне от 400 до 700 нанометров. Что? Думаете я только что прочитал Энциклопедию? Определение конечно же верно, но не передаёт всей важности цвета. Ведь всё, что нас окружает, не имеет в действительности никакой окраски. Просто у всех предметов разная способность отражать и поглощать свет, в результате чего мы видим отражённый телами или средами часть света, но уже с другим спектром волн (Дальтоникам дальше не читать). Цвет воспринимает глаз человека, но затрагивает его эмоции. Что может быть красивее заката у побережья тёплого моря в компании красивой девушки? Вот тут сердце стучит нормально, жизнь прекрасна и всё такое... А теперь представьте, что Вы не воспринимаете цвета, всё вокруг чёрно-белое... ну, или 256 оттенков серого :-) Это всё равно, что иметь чёрно-белый монитор.


Важность цвета в нашей жизни поистине огромна. Так же огромна она и в Интернете, где всё на этом и держится. Умение правильно использовать цвет является аттрибутом профессионализма WEB-дизайнеров. Это умение позволяет оформителю правильно задать атмосферу сайта, погрузить посетителя в свой мир. Хороший дизайнер всегда сначала продумывает цветовую схему, потом только начинает создавать графику. Искусство оформления приходит с опытом и всегда зависит от количества экспериментов разработчика. Чем больше цветовых комбинаций Вы переберёте, тем быстрее найдёте лучший вариант для своего сайта. Конечно, при этом следует знать некоторые тонкости этого дела:


Упрощайте вещи: даже если Ваша видеокарта способна передать триллионы цветов и монитор за штуку баксов, используйте на страницах макимум три-четыре цвета. Чем проще тем лучше, многие сайты, напичканные сотнями цветовых оттенков болезненно воспринимаются, слабо запоминаются, плохо вспоминаются. Некоторые способны сделать отличный сайт, используя всего два цвета. Если Вы вовсю используете на сайте цветные фотографии, Вы можете использовать их доминирующий цвет для заголовков.


Согласованность оттенков: используйте для разных типов данных разные оттенки. Например, заголовки делайте синим цветом, предупреждения лучше делать красным, цвет основного текста должен быть тоже определён однозначно. При этом очень удобно пользоваться каскадными таблицами стилей, где Вы можете заранее определить стиль оформления Вашей странички.


Контрастность: цвета фона и основного текста должны быть контрастными. Чем контрастнее, тем удобнее будет читать текст. Попробуйте читать голубой текст на белом фоне :-) Чёрный на белом, белый на чёрном, жёлтый на синем гораздо удобочитаемы. Всегда указывайте в теге <BODY> нужный Вам цвет фона, иначе рискуете столкнуть читателя с настройками его же собственного браузера. Некоторые специально прописывают браузеру использовать серый или пурпурный фон. Хотят смотреть сайты на фоне своего любимого цвета :-) К примеру, может получиться так, что цвет Вашего текста и их фона совпадут или будут схожи, тогда читатель может вообще текста не увидеть :-( Поэтому, не забывайте указывать на странице цвет её фона. На тёмном фоне лучше всего использовать белый или жёлтый цвета, голубой читается сложнее, можно и зелёный использовать. При выборе цвета фона и текста представляйте себе свою аудиторию. Для молодёжи с домашним Интернетом более привычен ночной выход в Интернет. Для них лучше создавать тёмный фон, светлый текст. Если Ваша аудитория состоит из людей пользующихся Интернетом на своей работе (в офисах, учреждениях), следует делать светлый сайт с тёмным текстом. По статистике светлый фон лучше тёмного.


Цветовые ассоциации: Мозг человека в жизненном процессе создаёт ассоциации. При этом внешние раздражители, вызывают порой очень сильные реакции. Представьте себе, к примеру, что Вы облизываете языком дольку лимона. Одного взгляда на колонки у монитора достаточно для того, чтобы вспомнить о музыке. Всё в нашей жизни с чем-то ассоциируется. С цветами дело обстоит таким образом:


Красный:
Возбуждение, энергия, страсть, желание, скорость, прочность, мощность, тепло, любовь, агрессия, опасность, огонь, кровь, война, насилие, агрессия, всё интенсивное и страстное.


Желтый:
Радость, счастье, оптимизм, идеализм, воображение, надежда, солнечный свет, лето, золото, философия, мошенничество, малодушие, предательство, ревность, жадность, обман, болезнь, риск.


Синий:
Мир, спокойствие, спокойствие, устойчивость, гармония, объединение, доверие, истина, доверие, консерватизм, безопасность, чистота, порядок, лояльность, небо, вода, холод, технология, депрессия, подавитель аппетита.


Оранжевый:
Энергия, баланс, тепло, энтузиазм, оживленный, экспансивный, пышный, требующий внимания.


Зеленый:
Природа, среда, здоровая, удачи, восстановление, молодость, бодрость, весна, щедрость, плодородие, ревность, неопытность, зависть, неудача.


Пурпурный:
Авторский Гонорар, духовность, благородство, церемония, непостижимый, преобразование, мудрость, просвещение, жестокость, высокомерие.


Серый:
Безопасность, надежность, интеллект, степенный, скромность, достоинство, завершенность, твердый, консерватор, практический, старость, печаль, сверление


Коричневый:
Земля, очаг, дом, на открытом воздухе, надежность, удобство, выносливость, устойчивость, простота и удобство.


Белый:
Почтение, чистота, простота, чистота, мир, смиренность, точность, невиновность, молодость, рождение, зима, снег, хорошо, стерильность, брак (Западные культуры), смерть (Восточные культуры), холодный, клинический, стерильный.


Черный:
Мощность, сексуальность, сложность, формальность, элегантность, богатство, тайна, страх, зло, анонимность, недоволство, глубина, стиль, зло, печаль, раскаяние, гнев, метрополитен, хороший технический цвет, траур, смерть (Западные культуры).


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


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

Урок #10

Выравнивание изображений

Продолжая тему об изображениях перехожу к следующей процедуре. Есть несколько способов выравнивать изображения на странице по отношению к тексту. Ключевое слово align нам в этом поможет. С его помощью вы можете задавать место изображения на экране и вид оборки его текстом. Сейчас я приведу вам 8 опций ключевого слова align.

Опция Действие
LEFTВыравнивает изображение по левому краю страницы, строки текста выводятся справа от изображения
RIGHTДействует подобно LEFT, но выравнивает изображение по правому краю страницы
TOPВыравнивает изображение по самомы высокому элементу в строке.
TEXTTOPВыравнивает изображение по самому высокому элементу в строке (обычно совпадает с top)
MIDDLEВыравнивает нижнюю границу строки посередине изображения
ABSMIDDLEВыравнивает середину строки посередине изображения (очень похожа на MIDDLE, но прменяется для мелких изображений)
BASELINEсм. сл.
BOTTOMВыравнивает нижнюю границу строки по нижней границе изображения
Давайте будем избегать тегов TEXTTOP, ABSMIDDLE и BASELINE, они могут вас просто запутать. Чтобы задать выравнивание картинки бабочки по левому краю, зададим следующую команду:

<center>
<img align="left" alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br>

Посмотрите, что получится:


чВЧЛАХВ

-= Моя коллекция бабочек =-

Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Задание размера изображения

Вы можете управлять не только способом выравнивания изображения, но и его высотой и шириной. Как правило, изображения выводятся в натуральную величину, но с помощью ключевых слов HEIGHT и WIDTH можно сжать или растянуть изображение, не изменяя самой картинки. Кроме того, ключевые слова HEIGHT и WIDTH позволяют отвести вполне определенное место под изображение и пустить текст вокруг него оборкой. В этом случае, пока загружаются изображения, остальная страница будет уже видна. Многие применяют ключевые слова HEIGHT и WIDTH именно по этой причине, даже если нет необходимости менять размер изображения.

Значения HEIGHT и WIDTH задаются в пикселах. Тем самым задается доля размеров картинки по отношению к размерам экрана.

Ключевые слова HEIGHT и WIDTH используются в теге <img> наряду с ключевыми словами выравнивания и альтернативного текста. Когда я ввел ключевое слово HEIGHT и WIDTH в тег картинки, получился следующий код:

<center>
<img width="100" height="100" align="left" alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-

Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Теперь изображение бабочки на экране размерами в 100х100. HEIGHT - высота, WIDTH - ширина.

Пиктограммы

Кроме полноцветных изображений (подобной бабочке) и рисунков, на странице могут присутствовать пиктограммы всех видов. С технической точки зрения пиктограммы попадают в категорию "изображения" (они обычно хранятся в файлах формата GIF или JPeG), но обычно очень малы 0.5-5kb, и применяются на домашних страницах из соображений дизайна, эстетики, а также для "перелистывания" страниц.

Существуют самые различные пиктограммы. На страницах WWW вы найдете их великое множество, начиная от миниатюрных пиктограмм реконструкции до цветных линий и кнопок. Иногда при просмотре домашних страниц вы даже не отдаете себе отчета в том, что вы смотрите на пиктограммы, насколько хорошо они интегрированы в страницу.

Линии и полосы

Раньше мы говорили о применении тега <hr> для того, чтобы разделить веб-страницу на части линиями. Очень часто вместо тега <hr> используют линейную графику (простую графику в виде полос или линий).

Элементы линейной графики бывают различных форм, цветов и рисунков и существенно отличаются от результата работы тега <hr>. Например, на нашей странице необходимо нужно поставить красивый разделитель под названием divider.gif, который расположен на http://www.mysite.com:

<center>
<img alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
<img src="http://www.mysite.com/divider.gif"><br><br>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br><br>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-



Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Пиктограммы новинок

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

Пиктограммы перемещения

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

Обычно эти пиктограммы имеют вид стрелок, указывающих то или иное направление. Обычно это стрелки перехода на следующую страницу. Например, если вы читаете книгу на веб-узле, скорее всего, вы увидите на каждой странице три пиктограммы: стелка влево, стрелка вправо и пиктограмма "Начало". Стрелка влево вернет вас на предыдущую страницу, стрелка вправо - на следующую, а пиктограмма "Начало" - в самое начало книги. Это избавит вас от необходимости перемещаться с помощью кнопок Back (Назад) и Forward (Вперед) на панели инструментов браузера.

Пиктограммы перемещения полезны только в том случае, когда вы пытаетесь связать ссылками в одно целое несколько веб-страниц, поскольку они дают возможность графически "листать" страницы.

Фон страниц

Одна из интересных возможностей HTML - это задание фона документа. Вместо того чтобы создавать страницы со стандартным серым фоном, вы можете задать любой другой цвет. Если даже вам не нравится однотонный фон, вы можете задать фоновый узор. Это сделает вашу с траницу забавнее.

Давным-давно людям было безразлично, какого цвета машина, на которой они ездят. Все ездили на Ford Model T, которые выпускались только черного цвета. Эта машина устраивала несколько поколений людей, пока их не осенило, что машины могут быть разных цветов и форм. Сегодня на дорогах можно увидеть машини всех цветов, от пурпурного до ярко-зеленого.

Веб-страницы эволюционировали аналогичным образом. Сначала фон всех веб-страниц был белым или серым, поскольку именно так их отображали древнии браузеры. Вскоре всем это надоело, и появилось уже знакомое нам ключевое слово BGCOLOR, способное изменять цвет фона Веб-страниц. У вас есть возможность выбора из 16'777'216 цветов. Гораздо быстрее можно задать один из 16 "именных" цветов.

Ключевое слово BGCOLOR может использоваться в теге <body>. Мы говорили уже об этом на первом уроке.

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

Допустим у нас есть фоновая картинка background.gif расположенная на http://www.mysite.com. Посмотрите, как с помощью ключевого слова BACKGROUND="..." мы поставим эту картинку как фон в нашей странице:

<body background="http://www.mysite.com/background.gif">
<center>
<img alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
<img src="http://www.mysite.com/divider.gif"><br><br>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br><br>
</body>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-



Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Источник:Web/народу(Poizon)
Ваши вопросы и ответы
Вопросы
    1.Вопрос от Serg: "Могу ли я подключить .DLS банку для проигрывания миди файлов если у
меня встроенный звук AC'97? Если да, то как и где её можно скачать?"
        Ответить>>>

    2.Вопрос от Борис Пономарев: " У меня есть вопрос по поводу файла Msdos.sys.
Что за операторы в нем :
BootMulti=1
BootGUI=1
AutoScan=1 ???"
        Ответить>>>
Полезные ресурсы в Интернете
     http://gamefaqs.hut.ru - Magistr's GameFAQS Project - динамически обновляемый архив игровых FAQ, также множество других полезностей для компьютерных игр.
Полезный анекдот
Сказка о RAM и ROM.

Юзер вдруг повесил нос - сдохла батарейка CMOS.
"Нужен тут специалист" - юзер обратился в Вист.
Батарейку там продали, устанавливать не стали.
Не сказали даже как.А зачем, какой пустяк!

Юзер взял системный блок, крышку снял,
Да что там? Ток! Пятьдесят ампер - бурда, оклемаюсь, ерунда!
Пять часов внутри крутил, батарейку прицепил.
Крышку (два часа работы) прикрутил (наоборот)

Кнопку POWER нажал - вентилятор завижжал,
комп работает но факт, явно что-то тут не так.
После множества проблем добрался до IBM
С умным видом говорит, мол , "Компьютер ваш шалит!"

Высылают из США группу техномонтажа...
Прибыли профессора, хакера, программера,
Апаратчики, наладчики и дебагеры-отладчики,
Пара ламеров знакомых, даже юзер с format.com'ом

Разбирались года два, прямо кругом голова!
Все работает нормально, проверяли капитально.
Так дошли бы все до ручки, да сисопа - самоучку
Осенила мысль одна, очень умная была.

В этой сказке нет порядка, здесь ошибка, опечатка!
Кто-то против всяких правил SIMM на BIOS переставил,
Заменил он RAM на ROM и настал большой облом!
А причина на - повал глупый юзер шуровал!

 
Альтернативное голосование
Будете ли вы сидеть в Интернете в новогоднюю ночь?
1. да (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=yes)
2.нет (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=no)
3.еще не решил (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=dknow)

По любым вопросам обращаться на:webgid@bigmir.net

Ведущий рассылки : Селиванов Артем, Корректор: АлександрХолодов
   

ProtoPlex

ProtoPlex.wallst.ru

"Полезности компьютерщику"

Номер #26(29 декабря 2001 года)

Сегодня в номере:
Голосование
Результаты опроса
Поздравления
Кратко последние новости
Полезная статья для компьютерщика
Создаем свою домашнюю страничку
Ваши вопросы и ответы
Полезные ресурсы в Интернете.
Полезный анекдот

Альтернативное голосование
Будете ли вы сидеть в Интернете в новогоднюю ночь?
да
нет
еще не решил

Если у вас голосование не работает воспользуйтесь альтернативной формой нажав ссылку

Результаты опроса прошлого номера
    Всего приняло участие:139 человека. Вопрос был такой:"Какой размер вашего винчестера(HDD)?" Результаты голосования:
  3%
меньше 1 Gb
  17%
1-7 Gb
  23%
7-15 Gb
  27%
15- 22Gb
  31%
более 22 Gb
Поздравления

    Всех подписчиков рассылки "Полезности компьютерщику" поздравляю с наступающим НОВЫМ 2002 ГОДОМ, я всем желаю чтобы все желания ваши исполнились.Если вы еще не поздравили близких к вам людей советую вам воспользоваться услугами партнера рассылки Украинского Виртуального CD-Магазина.

Ведущий рассылки Селиванов Артем
Кратко последние новости

Сетевые сервисы-2002: халява заканчивается
В 2002 году многие интернет-компании, не получив запланированных доходов от сетевой рекламы, попытаются извлечь прямую выгоду из своих сервисов. Пользователям интернета придется чаще платить за те услуги, которые до сих пор были бесплатными.

Лучшие достижения в сфере компьютерных технологий
Издательская компания IDG представила двадцатку основных технологических достижений, которые должны изменить компьютер в ближайшие годы. В списке - язык гипертекстовой разметки XML, шины Intel, новые технологии памяти IBM и дисплеи на органических светодиодах.

Вирусная жизнь-2001: юзеры все глупее, вирусы все умнее
"Лаборатория Касперского" представила итоговый обзор событий уходящего года в области антивирусной безопасности. Главной причиной ухудшения ситуации признан массовый рост числа пользователей, не имеющих знаний и навыков по соблюдению правил компьютерной безопасности.

Использованы материалы www.Ukrbiz.net
Полезная статья для для компьютерщика

Хитрости оформления HTML страниц - правильный выбор цвета

Евгений В. Жданов
http://protoplex.wallst.ru/


Цвет - воспринимаемая сетчаткой глаза область светового спектра, видимая часть света с длинами волн в диапазоне от 400 до 700 нанометров. Что? Думаете я только что прочитал Энциклопедию? Определение конечно же верно, но не передаёт всей важности цвета. Ведь всё, что нас окружает, не имеет в действительности никакой окраски. Просто у всех предметов разная способность отражать и поглощать свет, в результате чего мы видим отражённый телами или средами часть света, но уже с другим спектром волн (Дальтоникам дальше не читать). Цвет воспринимает глаз человека, но затрагивает его эмоции. Что может быть красивее заката у побережья тёплого моря в компании красивой девушки? Вот тут сердце стучит нормально, жизнь прекрасна и всё такое... А теперь представьте, что Вы не воспринимаете цвета, всё вокруг чёрно-белое... ну, или 256 оттенков серого :-) Это всё равно, что иметь чёрно-белый монитор.


Важность цвета в нашей жизни поистине огромна. Так же огромна она и в Интернете, где всё на этом и держится. Умение правильно использовать цвет является аттрибутом профессионализма WEB-дизайнеров. Это умение позволяет оформителю правильно задать атмосферу сайта, погрузить посетителя в свой мир. Хороший дизайнер всегда сначала продумывает цветовую схему, потом только начинает создавать графику. Искусство оформления приходит с опытом и всегда зависит от количества экспериментов разработчика. Чем больше цветовых комбинаций Вы переберёте, тем быстрее найдёте лучший вариант для своего сайта. Конечно, при этом следует знать некоторые тонкости этого дела:


Упрощайте вещи: даже если Ваша видеокарта способна передать триллионы цветов и монитор за штуку баксов, используйте на страницах макимум три-четыре цвета. Чем проще тем лучше, многие сайты, напичканные сотнями цветовых оттенков болезненно воспринимаются, слабо запоминаются, плохо вспоминаются. Некоторые способны сделать отличный сайт, используя всего два цвета. Если Вы вовсю используете на сайте цветные фотографии, Вы можете использовать их доминирующий цвет для заголовков.


Согласованность оттенков: используйте для разных типов данных разные оттенки. Например, заголовки делайте синим цветом, предупреждения лучше делать красным, цвет основного текста должен быть тоже определён однозначно. При этом очень удобно пользоваться каскадными таблицами стилей, где Вы можете заранее определить стиль оформления Вашей странички.


Контрастность: цвета фона и основного текста должны быть контрастными. Чем контрастнее, тем удобнее будет читать текст. Попробуйте читать голубой текст на белом фоне :-) Чёрный на белом, белый на чёрном, жёлтый на синем гораздо удобочитаемы. Всегда указывайте в теге <BODY> нужный Вам цвет фона, иначе рискуете столкнуть читателя с настройками его же собственного браузера. Некоторые специально прописывают браузеру использовать серый или пурпурный фон. Хотят смотреть сайты на фоне своего любимого цвета :-) К примеру, может получиться так, что цвет Вашего текста и их фона совпадут или будут схожи, тогда читатель может вообще текста не увидеть :-( Поэтому, не забывайте указывать на странице цвет её фона. На тёмном фоне лучше всего использовать белый или жёлтый цвета, голубой читается сложнее, можно и зелёный использовать. При выборе цвета фона и текста представляйте себе свою аудиторию. Для молодёжи с домашним Интернетом более привычен ночной выход в Интернет. Для них лучше создавать тёмный фон, светлый текст. Если Ваша аудитория состоит из людей пользующихся Интернетом на своей работе (в офисах, учреждениях), следует делать светлый сайт с тёмным текстом. По статистике светлый фон лучше тёмного.


Цветовые ассоциации: Мозг человека в жизненном процессе создаёт ассоциации. При этом внешние раздражители, вызывают порой очень сильные реакции. Представьте себе, к примеру, что Вы облизываете языком дольку лимона. Одного взгляда на колонки у монитора достаточно для того, чтобы вспомнить о музыке. Всё в нашей жизни с чем-то ассоциируется. С цветами дело обстоит таким образом:


Красный:
Возбуждение, энергия, страсть, желание, скорость, прочность, мощность, тепло, любовь, агрессия, опасность, огонь, кровь, война, насилие, агрессия, всё интенсивное и страстное.


Желтый:
Радость, счастье, оптимизм, идеализм, воображение, надежда, солнечный свет, лето, золото, философия, мошенничество, малодушие, предательство, ревность, жадность, обман, болезнь, риск.


Синий:
Мир, спокойствие, спокойствие, устойчивость, гармония, объединение, доверие, истина, доверие, консерватизм, безопасность, чистота, порядок, лояльность, небо, вода, холод, технология, депрессия, подавитель аппетита.


Оранжевый:
Энергия, баланс, тепло, энтузиазм, оживленный, экспансивный, пышный, требующий внимания.


Зеленый:
Природа, среда, здоровая, удачи, восстановление, молодость, бодрость, весна, щедрость, плодородие, ревность, неопытность, зависть, неудача.


Пурпурный:
Авторский Гонорар, духовность, благородство, церемония, непостижимый, преобразование, мудрость, просвещение, жестокость, высокомерие.


Серый:
Безопасность, надежность, интеллект, степенный, скромность, достоинство, завершенность, твердый, консерватор, практический, старость, печаль, сверление


Коричневый:
Земля, очаг, дом, на открытом воздухе, надежность, удобство, выносливость, устойчивость, простота и удобство.


Белый:
Почтение, чистота, простота, чистота, мир, смиренность, точность, невиновность, молодость, рождение, зима, снег, хорошо, стерильность, брак (Западные культуры), смерть (Восточные культуры), холодный, клинический, стерильный.


Черный:
Мощность, сексуальность, сложность, формальность, элегантность, богатство, тайна, страх, зло, анонимность, недоволство, глубина, стиль, зло, печаль, раскаяние, гнев, метрополитен, хороший технический цвет, траур, смерть (Западные культуры).


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


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

Урок #10

Выравнивание изображений

Продолжая тему об изображениях перехожу к следующей процедуре. Есть несколько способов выравнивать изображения на странице по отношению к тексту. Ключевое слово align нам в этом поможет. С его помощью вы можете задавать место изображения на экране и вид оборки его текстом. Сейчас я приведу вам 8 опций ключевого слова align.

Опция Действие
LEFTВыравнивает изображение по левому краю страницы, строки текста выводятся справа от изображения
RIGHTДействует подобно LEFT, но выравнивает изображение по правому краю страницы
TOPВыравнивает изображение по самомы высокому элементу в строке.
TEXTTOPВыравнивает изображение по самому высокому элементу в строке (обычно совпадает с top)
MIDDLEВыравнивает нижнюю границу строки посередине изображения
ABSMIDDLEВыравнивает середину строки посередине изображения (очень похожа на MIDDLE, но прменяется для мелких изображений)
BASELINEсм. сл.
BOTTOMВыравнивает нижнюю границу строки по нижней границе изображения
Давайте будем избегать тегов TEXTTOP, ABSMIDDLE и BASELINE, они могут вас просто запутать. Чтобы задать выравнивание картинки бабочки по левому краю, зададим следующую команду:

<center>
<img align="left" alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br>

Посмотрите, что получится:


чВЧЛАХВ

-= Моя коллекция бабочек =-

Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Задание размера изображения

Вы можете управлять не только способом выравнивания изображения, но и его высотой и шириной. Как правило, изображения выводятся в натуральную величину, но с помощью ключевых слов HEIGHT и WIDTH можно сжать или растянуть изображение, не изменяя самой картинки. Кроме того, ключевые слова HEIGHT и WIDTH позволяют отвести вполне определенное место под изображение и пустить текст вокруг него оборкой. В этом случае, пока загружаются изображения, остальная страница будет уже видна. Многие применяют ключевые слова HEIGHT и WIDTH именно по этой причине, даже если нет необходимости менять размер изображения.

Значения HEIGHT и WIDTH задаются в пикселах. Тем самым задается доля размеров картинки по отношению к размерам экрана.

Ключевые слова HEIGHT и WIDTH используются в теге <img> наряду с ключевыми словами выравнивания и альтернативного текста. Когда я ввел ключевое слово HEIGHT и WIDTH в тег картинки, получился следующий код:

<center>
<img width="100" height="100" align="left" alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-

Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Теперь изображение бабочки на экране размерами в 100х100. HEIGHT - высота, WIDTH - ширина.

Пиктограммы

Кроме полноцветных изображений (подобной бабочке) и рисунков, на странице могут присутствовать пиктограммы всех видов. С технической точки зрения пиктограммы попадают в категорию "изображения" (они обычно хранятся в файлах формата GIF или JPeG), но обычно очень малы 0.5-5kb, и применяются на домашних страницах из соображений дизайна, эстетики, а также для "перелистывания" страниц.

Существуют самые различные пиктограммы. На страницах WWW вы найдете их великое множество, начиная от миниатюрных пиктограмм реконструкции до цветных линий и кнопок. Иногда при просмотре домашних страниц вы даже не отдаете себе отчета в том, что вы смотрите на пиктограммы, насколько хорошо они интегрированы в страницу.

Линии и полосы

Раньше мы говорили о применении тега <hr> для того, чтобы разделить веб-страницу на части линиями. Очень часто вместо тега <hr> используют линейную графику (простую графику в виде полос или линий).

Элементы линейной графики бывают различных форм, цветов и рисунков и существенно отличаются от результата работы тега <hr>. Например, на нашей странице необходимо нужно поставить красивый разделитель под названием divider.gif, который расположен на http://www.mysite.com:

<center>
<img alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
<img src="http://www.mysite.com/divider.gif"><br><br>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br><br>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-



Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Пиктограммы новинок

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

Пиктограммы перемещения

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

Обычно эти пиктограммы имеют вид стрелок, указывающих то или иное направление. Обычно это стрелки перехода на следующую страницу. Например, если вы читаете книгу на веб-узле, скорее всего, вы увидите на каждой странице три пиктограммы: стелка влево, стрелка вправо и пиктограмма "Начало". Стрелка влево вернет вас на предыдущую страницу, стрелка вправо - на следующую, а пиктограмма "Начало" - в самое начало книги. Это избавит вас от необходимости перемещаться с помощью кнопок Back (Назад) и Forward (Вперед) на панели инструментов браузера.

Пиктограммы перемещения полезны только в том случае, когда вы пытаетесь связать ссылками в одно целое несколько веб-страниц, поскольку они дают возможность графически "листать" страницы.

Фон страниц

Одна из интересных возможностей HTML - это задание фона документа. Вместо того чтобы создавать страницы со стандартным серым фоном, вы можете задать любой другой цвет. Если даже вам не нравится однотонный фон, вы можете задать фоновый узор. Это сделает вашу с траницу забавнее.

Давным-давно людям было безразлично, какого цвета машина, на которой они ездят. Все ездили на Ford Model T, которые выпускались только черного цвета. Эта машина устраивала несколько поколений людей, пока их не осенило, что машины могут быть разных цветов и форм. Сегодня на дорогах можно увидеть машини всех цветов, от пурпурного до ярко-зеленого.

Веб-страницы эволюционировали аналогичным образом. Сначала фон всех веб-страниц был белым или серым, поскольку именно так их отображали древнии браузеры. Вскоре всем это надоело, и появилось уже знакомое нам ключевое слово BGCOLOR, способное изменять цвет фона Веб-страниц. У вас есть возможность выбора из 16'777'216 цветов. Гораздо быстрее можно задать один из 16 "именных" цветов.

Ключевое слово BGCOLOR может использоваться в теге <body>. Мы говорили уже об этом на первом уроке.

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

Допустим у нас есть фоновая картинка background.gif расположенная на http://www.mysite.com. Посмотрите, как с помощью ключевого слова BACKGROUND="..." мы поставим эту картинку как фон в нашей странице:

<body background="http://www.mysite.com/background.gif">
<center>
<img alt="Бабочка" src="http://www.mysite.com/butterfly.gif">
<h3>-= Моя коллекция бабочек =-</h3>
<img src="http://www.mysite.com/divider.gif"><br><br>
</center>
Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.<br><br>
</body>

Посмотрите, что получится:

чВЧЛАХВ

-= Моя коллекция бабочек =-



Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.


Источник:Web/народу(Poizon)
Ваши вопросы и ответы
Вопросы
    1.Вопрос от Serg: "Могу ли я подключить .DLS банку для проигрывания миди файлов если у
меня встроенный звук AC'97? Если да, то как и где её можно скачать?"
        Ответить>>>

    2.Вопрос от Борис Пономарев: " У меня есть вопрос по поводу файла Msdos.sys.
Что за операторы в нем :
BootMulti=1
BootGUI=1
AutoScan=1 ???"
        Ответить>>>
Полезные ресурсы в Интернете
     http://gamefaqs.hut.ru - Magistr's GameFAQS Project - динамически обновляемый архив игровых FAQ, также множество других полезностей для компьютерных игр.
Полезный анекдот
Сказка о RAM и ROM.

Юзер вдруг повесил нос - сдохла батарейка CMOS.
"Нужен тут специалист" - юзер обратился в Вист.
Батарейку там продали, устанавливать не стали.
Не сказали даже как.А зачем, какой пустяк!

Юзер взял системный блок, крышку снял,
Да что там? Ток! Пятьдесят ампер - бурда, оклемаюсь, ерунда!
Пять часов внутри крутил, батарейку прицепил.
Крышку (два часа работы) прикрутил (наоборот)

Кнопку POWER нажал - вентилятор завижжал,
комп работает но факт, явно что-то тут не так.
После множества проблем добрался до IBM
С умным видом говорит, мол , "Компьютер ваш шалит!"

Высылают из США группу техномонтажа...
Прибыли профессора, хакера, программера,
Апаратчики, наладчики и дебагеры-отладчики,
Пара ламеров знакомых, даже юзер с format.com'ом

Разбирались года два, прямо кругом голова!
Все работает нормально, проверяли капитально.
Так дошли бы все до ручки, да сисопа - самоучку
Осенила мысль одна, очень умная была.

В этой сказке нет порядка, здесь ошибка, опечатка!
Кто-то против всяких правил SIMM на BIOS переставил,
Заменил он RAM на ROM и настал большой облом!
А причина на - повал глупый юзер шуровал!

 
Альтернативное голосование
Будете ли вы сидеть в Интернете в новогоднюю ночь?
1. да (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=yes)
2.нет (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=no)
3.еще не решил (отошлите пустое письмо по этому адресу mailto:webgid@bigmir.net?Subject=dknow)

По любым вопросам обращаться на:webgid@bigmir.net

Ведущий рассылки : Селиванов Артем, Корректор: АлександрХолодов
   

Подписаться:  


rasmas.com
РАССЫЛОК МАСТЕР