Per koci ru ad astra!

Курс HTML :: Обои для сайта. Урок 40.

Настройка сайта

Проверка javascript.

Светофор, свет красный

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

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

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

Должно помочь.


Рекомендую курсы
Рекомендаций не видно по причине отключенного javascript.


Домен inumo.ru


Урок 40. Обои для сайта.
HTML - основа основ Интернета. Базовый курс. Обои для сайта. Урок 40. Обои - небольшой графический файл, который может размножаться внутри блочного элемента. Обои можно подключать целиком ко всей страничке (к тегу <body>), а также к отдельному блочному элементу (к тегу <div> и др.). Параметр background-attachment:fixed; обеспечит неподвижность обоев. Обои очень любили использовать в прошлом веке. Теперь энтузиазм по приклеиванию обоев на странички несколько угас, по порой бывает интересно просматривать многочисленные и порой весьма красивые разработки прошлых лет. Функционал подбора подходящих обоев для своих веб страничек.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
40. Обои для сайта.
Наверное, вы обратили внимание, что на последних тестовых страничках (38, 39) мы использовали обои для выделения фона странички.

Некоторые ключевые моменты кодировки для создания "обоев":
<body style="background-image: url('wp-split.jpg'); background-repeat: repeat; background-attachment: fixed;">
<!-- подключение обоев к тегу body //--> 
<div style="background-image: url('wp-split.jpg'); background-repeat: repeat;">
<!-- подключение обоев к тегу div //--> 
Как мы видим из примера выше, обои можно подключать не только целиком ко всей странички (к тегу <body>), но и также к отдельному блочному элементу.

Параметр background-attachment: fixed; обеспечит неподвижность обоев, некоторые дизайнеры считают этот эффект привлекательным для пользователей.

Параметр background-repeat: repeat; размножает элемент обоев по ширине и по высоте по всей площади блочного элемента. Это значение по умолчанию.

Параметр background-image: url('wp-split.jpg'); определяет, какой именно элемент обоев мы будем использовать. Обычно, это небольшой графический файл форматов jpg, gif, png и др.

Некоторые дизайнеры считают, что лучшие обои это те, которых совсем не видно (т.е. просто белый цвет, #FFFFFF). Во многих случаях, наверное, так оно и есть.

Но все-таки, бывают случаи, когда обои следует использовать. Например, в тестовых примерах 38 и 39 мы использовали обои, чтобы подчеркнуть расположение семантических блоков.

В любом случае, эту интересную технологию следует знать и при необходимости использовать.

Обои очень любили использовать в прошлом веке. Теперь энтузиазм по приклеиванию обоев на странички несколько угас, по порой бывает интересно просматривать многочисленные и порой весьма красивые разработки прошлых лет.

Попробуйте с помощью функционала ниже подобрать подходящие обои для своих веб страничек.

Под верхней крышкой Машины-Функционала подборки обоев находится панель управления. Перечислим элементы панели (справа налево):
  • Всего файлов - Всего файлов с обоями, находящимися в системе сегодня.
  • Текущий файл - Отображает номер текущего файла обоев. Если пусто, значит, никакие обои не отображаются. В данное поле можно ввести конкретный номер файла с обоями. и нажмите кнопку № слева...
  • - кнопку № следует нажимать для запуска процесса отображение обоев по номеру, который в данный момент введен в поле "Текущий файл".
  • >| - >|при нажатии на кнопку "движение в конец" отображается самый последний файл обоев.
  • >> - >>при нажатии на кнопку "движение вперед" отображается следующий по номеру файл обоев.
  • Случай - при нажатии на кнопку "Случай" отображается случайный файл обоев.
  • << - <<при нажатии на кнопку "движение назад" отображается предыдущий файл обоев.
  • |< - |<при нажатии на кнопку "движение в начало" отображается самый первый файл обоев.
  • Поиск - при нажатии на кнопку "Поиск" осуществляется поиск файла обоев по поисковой строке, введенной в поле поиска. Ниже приведены некоторые возможные варианты поиска.
  • snow - снежные обои
  • bricks - кирпичики
  • brown - коричневые
  • children - детские обои
  • golub - голубые обои
  • limon - цвет лимона
  • orange - оранжевые обои
  • retro - стиль "Ретро"
  • sky - небо
  • smile - улыбка
  • wood - дерево
  • blue5.jpg - голубые обои, точный поиск
  • green - зеленые обои
  • grey - серые обои
  • marble - мраморные обои
  • Coursed_Ashlar_2_1024 - кирпичи темные
Клики по данным ссылкам разместят данные поисковые запросы в окно ввода информации для поиска ниже. После нажатия кнопки "Поиск" либо отобразятся обои по данной поисковой строке (если поиск удачный), либо осуществлен переход к первым обоям (если поиск неудачный).
***** Машина-Функционал подборки обоев *****
:: :: /
Глаз из-под обоев с цифрами Буквы черные (#000000),
Буквы красные (#FF0000),
Буквы белые (#FFFFFF),
Буквы синие (#0000FF),
Буквы зеленые (#00FF00).


Данный шрифт: черный цвет, 'Times New Roman', размер 16 пикселей, является одним из самых популярных и читабельных. Если вы без напряжения читаете этот текст, то значит, на данном фоне можно использовать данный типичный шрифт.


Если вы без напряжения читаете этот текст, то значит, на данном фоне обычные буквы черного цвета (#000000) выглядят нормально.

Если вы без напряжения читаете этот текст, то значит, на данном фоне обычные буквы красного цвета (#FF0000) выглядят нормально.

Если вы без напряжения читаете этот текст, то значит, на данном фоне обычные буквы белого цвета (#FFFFFF) выглядят нормально.

Если вы без напряжения читаете этот текст, то значит, на данном фоне обычные буквы синего цвета (#0000FF) выглядят нормально.

Если вы без напряжения читаете этот текст, то значит, на данном фоне обычные буквы зеленого цвета (#00FF00) выглядят нормально.



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


*** Машина-Функционал для передвижения по страничкам курса HTML ***
:: :: /

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

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.

Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок_08 :: Урок_09 :: Урок_10 :: Урок_11 :: Урок_12 :: Урок_13 :: Урок_14 :: Урок_15 :: Урок_16 :: Урок_17 :: Урок_18 :: Урок_19 :: Урок_20 :: Урок_21 :: Урок_22 :: Урок_23 :: Урок_24 :: Урок_25 :: Урок_26 :: Урок_27 :: Урок_28 :: Урок_29 :: Урок_30 :: Урок_31 :: Урок_32 :: Лаба_2 :: Урок_33 :: Урок_34 :: Урок_35 :: Урок_36 :: Урок_37 :: Урок_38 :: Лаба_3 :: Урок_39 :: Урок_40

Следующие странички, рекомендуемые для посещения и изучения:
Урок 41

Страничка сделана на основе контента курса HTML сайта kocby.ru

© KOCI.INUMO.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCI.INUMO.RU ©