html — Как сделать фон сайта из разных gif

Вопрос задан

Изменён 4 года назад

Просмотрен 1k раза

Пытаюсь сделать фон из нескольких gif-картинок. Хотелось бы чтобы и справа была гифка и слева, и соответственно так же вверху и внизу. Делаю так на странице, пока получилось по центру одну влепить. Может знаете как это правильно реализовать.

<head>      
        <meta charset="utf-8">
        <title>С Днюхой !!!</title>   
        <link href="tipaStili.css" rel="stylesheet">    
        <style>
            html {
            height: 100%; 
            background: #000 url(2.gif) 
            no-repeat center;   
            }
        </style>
</head>

получаеться вот такое

  • html
  • css
  • gif
4

С помощью background-position можно поменять расположение. Загуглите, чтобы узнать подробней. Можете также добавить это в в ваш background. Чтобы сделать 4 штуки, можете попробовать так:

<head>      
        <meta charset="utf-8">
        <title>С Днюхой !!!</title>   
        <link href="tipaStili.css" rel="stylesheet">    
        <style>
            html {
            height: 100%; 
            background: 
            #000 url(1.gif) no-repeat top left,
            #000 url(2.gif) no-repeat top right,
            #000 url(3.gif) no-repeat bottom left,
            #000 url(4.gif) no-repeat bottom right;
            }
        </style>
</head>

Плюсом можете редактировать ширину и высоту индивидуально. Вместо top, left и т.д. можете использовать проценты, пиксели, и т.д.

5

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Как сделать красивый фон для сайта

  1. Transparent Textures – красивый фон для сайта
    1. Как сделать красивый фон?
      1. ]»Успевайте больше за меньшее время вместе с 
    2. «Копилкой эффективных советов»

Со временем многие из блогеров начинают больше уделять внимания дизайну и всему, что с ним связано. Методом тыка, методом проб и ошибок, с помощью умных подсказок умных друзей и коллег, наши творения и проекты начинают приобретать приятный глазу дизайн и более грамотные очертания. Что, конечно, не может не радовать. Стоит ли говорить, какой проблемой для блогера может являться такая незначительная с виду деталь, как подбор красивого фона для сайта?

На сайте [urlspan]Transparent Textures [/urlspan] можно окунуться в мир потрясающих фонов и текстур. По сути, это целый конструктор, в котором вы можете самостоятельно выбрать фон, придать ему цвет и затем скачать на свой компьютер.

Так что же мы все-таки будем создавать? Фон или текстуру? Открыла Викепидию и прочитала:

[message type=”info”]

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

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

Понятия «текстура» и «фактура» применительно к свойствам какой-либо поверхности используются синонимично. Иногда словом “фактура” называют совокупность тактильных свойств, а текстурой — совокупность свойств визуальных. Однако за цифровым графическим изображением таких свойств закрепилось слово «текстура».

[/message]

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

P. S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Школа вебдизайна Юлии Первушиной

Приступаем к обзору сервиса.

Как сделать красивый фон?

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

  1. Выбрать нужный нам цвет фона.
  2. Выбрать шаблон из миллиона вариантов в правом блоке.
  3. Получить код CSS в левом блоке и использовать его по назначению.

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

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

  • Скачать, в этом случае скачивается образец прозрачной текстуры совсем небольшого размера.
  • Создать обои.

Если вы нажмете “Сохранить обои”, то в этом случае вас перебрасывает на новую страницу, где можно будет скачать изображение. Перед вами появятся две ссылки: Download (Скачать) и Create Wallpaper (Создать обои). То есть можно будет скачать прозрачную текстуру(слева) и фон для рабочего стола(справа). Хотя изображение такого приличного размера 1920 х 1080, которое сервис автоматически определяет по размеру моего экрана, однозначно, подойдет не только для рабочего стола.

Замечу, что сейчас многие из нас переходят на новый дизайн в Твиттере. Найти подходящий фон большого размера 1500 х 1500 довольно проблематично. Поэтому, узнать о сервисе Transparent Textures было для меня весьма своевременно.

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

Transparent Textures – очень увлекательный сервис, на котором можно быстро выбрать красивый фон для сайта, картинки и любого изображения. Желаю приятного творчества!

[message type="warning"
]"Успевайте больше за меньшее время вместе с 

«Копилкой эффективных советов»

[/message]

Просмотры: 688

Как задать свойства HTML-страницы и свойства CSS на странице Dreamweaver

Руководство пользователя Отмена

