Работа в программе SharePoint Designer

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

Удобнее, вставлять картинки и тексты, в таблицу. Таблица - это схема открытки, в каждую ячейку, будет вставляться картинка. Каждой ячейке можно задать свой фон. Таблица нужна для того, чтобы картинки располагались  ровно и открытка не перекосилась.

 

 

 

 

 

 

Вставить рамку из HTML кодов1. Куда вставлять HTML код рамки.

Красивую сложную рамку из нескольких слоев, в этой программе сделать трудно. На мой взгляд, проще сделать ее отдельно,  из HTML - кодов и вставить  в кодовой части программы. А затем, уже в нее,  вставлять таблицу. Код рамки я вставляю, перед закрывающим тегом  </body>.

Научитесь пользоваться HTML - кодами, это значительно облегчит вам работу. Все картинки и тексты нашей открытки располагаются между тегами <boby..........  </body>.  Первый - это открывающий, второй - закрывающий тег. Body, в переводе с английского - тело.   После открывающего тега, уже стоит ссылка на наш общий фон, а все остальное будет располагаться дальше.

 

Вставить таблицу в программе SharePoin2. Вставить таблицу.

Перед тем, как вставить таблицу, надо представлять, из каких элементов будет состоять открытка и как они будут расположены.

Так как у меня, открытка складывается из крупных элементов - картинок, в таблице, я делаю : строк -  5, а столбцов -  1 .

В таблице важно, кроме количества строк и столбцов, поставить ширину в точках (пикселях), выравнивание по центру и  размер границы между ячейками. Для того, чтобы границ между ними не было, ставлю 0. Строки и столбцы, в дальнейшем, можно будет добавлять и убирать.

Еще раз напомню, что, для того, чтобы посмотреть, что у вас получилось в БРАУЗЕРЕ, надо нажать на клавиатуре компьютера клавишу F 12, или вкладка ФАЙЛ  - ПРОСМОТРЕТЬ В ОБОЗРЕВАТЕЛЕ. Затем закрыть браузер и продолжать работу в программе SharePoint.

Далее, у меня идет Заголовок открытки, который сделан в виде флеш - картинки. Что такое флеш и как их скачивать с Интернет, или делать, я показывала раньше.

В этой же флешке, у меня вставлена музыка, так что плеер мне в этой открытке не нужен.

Такая флешка вставляется тоже в Кодовую часть. Ставлю курсор в первую ячейку в таблице и в верхней части, появляется выделение серым цветом. Это место, перед которым надо вставлять HTML - код флешки.

 

Вставить картинку в SharePoint Designer3.Вставить в таблицу картинку.

Простая картинка у меня следующая, после флеш - картинки заголовка.

Курсор ставлю во вторую строку - ячейку таблицы, и нахожу иконку - добавить изображение. Меня перебрасывает в компьютер. Все картинки я заранее загрузила  в папку  Imagres, выбираю нужную и вставляю.

Еще у меня в открытке два раза вставлен разделитель в формате GIF (полоска - анимашка). В нужную ячейку таблицы ставлю курсор и загружаю, как обычную картинку из папки Images.

Обратите внимание, картинки, которые вставляются, вместе с заранее подготовленными HTML - кодами, мне удобнее вставлять URL адресом с фотохостинга, а простые картинки, удобнее загрузить, и затем вставлять, из папки Images.

 

Вставить текст в SharePoint Designer4. Вставить текст.

Я предпочитаю текст сделать в Photoshop, или другой программе и вставлять, как картинку или флешку, но можно текст написать прямо в программе, на картинке.

Для этого, на вставленной картинке нажимаю правой кнопкой мыши - СВОЙСТВА ЯЧЕЙКИ,  и эту картинку вставляю как фон. А затем,  набираю на клавиатуре текст. Если текст не видно, настройте параметры в верхней панели: цвет, размер, шрифт.

5. Кнопки, для размещения открытки в  социальных сетях.

После того, как вставлены все картинки и написаны стихи, не лишними будут кнопочки, с помощью которых открытку можно будет показать друзьям и друзьям их друзей. Можно получить код скрипта, на сайте  http://share.pluso.ru/.   Как это сделать я показала на примере статьи "Как вставить в открытку текст".

Отличие, работы в программе SharePoint, от работы в конструктора Альт Клуба в том, что  полученный скрипт, я вставляю в верхнюю Кодовую часть открытки, там где появилось серое выделение, когда я поставила курсор в последнюю строчку таблицы. Обратите внимание, дальше идет закрывающий тег  </body>.

И, наконец, чтобы разместить открытку в Интернет, надо залить ее на ваш хостинг.

Клематисы и розы в Волгограде

 

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

© 2017 Клематисы и розы в Волгограде. Многолетние цветы для сада ·  Дизайн и техподдержка: Goodwinpress.ru
%d такие блоггеры, как: