Фоновый рисунок в html: Как добавить фоновый рисунок на веб-страницу?

Содержание

НОУ ИНТУИТ | Лекция | Фон

< Лекция 15 || Лекция 16: 12345 || Лекция 17 >

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

Ключевые слова: BODY, файл, HTML, цветовая схема, загрузка, GIF

Проблемы с установкой фонового рисунка

При помощи графических программ и добавлений к тэгу <BODY> вы можете украсить страницу или таблицу на странице фоновым рисунком. Если у вас проблемы с отображением фонового рисунка, причин может быть несколько: рисунок поврежден, файл находится не в том месте, которое вы указали, или используемый вами HTML неверен. Если вы используете редактор страниц FrontPage, возможно, вы используете неверную функцию. Если вы не можете отобразить фоновый рисунок на вашей странице, сделайте следующее.

Используя Windows, определите местоположение файла с фоновым рисунком на вашем компьютере. Вы должны поместить его в папку с вашими веб-страницами или подпапку. Лучше, если формат файла – GIF или JPEG. (Вы также можете использовать формат PNG, но почти все старые броузеры не работают с этим форматом, так что лучше использовать GIF или JPEG.) Чтобы убедиться, что ваш броузер может отобразить рисунок, дважды щелкните по рисунку или перетащите его в окно вашего броузера.увеличить изображение
Убедитесь, что фоновый рисунок имеет формат GIF или JPEG и расположен в папке с вашими веб-файлами
Если файл с рисунком неисправен, отредактируйте или восстановите рисунок в графической программе, а затем переместите файл GIF или JPEG в папку с веб-страницами.
Большинство броузеров предоставляет вам возможность отключить отображение рисунков. Если вы отключили рисунки, включите их.
Укажите в атрибуте background тэга <BODY> имя файла вместе с расширением. (В UNIX и Linux веб-серверах вы должны учитывать регистр.

) Если файл находится в подпапке корневой веб-папки, указывайте имя файла вместе с именем папки.
```
<body background="images/swirly.jpg ">
```
Установите атрибут bgcolor для фонового цвета рисунка. Таким образом, цвет фона будет загружен сразу, даже если фоновый рисунок требует времени для загрузки. (Вы знаете о спецификации цветов? См. раздел «Номера цветов в сети».)
```
<body background="images/swirly.jpg" bgcolor="#cccc99">
```
Протестируйте страницу, чтобы проверить, работает ли фон.

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

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

Впрочем, вы можете изменить фон в самой теме.

Установка фона в FrontPage

Проделайте шаги 1 и 2 из предыдущего раздела, чтобы убедиться в исправности вашего графического файла, затем откройте вашу страницу в FrontPage.
В меню Format нажмите Background.
В окне Formatting выберите Background Picture. Нажмите Browse, выберите и выделите ваш графический файл, а затем нажмите OK.В FrontPage вы можете изменить рисунок и цвет фона
Перед закрытием диалога Page Properties убедитесь, что фон вашей страницы совпадает с фоном рисунка. В окне Background на палитре Colors выберите наиболее подходящий цвет.

Если вы хотите, чтобы ваши страницы были одного цвета и с одинаковым фоном, нет необходимости устанавливать эти опции в каждом файле. Вам достаточно установить опции фона для домашней страницы. Для остальных страниц выберите опцию Get Background Infor-mation From Another Page и укажите вашу домашнюю страницу как шаблон. Если вы будете вносить изменения в параметры фона вашей основной страницы, FrontPage автоматически изменит все страницы, использующие ее в качестве шаблона.

Дальше >>

< Лекция 15 || Лекция 16: 12345 || Лекция 17 >

Лучшие 500+ изображений для входа [HD]

Лучшие 500+ изображений для входа [HD] | Скачать Free Images на Unsplash

ФотоФотографии 126
Стопка фотографийКоллекции 912
Группа людейПользователи 364

компьютер

фон

пароль 900 11

страница входа

обои

цвет

сайт

текст

вдохновение

дизайн

текстура

логотип Unsplash Unsplash+

В сотрудничестве с Alex Shuper

Unsplash+

Разблокировать

Hd 3d wallpapersseodigital marketing

Desola Lanre-Ologun

oworonshokiyabanigeria

90 010 –––– –––– –––– – –––– – –– –– –– – –– –––– – – –– ––– –– –––– – –.

Мика Уильямс

United Statestownsendlock

RetroSupply

workwritingBook images & photos

Joanna Kosinska

Hq background imagesКосмические изображения и картинкиканцтовары

Патрик Томассо

стенаТекстура фоныHd кирпичные обои

Scott Graham

Фоны сайтаbusinessmeeting

Joanna Kosinska

офисHd желтые обоиHd дизайн обои

Je ss Bailey

Hd арт обоиблогшкола

César Couto

Hd оранжевый картинкиГрадиентные фоныСумерки

Sarah Dorweiler

заводHD белые картинкиHd минималистичные обои

Caleb George

Цветок фотографииHD картинкиHd зеленые обои

Erol Ahmed

Осень фотоНовый год фотоHd осень обои

Keith Misner

HD обои деревополфон

Markus Spiske

90 010 erlangendeutschland

пастельные обои hdhd розовые обоистол

Андрей лишаков

бумага ФоныHd узор картинкиHd цветные обои

Matthew McBrayer

Hd синий фоткиHd небо фоткиОблака картинки

Paul Earle

Hd серый фоткиГора фото и картинкиПрирода картинки

Hq фон фотоКосмос фотоканцелярские товары

заводHD белые обоиHd минималистский обои

Осень фото и картинкиНовогодние фотоHd обои осень

erlangendeutschland

Бумажные фоныHd узоры обоиHd цветные обои

Hd серые картинкиГоры фото и картинкиПрирода фото

–––– –––– –––– – –––– – –– –– –– – –– –––– – – –– ––– –– –––– – –.

oworonshokiyabanigeria

workwritingКниги изображения и фото0011

Hd оранжевый картинкиГрадиент фонаСумерки

Цветы фотографииHd картинкиHd зеленые обои

HD обои деревополфон

Hd пастельные картинкиHd розовые обоистол

Hd синий фоткиHd небо картинкиОблака картинки

НОУ ИНТУИТ | Лекция | Фон

Проблемы с установкой фонового рисунка

Установка фона в FrontPage

Лучшие 500+ изображений для входа [HD]

Похожие коллекции

войти

Логин

Логин

Добавить комментарий Отменить ответ