Поиск

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы адаптивного веб-дизайна
    2. Что нового в Dreamweaver
    3. Веб-разработка с использованием Dreamweaver — обзор
    4. Dreamweaver / Общие вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор функций
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение SVG-файлов, оптимизированных для Интернета, из библиотек
  4. Рабочие пространства и представления Dreamweaver
    1. Рабочее пространство Dreamweaver
    2. Оптимизация рабочего пространства Dreamweaver для визуальной разработки
    3. Поиск файлов по имени или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройте локальную версию вашего сайта
    3. Подключиться к серверу публикации
    4. Настроить тестовый сервер
    5. Импорт и экспорт настроек сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Расширенные настройки
    9. Установить настройки сайта для передачи файлов
    10. Укажите параметры прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение и передача файлов на сервер и с него
    4. Возвращать и извлекать файлы
    5. Синхронизировать файлы
    6. Сравнить файлы на наличие различий
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включить заметки разработчика для сайтов Dreamweaver
    9. Предотвращение потенциального использования гейткипера
  7. Макет и дизайн
    1. Использование наглядных пособий для макета
    2. Об использовании CSS для разметки страницы
    3. Разработка адаптивных веб-сайтов с использованием Bootstrap
    4. Создание и использование мультимедийных запросов в Dreamweaver
    5. Представление контента с таблицами
    6. Цвета
    7. Адаптивный дизайн с использованием макетов с плавной сеткой
    8. Экстракт в Dreamweaver
  8. CSS
    1. Понимание каскадных таблиц стилей
    2. Разметка страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Как настроить параметры стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Код формата
  9. Содержимое страницы и активы
    1. Установка свойств страницы
    2. Установить свойства заголовка CSS и свойства ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель ДОМ
    6. Редактировать в режиме Live View
    7. Кодирование документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задайте свойства текста в инспекторе свойств
    10. Проверка правописания веб-страницы
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение комбинаций шрифтов в Dreamweaver
    13. Работа с активами
    14. Вставка и обновление дат в Dreamweaver
    15. Создание избранных ресурсов и управление ими в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавить мультимедийные объекты
    18. Добавление видео в Dreamweaver
    19. Вставить видео HTML5
    20. Вставка файлов SWF
    21. Добавить звуковые эффекты
    22. Вставка аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Связывание и навигация
    1. О связывании и навигации
    2. Связывание
    3. Карты изображений
    4. Ссылки для устранения неполадок
  11. Виджеты и эффекты jQuery
    1. Использование пользовательского интерфейса jQuery и мобильных виджетов в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Кодирование веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда кодирования в Dreamweaver
    3. Установить параметры кодирования
    4. Настройка цвета кода
    5. Напишите и отредактируйте код
    6. Подсказка кода и завершение кода
    7. Свернуть и развернуть код
    8. Повторное использование кода с фрагментами
    9. Код ворса
    10. Код оптимизации
    11. Редактировать код в представлении «Дизайн»
    12. Работа с заголовком для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование поведения JavaScript (общие инструкции)
    17. Применить встроенное поведение JavaScript
    18. О XML и XSLT
    19. Выполнение преобразований XSL на стороне сервера в Dreamweaver
    20. Выполнение преобразований XSL на стороне клиента в Dreamweaver
    21. Добавление символов для XSLT в Dreamweaver
    22. Код формата
  13. Рабочие процессы для нескольких продуктов
    1. Установка и использование расширений для Dreamweaver
    2. Обновления в приложении в Dreamweaver
    3. Вставка документов Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактировать содержимое на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver-Business Catalyst
    7. Создавайте персонализированные кампании по электронной почте
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на основе шаблонов
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использовать необязательные области в шаблонах
    7. Определение редактируемых атрибутов тегов в Dreamweaver
    8. Как создавать вложенные шаблоны в Dreamweaver
    9. Редактировать, обновлять и удалять шаблоны
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблонов в Dreamweaver
    14. Установка параметров выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильный и многоэкранный
    1. Создание медиа-запросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Понимание веб-приложений
    2. Настройте компьютер для разработки приложений
    3. Устранение неполадок подключения к базе данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор источников динамического контента
    7. Определить источники динамического содержимого
    8. Добавить динамическое содержимое на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Показать записи базы данных
    11. Предоставление оперативных данных и устранение неполадок в Dreamweaver
    12. Добавить настраиваемое поведение сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для элементов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное создание приложений
    1. Создание основных страниц и страниц сведений в Dreamweaver
    2. Создание страниц поиска и результатов
    3. Создать страницу вставки записи
    4. Создание страницы записи обновления в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Использование команд ASP для изменения базы данных в Dreamweaver
    7. Создать страницу регистрации
    8. Создать страницу входа
    9. Создать страницу, доступ к которой имеют только авторизованные пользователи
    10. Защита папок в Coldfusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, предварительный просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Протестируйте свой сайт Dreamweaver

 

Узнайте, как задать свойства HTML-страницы и свойства CSS, такие как шрифт, цвет фона и свойства фонового изображения, для страницы Dreamweaver.

