Занятие 2. Как сделать кликабельную картинку




Школа волшебников. Занятие 1

Посты с поздравлениями не просто понравились, многие захотели научиться создавать их самостоятельно. Об этом шёл разговор во вчерашней теме Хочешь быть волшебником - будь им!. Пройдите по ссылке: тема небольшая, всего четыре строчки, зато там есть несколько ссылок на действительно удивительные и чудесные записи (одна из них в комментариях) и ещё опрос, в котором можно проголосовать.
Такие посты можно научиться делать самостоятельно. Это требует времени и терпения, зато создаёт хорошее настроение, добавляет позитивных эмоций и результат радует не только вас, но и других.

Программа тренинга
Программа тренинга рассчитана на две недели и включает четыре занятия:

1. Поиск интересных флешек, сайтов и прочих занимательных вещей

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

3. Соединяем картинки в таблицу

4. Оформляем пост и выкладываем его.

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

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

Как открыть флешку во весь экран
Чтобы открыть флешку во весь экран, у вас в браузере должен быть установлен Adblock
Теперь, если вы наводите курсор на флешку, в верхнем правом углу её видите надпись "Блокировать". Кликните по ней правой кнопкой мыши и выберите "Открыть ссылку в новой вкладке". Флешка откроется во весь экран:


Даное решение работает только в Firefox.
Решение для Хрома.

Где искать
Разумеется, Google и Яндекс. Если пропустили или забыли тему Определяем безопасность сайта, не лишним будет взглянуть на неё ещё раз.
Ещё несколько ссылок на сайты добавлю в первом комментарии темы

Задания
1. Определитесь с темой вашего поста. Это может быть поздравление с Днём рождения, поздравление с праздником,виртуальная экскурсия по музеям или по интересным местам нашей планеты, пост музыкальный или литературный, рассказ о рыбах, птицах, растениях, выдающихся людях, искусстве и т.д.
2. В своём сообществе создайте запись, в которую будете собирать ссылки на все свои находки. Альтернатива - собирать ссылка в папку, созданную в закладках браузера.
3. Ссылки на самые лучшие и интересные сайты и флешки с кратким пояснением что там находится выложите в комментариях к этой теме.
Советую всем подписаться на тему, чтобы видеть какие ссылки уже добавлены и (по возможности) не дублировать их. Кроме того просьба ко всем, кто дочитал до этого места, не добавляйте в комментарии благодарности. Лучшее "спасибо" - кнопка "Нравится" или "Пригласить", а комментарии для вопросов и ссылок на ваши лучшие находки, которыми вы хотите поделиться

Флешки и открытки

https://prosto-flash.ru/ - лучший русскоязычный сайт с флешками
https://www.jacquielawson.co... - импортные флешки
https://flash.kards.qip.ru/ - хорошие флешки
https://www.manwill.ru/postc... - флешки только для скачивания, просмотр не работает
https://cards.artd.ru/nastro... - флешки
https://www.liveinternet.ru/... - флешки и ещё посмотрите записи по метке
https://flashotkritka.ru/ - флеш открытки и анимации
https://scorpionse.ucoz.ru/i... - флеш открытки
https://www.qvema.ru/flash-o... - флеш-открытки
https://www.radionetplus.ru/... - есть красивые флешки
https://animationscards.ucoz... - флешки
https://www.romanticcollecti... - флеш открытки
https://text-master.ru/ecards/ - немного флешек
https://gifzon.ru/flash_3.htm - флеш открытки
https://www.riversongs.com/ - флешки
https://chipigik.weles.ru/po... - флешки

 

Сайты с поздравлениями

https://odnokartinka.ru/pozd... - сайт с поздравлениями
https://priroda.inc.ru/prazd... - сайт с поздравлениями

 

Интересные сайты

https://www.adme.ru/ - интересный сайт
https://fit4brain.com/914 - ещё один интересный сайт
https://pikabu.ru/tag/интере... сайты/hot - ссылки на интересные сайты
https://www.newart.ru/gal18.htm - рисовалки и редакторы

Тесты

https://globus.livejournal.c... - тесты
https://www.oracle-today.ru/... – тесты

 

Панорамы

https://www.360venezia.com/ - сферические панормамы
https://www.liveinternet.ru/... - сферические панорамы
https://www.chitalnya.ru/wor... - экскурсии, галереи, сферические панорамы, флешки

 

Занятие 2. Как сделать кликабельную картинку

Можно отправить и обычную ссылку, по которой откроется красивая открытка или интересный сайт. Но можно сделать и иначе: спрятать ссылку в кликабельную картинку. Создать такую картинку можно разными способами. Сегодня расскажу об одном из них - самом универсальном, работающем на всех сайтах, поддерживающих HTML.
Код кликабельной картинки выглядит так:

<a href="АДРЕС ССЫЛКИ"><img src="АДРЕС КАРТИНКИ"></a>
Чтобы получить адрес картинки, загрузите её в запись, нажмите Предпросмотр",щёлкните по загруженной картинке правой кнопкой мышки и в контекстном меню выберите "Копировать адрес изображения"


 

Код можно немного усовершенствовать, указав размеры картинки: ширину - width и высоту height.
Пример кода:

<a href="https://cdn.trinixy.ru/pics3/20080214/qwe.swf"><img src="https://content.foto.my.mail.ru/mail/irbris/_blogs/i-21829.jpg" width="300" height="200">

Результат:

 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2016-04-12 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: