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

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

1. Откройте раскрывающееся меню Дополнительные действия и выберите пункт Управление сайтом.
2. Перейдите на вкладку Общие.
3. Введите новый заголовок сайта в поле «Название сайта».
4. Нажмите Сохранить изменения.

1. Откройте раскрывающееся меню Дополнительные действия и выберите пункт Управление сайтом.
2. Перейдите на вкладку Общие.
3. Снимите флажок с пункта «Показывать название сайта вверху страниц».
4. Нажмите Сохранить изменения.

1. Откройте раскрывающееся меню Дополнительные действия и выберите пункт Управление сайтом.
2. Перейдите на вкладку Цвета и шрифты.
3. В разделе «Заголовок сайта» из меню с прокруткой выберите Цвет заголовка сайта.
4. Выберите настройки отображения заголовка сайта с помощью переключателя.
   • Если вы хотите, чтобы для заголовка сайта использовался цвет, заданный выбранной темой, выберите пунктИспользовать значение по умолчанию из темы.
   • Если вы хотите скрыть заголовок сайта, выберите пункт Нет.
   • Если же вы хотите задать для заголовка сайта другой цвет, выберите пункт Выбрать свой. Затем выберите нужный цвет из палитры или введите его шестизначный код в текстовом поле.
5. Нажмите Сохранить изменения.

   Чтобы изменить логотип сайта, выполните следующие действия:

1. Нажмите кнопку Ещё в правом верхнем углу страницы, чтобы открыть меню.
2. Выберите Изменить макет сайта.
3. Наведите указатель мыши на верхнюю часть макета. Нажмите на ее, когда увидите подсказку «Изменить заголовок сайта».
4. Выберите вариант Пользовательский логотип, нажмите кнопку Выбрать файл и найдите файл с логотипом на жестком диске. Если вы хотите удалить логотип, выберите вариант Нет логотипа.
5. Нажмите ОК, чтобы сохранить изменения.
6. Нажмите кнопку Закрыть, чтобы завершить редактирование макета.

  Рекомендуемый размер логотипа: 145 x 52 пикселей. Логотипы других размеров могут отображаться в обрезанном виде либо не отображаться вовсе.

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

1. Откройте нужный сайт.
2. Нажмите кнопку Ещё в правом верхнем углу страницы. Откроется меню.
3. Выберите Управление сайтом.
4. В разделе «Язык отображения сайта» установите нужный язык.
5. Нажмите Сохранить

  С помощью инструмента «Поле HTML» вы можете добавить на веб-страницы код HTML, CSS или Javascript. Это позволит вам создать сайт Google с уникальным внешним видом и структурой. Например, вы сможете добавить на сайт карусель изображений, персонализированное меню, форму для отправки запроса или виджет на основе jQuery.

  Функции поля HTML отличаются от функций кнопки HTML на панели инструментов. Кнопка позволяет вносить незначительные изменения в код HTML и встраиваемые стили CSS, но не дает возможности добавлять код Javascript.

espaol

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

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

Где вы находитесь:
JegsWorks > Уроки > Интернет

Прежде чем начать…

Проект 1: Основы браузера

Поиск 
Глоссарий  
Приложение

  Начните с :   , hector17. htm, файлы ресурсов (FrontPage или FPX)

Store Images

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

Вам понадобятся фоновые изображения для следующих шагов.

1. При необходимости скопировать в папку где hector17.htm находится на вашем классном диске все изображения в ресурсе файлы для основ HTML. Они должны быть уже на вашем диске класса или остальное в C:\My Документы\complit101\веб\HTML

   Или вы можете найти каждое изображение, которое вам нужно, в Интернете ресурсы в https://www.jegsworks.com/lessons/resources/web_resources/HTML/

   Откройте указанный выше URL-адрес и нажмите на название нужного изображения. Это загрузится в окне браузера. В меню браузера выберите Файл  | Сохранить как и сохраните изображение в ту же папку, что и hector17. htm вашего диска класса.

Фоновое изображение

Теперь вы можете попробовать несколько разных фонов изображений.

1. Щелкните правой кнопкой мыши на странице и выберите Страница Свойства , а затем вкладку Фон.
    
2. Отметьте поле для Фоновое изображение (FrontPage) или Изображение фона (FPX) и нажмите кнопку Browse .
3. Перейдите к папке с hector17.htm на ваш классный диск.
    
4. Выберите изображение pattern.jpg
    
5. Щелкните на . Откройте , а затем . OK , чтобы закрыть окно. диалог.
    
   Страница отображается с новым фоном. Страница в целом выглядит много отличается от одного изображения !
   
   

Исходный код фонового изображения

1. Открыть Просмотр HTML и посмотрите на тег BODY.
   Добавление фонового изображения добавило новый атрибут: фон.
    

   <тело background="pattern.jpg" bgcolor="#00FFFF" текст="#000080" ссылка="#008000" vlink="#000080" alink="#00FF00">

   Изображение НЕ ДОЛЖНО находиться в той же папке, что и файл HTML. Как и любое другое изображение, вы можете указать относительный или абсолютный путь. путь к фоновому изображению.

Поэкспериментируйте с фоновыми изображениями

1. Поэкспериментируйте с другими фонами, изменив имя файла в диалоговое окно «Фон» в другой файл в вашей папке или повторив действия по поиску изображений в других папках.
    
   Посмотрите примерное время загрузки , показанное в строке состояния. и по размеру каждого фонового изображения.
   

   Файл и размеры в пикселях	Изображение:
   Skytile. jpg 250 х 181	Здесь показано в масштабе 50% от фактического. А немного трудно читать текст поверх этого.
   шелк.jpg 128 х 128	Красивый эффект. Текст может быть трудно читать, если вы не будете осторожны.
   hchavez.gif 206 х 43	Слишком сложно читать текст поверх этого один!
   hchavez-grey. gif 210 х 43	Очень бледный! Это видно лучше, когда оно расположено поперек целая страница. Графическая программа может облегчить изображение, чтобы оно могло работать как фоновый логотип.

    

2.  Теперь поэкспериментируйте с фоном границ.
   

   Файл и размеры:	Изображение (100 % высоты):
   мраморная граница.gif 1500 x 128
   blueborder. gif 640 х 1	Только 1 пиксель в высоту.
   paper.gif 1008 x 18	Создает эффект разлинованной тетрадной бумаги

   Если фоновое изображение не такое широкое, как окно, изображение повторяется. Например, при размере окна 800 х 600, blueborder.gif будет повторяться.
   

3. Окончательно, установить страницу для использования фона hchavez-grey.gif.

   Сброс, при необходимости: цвет текста Navy , цвета Зеленый , Темно-синий , Зеленый лайм
    

4. Сохраните как hector18. htm.
    

~~  1 Кор. 10:31 …что бы ты ни делал, делай все во славу Божию. ~~

Последнее обновление: 30 апреля 2012 г.