Для каждой страницы, создаваемой в Dreamweaver, можно указать свойства макета и форматирования в диалоговом окне «Свойства страницы» («Файл» > «Свойства страницы»). Диалоговое окно «Свойства страницы» позволяет указать семейство и размер шрифта по умолчанию, цвет фона, поля, стили ссылок и многие другие аспекты дизайна страницы. Вы можете назначить новые свойства страницы для каждой новой страницы, которую вы создаете, и изменить их для существующих страниц. Изменения, внесенные в диалоговом окне «Свойства страницы», применяются ко всей странице.

Dreamweaver предлагает два метода изменения свойств страницы: CSS или HTML. Adobe рекомендует использовать CSS для установки фона и изменения свойств страницы.

Примечание:

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

Установка шрифта страницы CSS, цвета фона, и свойства фонового изображения

Используйте диалоговое окно «Свойства страницы», чтобы указать несколько основных вариантов макета страницы для ваших веб-страниц, в том числе шрифт, цвет фона и фоновое изображение.

  1. Выберите «Файл» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в текстовом инспекторе свойств.

  2. Выберите категорию Внешний вид (CSS) и установите параметры.

    Шрифт страницы

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

    Размер

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

    Цвет текста

    Задает цвет по умолчанию для отображения шрифтов.

    Фоновый цвет

    Устанавливает цвет фона для вашей страницы. Щелкните поле Цвет фона и выберите цвет из палитры цветов.

    Изображение на заднем плане

    Устанавливает фоновое изображение. Нажмите кнопку Обзор, затем просмотрите и выберите изображение. Или введите путь к фоновому изображению в поле Фоновое изображение.

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

    Повторить

    Указывает, как фоновое изображение будет отображаться на странице:

    • Выберите параметр «Без повтора», чтобы фоновое изображение отображалось только один раз.

    • Выберите параметр «Повторить», чтобы повторить или разбить изображение по горизонтали и по вертикали.

    • Выберите параметр «Повторить-x», чтобы расположить изображение горизонтально.

    • Выберите параметр «Повторить-y», чтобы расположить изображение вертикально.

    Левое поле и правое поле

    Укажите размер левого и правого полей страницы.

    Верхнее поле и нижнее поле

    Укажите размер верхнего и нижнего полей страницы.

Установка свойств страницы HTML

Установка свойств в этой категории Диалоговое окно «Свойства страницы» приводит к форматированию HTML, а не CSS вашей страницы.

  1. Выберите «Файл» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в текстовом инспекторе свойств.

  2. Выберите категорию Внешний вид (HTML) и установите параметры.

    Изображение на заднем плане

    Устанавливает фоновое изображение. Нажмите кнопку Обзор, затем просмотрите и выберите изображение. Или введите путь к фоновому изображению в поле Фоновое изображение.

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

    Фон

    Устанавливает цвет фона для вашей страницы. Щелкните поле Цвет фона и выберите цвет из палитры цветов.

    Текст

    Задает цвет по умолчанию для отображения шрифтов.

    Связь

    Задает цвет для текста ссылки.

    Посещенные ссылки

    Определяет цвет для посещенных ссылок.

    Активные ссылки

    Указывает цвет, применяемый при щелчке мышью (или указателем) по ссылке

    Левое поле и правое поле

    Укажите размер левого и правого полей страницы.

    Верхнее поле и нижнее поле

    Укажите размер верхнего и нижнего полей страницы.

Установка свойств заголовка и кодировки для страницы

