Делаем Открытку к Новому Году

Автор:
Татьяна
|
Рубрика: Делаем к Новому Году Музыкальную Открытку
Как сделать Музыкальную Открытку к Новому Году

Сегодня мы с вами сделаем Музыкальную Открытку к Новому Году

Вернее, Открытка уже готова, я вам просто покажу, как её переделать под себя

мы будем переделывать

Заархивированный файл

Вот в таком заархивированном виде файл у нас скачается.

Разархивируем архивПо этому архиву нужно кликнуть мышкой 2 раза. Появится вот такое окно. Закрываем окно (про лицензию).

Теперь встаём мышкой на папку now-god и тянем её за пределы этого окна. Таким образом, у нас появляется разархивированная папка

 

 

 

Теперь Архив №1 убираем куда-нибудь подальше, желательно не на рабочий стол, а в папку D. В папке D создайте папку Архив и ПАпка«Музыкальные Открытки».

А с папкой №2 мы сейчас будем работать. И если где-то ошибемся, мы всегда можем обратиться к архиву


Вот так она выглядит. Перед установкой проверьте, может, у вас уже есть такая программа на вашем компьютере. Если есть, — то вам не придется её устанавливать.

Если нет, то кликнете по значку программы 2 раза, установка начнется. Этот значок вам больше не понадобится... На всякий случай положите файл установщик программы SharePointDesigner куда-нибудь.

Меню ПускОткрыть программу SharePointDesigner можно через меню Пуск — в левом нижнем углу.

 

 

Или ещё проще: открываем нашу папку now-god. Там 2 файла: images — это картинки, из которых сделана открытка (все названия только на английском языке); и index.html — это файл открытки.

Открываем index.html программой SharePointDesigner

 

Наводим курсор на index.html, нажимаем 1 раз -> открыть с помощью -> Microsoft Offise Share Point Designer

 

 

 

Наша Открытка открывается. КонструкторРаботать можно в двух режимах: код и конструктор.

Давайте переключимся на конструктор

Свойства СтраницыЕсли навести курсор на любое место и кликнуть один раз, то появится список, где нужно нажать «Свойства Страницы»

 

 

Общие названияНа вкладке «Общие» Название — это то название, которое мы хотим видеть вверху, во вкладке браузера

Описание страницы — какие-нибудь красивые стих или проза.

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

 

Форматирование

На вкладке «Форматирование» можно изменить общий фон открытки. Только сначала картинку нужно поместить в папку images.

 

 

 

Шапка ОткрыткиВверху красивая картинка. Вы можете удалить её (delete) и поставить свою. Если подвести курсор к углу картинки, то появляется маленький белый квадрат и стрелки. Стрелки можно двигать туда-сюда, делая картинку больше — меньше

Вы можете посмотреть, где найти красивые картинки,  как скачать картинку, даже если она запрещена к скачиванию

Плеер

Плеер — это мое изобретение. Смысл в том, что играет музыка с Ютуба.

 

Код на ЮтубеЕсли захотите поменять, выбираете видеоролик на Ютубе копируете вот эти значки SsbGeyhSDYA

Переключаемся на код. На странице 58 youtube-pleer это значение SsbGeyhSDYA меняем в 2ух местах: Первое — после embed/ и перед ?autoplay Второе — после playlist= и перед &showinfo

Меняем код Ютуба

 

По картинке видно, что дальше идет таблица длиной 1024px. Центральная ячейка 624 px. Боковые -200

Все картинки в центре должны быть не более 624 px. Если более, то просто кликнете на картинку, потяните за угол в сторону уменьшения.

Таблица

Можете менять все картинки. Удалить Картинку — выделить и delete.

  • Если будете ставить свои картинки или фото, обязательно их уменьшайте.  Вот  для этой открытки ширина 624 px — это максимум. Как изменять размер картинок

Вставить картинку — Вставка — Рисунок — Из файла и выбирайте в папке images

Добавить Рисунок

Если будете менять текст, то оставляйте первую и последнюю букву. Потом пишите свою фразу. Только потом удаляйте первую и последнюю буквы.

Решила показать, как вставить ролик с Ютуба. Копируете название ролика (мы это делали уже вверху)

Далее переключаемся в код — и вставляем после http://www.youtube.com/embed/  перед ?autoplay=1

Замена ролика яЮтуб

 

 

На Подарок я поставила свою ссылку. Можете поменять на свою. Кликаете по подарку, свойства рисунка

Как поменять ссылку на подарке

Не забудьте отметить «новое Окно» — это чтобы новый сайт открывался в новой вкладке

Ещё один полезный совет: если открытку будете закачивать на хостинг, то желательно уменьшить вес картинок без изменения качества.

Добавить в АрхивЭто можно сделать на сайте tinypng.com. Все картинки png и jpg закачивайте на этот сайт. Потом обратно — уже заметно похудевшие.Архивирование

Что делать, если у вас нет сайта? Вы можете измененную вами открытку заархивировать и в таком заархивированном виде можете отправлять друзьям по эл. почте или через соцсети

Главное, предупреждайте их, что файл надо разархивировать. Встать мышкой на index.html — открыть с помощью — и выбрать любой браузер

 

Вот вроде и всё. Писала много, а может вам и не захочется ничего менять, кроме имени да музыки... Да ещё видео в конце советую удалить.

Если будут вопросы, пишите в комментариях

Как Вам Статья? Понравилась?
Подпишитесь на Новые Статьи
Нажимая на кнопку "Подписаться", я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *