Поздравьте ваших друзей собственной музыкальной открыткой!

 

 

Вот и пришла Зимушка-Зима! Это еще один повод поздравить своих друзей и знакомых с ее началом! Что она принесет нам, что ждет нас в наступающем году? Мы еще не знаем, но хочется пожелать, чтобы следующий год был лучше, чем настоящий, чтобы сбылись заветные мечты! Конечно же, желаю всем крепкого здоровья и семейного благополучия!  Моя новая зимняя открыточка для вас -

https://internet-ledi.ru//zima/1denzimy.html

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

Прежде всего, скачать шаблон музыкальной открытки "С Первым Днем зимы!" вы можете по ссылке:

[freebiesub download="http://yadi.sk/d/yShJnc2ODae8e"]

Теперь рассмотрим, что надо сделать с полученным шаблоном. Прежде всего разорхивируйте его:

С Первым Днем Зимы

 

 

Откройте папку shablon:

5

 

Файл sPervumDnemZimu2.html откройте с помощью любого установленного констуктора:

4

 

Для этого подойдут программы:  Dreamweaver, Microsoft Office FrontPage, Microsoft Office SharePoint Designer - любая, какая установлена у вас.

Что вам надо поменять в данном шаблоне? Самое главное - в самом низу поменяйте адрес вашего сайта или блога с активной ссылкой на них.

6

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

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

7

Если у вас на данный момент у вас не установлен ни один из вышеперечисленных или других конструкторов, то можете воспользоваться программой Notepad++. Скачать эту программу вы можете  ЗДЕСЬ.

8

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

13

Также в этой программе можно вставить код социальных сетей - вы найдете внизу место, куда нужно вставить код, который вы получите на сайте  http://account.pluso.ru/share/constructor. Подробнее об этом читайте ЗДЕСЬ.

9

Сохраните все изменения, и теперь осталось загрузить вашу открытку на хостинг. Это можно сделать двумя способами - с помощью файлового менеджера, например, FileZilla, (подробнее об этом читайте ЗДЕСЬ), или же через панель управления вашего сайта (читайте подробнее об этом ЗДЕСЬ). Вы можете разместить всю папку sablon в паку pablic_html вашего сайта, можете разместить файл sPervumDnemZimu.html и папку с изображениями zima, непосредственно в папку pablic_html. От того, как  вы разместите на хостинге все ваши файлы, зависит адрес вашей открытки. Если вы загрузите все файлы в папке shablon. то адрес открытки будет таким: http://ваш домен/shablon/sPervumDnemZimu.html. Если вы загрузите открытку без папки, то ее адрес будет таким: http://ваш домен/sPervumDnemZimu.html.

Я например, добавила вместе с папкой шаблон, и вот как выглядет будет ваша открытка: http://v-zdorovom-tele.ru/shablon/sPervumDnemZimu.html. Обратите внимание - несмотря на то, в каком конструкторе вы будете вносить изменения в шаблон открытки, расширение html не меняется. Ведь открытки, которые делаются в конструкторе Microsoft Office FrontPage или Microsoft Office SharePoint Designer имеют расширение htm. Но данная открытка имеет расширение в конце html, и если вы ее не измените, то ее расширение таким и остается.

Но я подумала, что и это для многих окажется очень сложным. Поэтому приготовила еще один файл html - sPervumDnemZimu2.html, который вы можете просто загрузить на хостинг через панель управления после того, как с помощью программы Notepad++ измените адрес вашего сайта и добавите код кнопок социальных сетей (по желанию). При этом никакие изображения вам загружать не надо - все они расположены на моем хостинге, и адрес их прописан в коде.

11

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

12

Как правильно вставить код открытки в код html на блоггере (пробовала вставить на сайте на хостинге - не получилось, потому что у меня ширина маленькая, а так можно было и здесь показать). На блоггере я сделала ширину пошире.

Идете в настроенный блоггер и создаете новое сообщение:

14

Поставьте несколько единичек посредине:

15

Переходите во вкладку HTML и вместо этих 111 вставляете скопированный код из текстового документа:

16

Если нет готового блога, то сделать его очень даже проосто. Об этом подробнее читайте ЗДЕСЬ. 

Вот что у меня получилось: http://spervumdnemzimy.blogspot.com/2013/11/blog-post_30.html

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

Чтобы получить адрес открытки, после того, как вы внесете все изменения (в блоггере тоже нужно поменять адрес на свой), нажимаете опубликовать, и после этого в строке сообщений нажимаете просмотреть, и в открывшемся окне копируете адрес вашей открытки:

17

17 18

Ну вот в принципе и все. Моя маленькая коллекция зимних музыкальных открыток, которая еще будет пополнятся Новогодними открытками: https://internet-ledi.ru//wppage/zimnyaya-kollekciya

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

6 комментариев: С Первым Днем Зимы!

Страница 1 из 11
  • Валерий говорит:

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

    • Людмила говорит:

      Здравствуйте, Валерий, не надо начинать со сложного, сначала сделайте самую простую с помощью готового кода рамки и вставленного кода с видео, попробуйте разместить ее на хостинге, для этого не нужно загружать ничего на хостина насчет всего остального — напишите план (свою собственую интелект-карту — вы все правильно мыслите, и потом все пошагово делайте. понятно. что быстро это не получится, но пусть хоть и медленно, но вы будете двигаться вперед к поставленной цели. Это иногда очень монотонно и скучно, пока не видишь результата. Но это все надо пройти. Ваши труды через время принесут свои плоды, ведь то, как растут семена, мы не видим, но как приятно через какое-то время собирать урожай. Так что ни в коем случае не опускайте руки, всему научитесь. Успехов вам!

  • Людмила говорит:

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

  • Анна говорит:

    Здравствуйте Людмила! Мне очень нравятся ваши уроки. Благодаря им я создала одну открытку,но у меня вместо букв стоят вопросительные знаки. Я думала что сделала что-то не так и воспользовалась вашим подарком. Поменяла только адрес сайта и закачала на хостинг и получилась та же проблема. Как мне ее исправить? Помогите пожалуйста даю ссылки на то что у меня получилось http://krasota160261.ru/otkritka/sPervumDnemZimu2.html
    http://krasota160261.ru/otkritka/perviy-den-zimi/
    Помогите.

    • Людмила говорит:

      Анна, свяжитесь со мной, я вам писала на почту, ответа не получила, поменяйте кодировку в свойствах страницы на UTF8

  • Нелли говорит:

    Спасибо, Людмила. У Вас замечательный курс. Много полезностей. Очень рада нашему общению. Всего Вам доброго.

Страница 1 из 11

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

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

Авторизация на сайте
Анимированные фоны
Магазин
katalog
plus_i_minus4
turbobanner220
Как спасти от краха свой онлайн бизнес
Подпишись на новости сайта: