Архив за ‘Уроки html’ Category

Используем встроенные фильтры IE. Часть 3

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

В этой части я закончу описание фильтров. Итак, вот что осталось.

  1. … — смотрите во второй части.
  2. Blur — размытие изображения
  3. Gradient — градиентная заливка
  4. Pixelate — одноимённый фильтр Photoshop
  5. Light — добавление источника света
    1) Подробная установка
    2) Основная конструкция фильтра
    3) Подведём предварительные итоги…
    4) Избегайте этой ошибки! (далее…)

Используем встроенные фильтры IE. Часть 2

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

В этой части я опишу ещё 10 фильтров. Вот они:

  1. … — смотрите в первой части
  2. Glow — свечение около объекта
  3. Invert — инвертирование цветов объекта
  4. Mask — инвертирование прозрачности
  5. Shadow — отбрасывание тени
  6. Xray — отображает элементы в чёрно-белом виде
  7. Wave — волновое искажение объекта
  8. BasicImage — комбинация предыдущих фильтров (далее…)

Используем встроенные фильтры IE. Часть 1

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

Наверное, многие из вас подумали, что в этой статье речь будет идти о фильтрах Photoshop. Нет, про Photoshop мы ещё поговорим, а здесь будут рассмотрены встроенные фильтры браузера Internet Explorer. Они определяют то, как объекты (рисунки, текст, слои, формы…) будут выглядеть на экране.  К сожалению,  другие браузеры либо вообще не поддерживают их, либо понимают неправильно. Но это не повод отказываться от такого мощного средства изменения любых объектов на web странице.

1) Использование фильтров
2) Фильтры: (далее…)

Отступы на веб-странице

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

1. Отступы в теге BODY
Горизонтальные и вертикальные отступы от края браузера до содержимого веб-странице встроены в браузер по умолчанию. Тем не менее можно изменять значение этих параметров, делая отступы по желанию больше или меньше. Хитрость заключается в том, что Internet Explorer и Netscape имеют разные параметры для указания значения отступов. У Internet Explorer в теге BODY следует указывать leftmargin для горизонтального отступа и topmargin для вертикального, а в Netscape те же функции выполняют параметры marginwidth и marginheight. Объединяя все параметры воедино, получим универсальный код, который будет работать во всех браузерах одинаково. (далее…)

Горизонтальное меню с подменю

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , ,

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

Добавление горизонтального подменю во многом сводит на нет указанные недочеты, кроме того, показывает пользователю иерархическую вложенность документов и веб-страницы, доступные для посещения. (далее…)

Обтекание картинки текстом

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , ,

Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон. Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей.

Использование параметра align тега IMG (далее…)

Особенности верстки веб-страниц

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

При верстке веб-сайта, несмотря на некоторую аналогию его с печатными изданиями, следует все же помнить, что мы имеем дело с компьютерным текстом, который зависит от ряда особенностей. Учет этих особенностей необходим для создания удобных для восприятия и пользования материалов.

Ширина страницы зависит от размера и разрешения монитора

Данная особенность породила метод верстки веб-страниц, основанный на использовании таблиц с невидимой границей. Идеология HTML рекомендует использовать таблицы только по их прямому назначению, т.е. для создания именно таблиц. Но что делать, располагая столь слабыми средствами верстки, приходится использовать разные ухищрения.
(далее…)

Добавление CSS

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

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

Самый мощный и удобный способ определения стилей и правил для сайта. Стили хранятся в отдельном файле, который может быть использован для любых веб-страниц. Для подключения таблицы связанных стилей используется тег LINK в заголовке страницы. Пример 1. Подключение таблицы связанных стилей (далее…)

Отступы на веб-странице

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , ,

1. Отступы в теге BODY
Горизонтальные и вертикальные отступы от края браузера до содержимого веб-странице встроены в браузер по умолчанию. Тем не менее можно изменять значение этих параметров, делая отступы по желанию больше или меньше. Хитрость заключается в том, что Internet Explorer и Netscape имеют разные параметры для указания значения отступов. У Internet Explorer в теге BODY следует указывать leftmargin для горизонтального отступа и topmargin для вертикального, а в Netscape те же функции выполняют параметры marginwidth и marginheight. Объединяя все параметры воедино, получим универсальный код, который будет работать во всех браузерах одинаково. (далее…)

Горизонтальное меню с подменю

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , , ,

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

Добавление горизонтального подменю во многом сводит на нет указанные недочеты, кроме того, показывает пользователю иерархическую вложенность документов и веб-страницы, доступные для посещения. (далее…)