Форма подписки и видео в SharePoint Designer

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

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

Если Вы в программе SharePoint Designer поставите курсор внутри таблицы, и зайдете в пункт меню Таблица — Свойства таблицы — Таблица, то увидите, почему это так: ширина таблицы задана в процентах от ширины экрана, причем стоит 100%, то есть действительно на весь экран. Ставите ширину в точках, и задаете ее, например, равной 950 точек, точнее, пикселей. Таблица получит постоянную ширину, и сместится влево. Чтобы поставить ее по центру, опять заходите в свойства таблицы, и делаете выравнивание по центру.

Давайте теперь сделаем границы для этой таблицы. Заходите в свойства, делаете размер границы 10, а цвет границы светло-серый, чтобы она не сильно бросалась в глаза.

Теперь посмотрите свой одностраничный сайт в браузере: откройте в нем свой файл index.html. В браузере будет лучше все видно. В частности, Вы увидите, что текст и картинки располагаются слишком близко к границам таблицы. Чтобы эти элементы от границ отодвинуть, в программе SharePoint Designer заходите опять в свойства таблицы, и изменяете либо Поля ячеек (расстояние между границами ячеек и их содержимым), либо Интервал ячеек (расстояние между ячейками). Можете поэкспериментировать, изменяя величины этих полей, и наблюдая результат.

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

Похожим образом ставите на своей подписной странице код видео, если нужно. Сначала Вам нужно разместить видео на одном из сервисов. Рекомендую для этого использовать сервис YouTube. Если Вы в нем не зарегистрированы — регистрируетесь. Затем заходите в свой аккаунт, нажимаете Добавить видео, выбираете файл видео у себя на компьютере, пишете название, описание и ключевые слова.

Чтобы затем разместить код этого видео у себя на одностраничном сайте, на сервисе YouTube нажимаете на раскрывающийся список справа от кнопки Добавить видео, и выбираете Менеджер видео. Кликаете на том видео, которое нужно, и, когда оно откроется, нажимаете ниже самого видео на ссылку Поделиться. В строке ниже выбираете Сгенерировать HTML-код. Убираете галочку напротив строки Показать похожие видео после просмотра, если она там стоит. Выберите размер видео. Затем копируете код, и ставите на своем одностраничном сайте. Код ставите так же, как ставили код формы подписки на рассылку: в программе SharePoint Designer ставите курсор в нужное место, затем выбираете Вставка — Веб-компонент — Дополнительные элементы управления — HTML. Нажимаете на кнопку Готово. Видео будет размещено на Вашем одностраничном сайте.

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

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

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