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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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

5 комментариев »

  • Наталия Замятина пишет:

    Ваш блог для меня находка!

    Столько интересной и полезной информации в одном месте.

    Спасибо!

  • Tina пишет:

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

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

    Это действительно очень нужный и полезный материал. Дума даже самый обычный пользователь сможет разобраться и создать одностраничник по этим видеоурокам. У меня лично почти все получилось. Не могу только понять, почему у меня не получается внести форму видео? Буду признателен если поможете разобраться.

  • Александр Ризун (автор) пишет:

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

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

    Очень понятно. Спасибо.

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