Параметры «Заголовок/Кодировка» в «Свойствах страницы» позволяют указать тип кодировки документа, специфичный для языка, используемого для создания веб-страниц. Параметры «Заголовок/Кодировка» также позволяют указать, какую форму нормализации Unicode использовать с этим типом кодировки. .

  1. Выполните одно из следующих действий:

    • Щелкните Файл > Свойства страницы
    • Нажмите «Окно» > «Свойства» и нажмите «Свойства страницы» в текстовом инспекторе свойств.

  2. На панели «Свойства страницы» выберите «Заголовок/Кодировка». Можно настроить следующие параметры:

    • Заголовок: указывает заголовок страницы, который отображается в строке заголовка окна документа и большинства окон браузера.
    • Тип документа (DTD): определяет определение типа документа. Например, можно сделать HTML-документ совместимым с XHTML, выбрав XHTML 1.0 Transitional или XHTML 1.0 Strict во всплывающем меню.
    • Кодировка: Указывает кодировку, используемую для символов в документе. Если вы выберете Unicode (UTF-8) в качестве кодировки документа, кодировка объекта не требуется, поскольку UTF-8 может безопасно представлять все символы. Если вы выберете другую кодировку документа, может потребоваться кодировка объекта для представления определенных символов. Для получения дополнительной информации о символьных объектах см. www.w3.org/TR/REC-html40/sgml/entities.html.
    • Перезагрузить: Преобразует существующий документ или повторно открывает его, используя новую кодировку.
    • Форма нормализации Unicode: активна, только если вы выбрали UTF-8 в качестве кодировки документа. Существует четыре формы нормализации Unicode. Наиболее важной является форма нормализации C, потому что это наиболее распространенная форма, используемая в модели персонажей для всемирной паутины. Adobe предоставляет три другие формы нормализации Unicode для полноты картины. В Unicode некоторые символы визуально похожи, но могут храниться в документе по-разному. Например, «ë» (э-умлаут) может быть представлен как один символ «э-умлаут» или как два символа: «обычный латинский е» + «комбинация умлаут». Комбинированный символ Unicode — это тот, который используется с предыдущим символом, поэтому умлаут будет отображаться над «латиницей e». Обе формы приводят к одному и тому же визуальному оформлению, но то, что сохраняется в файле, отличается для каждой формы. Нормализация — это процесс проверки того, что все символы, которые могут быть сохранены в разных формах, сохранены с использованием одного и того же источника. То есть все символы «ë» в документе сохраняются как одиночный «э-умлаут» или как «е» + «комбинированный умляут», а не как обе формы в одном документе. Дополнительную информацию о нормализации Unicode и конкретных формах, которые можно использовать, см. на веб-сайте Unicode по адресу www. unicode.org/reports/tr15.
    • Включить подпись Unicode (BOM): включает в документ метку порядка следования байтов (BOM). Спецификация — это от 2 до 4 байтов в начале текстового файла, который идентифицирует файл как Unicode, и если это так, то порядок следования байтов. Поскольку UTF-8 не имеет порядка байтов, добавлять спецификацию UTF-8 необязательно. Для UTF-16 и UTF-32 это обязательно.

Войдите в свою учетную запись

Войти

Управление учетной записью

Учебник Dreamweaver 30 — Как изменить цвет фона веб-сайта

Dreamweaver — HTML и CSS с использованием Dreamweaver

Дэниел Вальтер Скотт || ВИДЕО: 30 из 34

Скачать файлы упражнений

Введение

Я рекомендую разместить ваш новый веб-сайт на Bluehost, вы можете получить большую скидку, зарегистрировавшись по этой ссылке: https://www. bluehost.com/track/byol/byol_dwhacud_30

Добавление повторяющегося фонового изображения

  1. Найдите или создайте подходящее повторяющееся фоновое изображение, полезный сайт 
     http://www.allfreebackgrounds.com
  2. Откройте наш веб-сайт Bird Bath.
  3. Изменить > Свойства страницы.
     
  4. В разделе «Внешний вид CSS» выберите «Обзор» и найдите изображение, которое хотите использовать в качестве повторяющегося изображения. Например. Birdbath5-background-repeat.jpg
  5. Выберите «Повторить» в меню «Повторить».
     
     
  6. Выберите «ОК»

Неподвижное фоновое изображение.

Этот трюк позволяет любому фоновому изображению оставаться фиксированным, пока вы прокручиваете веб-сайт.

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

  1. Добавьте фоновое изображение, как показано в предыдущем упражнении.
  2. Выберите «body» на панели «Селекторы».
  3. Измените «background-attachment» на фиксированное.
  4. Изменить «фоновое положение» на 50%.
  5. Изменить «background-repeat» на none.
     
  6. Предварительный просмотр документа
     Примечание. При прокрутке вверх и вниз фон не должен двигаться.

Фон на 100%

Этот метод позволит вам добавить к вашей работе фоновое изображение, растянутое на весь браузер. Поддерживается всеми новыми браузерами. Некоторым старым браузерам (например, IE 8) для работы требуется немного дополнительного кода.

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

Примечание. Вам понадобится большое изображение. Текущий стандарт размера полноэкранного изображения составляет 1600×1200. Вы можете использовать что-то вроде Photoshop, чтобы создать нужный размер.

  1. Откройте: Файлы упражнений Dreamweaver > Текст > Фон CSS Code.docx
  2. Выделите весь код и скопируйте его.
     
     
  3. В Dreamweaver выберите Code View
  4. Поместите пару возвратов прямо над тегом: 
     
  5. Вставьте код нашего фона.
     
     
  6. Измените имена файлов x3 на имя нашего фонового изображения.
     напр. background-full.jpg
     
     
    Примечание. В режиме конструктора фон не отображается. Вам нужно будет предварительно просмотреть документ, чтобы увидеть результаты.
  7. Файл > Предварительный просмотр в браузере > Chrome
  8. Готово.
          
     
    Фон внутри div
Тег div может иметь собственное фоновое изображение. Это позволит вам поместить изображение в поле и позволит вам поместить текст сверху.

  1. Выберите div на панели выбора.

    No related posts.