Главная » Бизнес в Интернете

Фон одностраничного сайта в SharePoint Designer

делаем фон на сайтеВы уже знаете, как создать одностраничный сайт в SharePoint Designer, как поставить в него картинки и текст, а также форму подписки и видео. Теперь давайте сделаем фон на сайте.

Запускаете SharePoint Designer, и открываете в нем index.html своего одностраничного сайта, затем выбираете пункт меню Формат — Фон. Вам откроется окно Свойства страницы, вкладка Форматирование. Дальше Вы можете выбрать или фоновый цвет или фоновый рисунок. Если Вы вы хотите поставить фоновый рисунок, то его заранее нужно поместить в корневую папку своего одностраничного сайта, или в папку images, если Вы ее делали для своих картинок. Название файла фоновой картинки должно быть прописано только латинскими буквами или цифрами. Если у Вас в названии есть русские буквы или пробелы — переименуйте картинку.

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

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

цвет фона таблицыКогда Вы установите фон, то увидите, что он появился на всем одностраничном сайте, в том числе и в таблице. Чтобы фон из таблицы убрать, выбираете пункт меню Таблица — Свойства таблицы — Таблица, и делаете цвет фона таблицы белым.

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

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

<body><table><tr><td><font><ul><li>

селектор тэговВсе вложенные друг в друга элементы справа налево. Данная строка селектора тэгов показывает нам, что курсор находится в строке маркированного списка (li), строка находится в списке (ul), список форматирован какими-то свойствами (font), и находится в ячейке таблицы (td), ячейка находится в строке таблицы (tr), а строка находится в таблице (table), а таблица в Вашем одностраничном сайте (body).


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

делаем одностраничный сайтНапример, нажмите на элемент <body> правой клавишей и выберите Свойства тэга. Появится окно Свойства страницы. Это именно то окно, которое открывалось, когда Вы выбирали Формат — Фон.

А если Вы нажмете правой клавишей по элементу <table>, и выберете Свойства тэга, то откроется окно Свойства таблицы, в котором Вы сможете изменить эти свойства.

Видео о том, как сделать фон на сайте в SharePoint Designer


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

2 комментария »

  • Сергей пишет:

    Спасибо Александр за Ваши уроки и за прекрасный сайт наполненный полезной информацией.

  • Игорь пишет:

    Отличный материал. Благодарствуем.

Оставьте свой комментарий и ответный визит Вам обеспечен