Очень часто требуется показать свой код другому человеку. Есть очень удобный инструмент, позволяющий показывать код с помощью всего лишь одной ссылки. Это http://codepen.io. Предпреждаю, в нем многие примеры из этого учебника не работают . Кроме того, новичкам может быть непонятно как соединяются вместе HTML, CSS и JavaScript (там это скрыто).
Зайдите на сайт http://codepen.io и нажмите кнопку сверху "New Pen" (создает новый пустой шаблон для вставки кода).
Загрузится новая страница с тремя полями для кода: HTML, CSS и JS (JavaScript).
Введите в поле HTML такой код:
<button class="button" onclick="Kuku()">Нажми меня</button>
Введите в поле CSS:
.button { font-size: 30px }
Введите в JS:
function Kuku(){
alert('ku ku');
}
В нижней части страницы будет появляться результат соединения введенных кодов.
Нажмите на созданную кнопку - появится сообщение "ku ku".
Теперь эту страничку можно показать кому угодно, скопируйте адрес сайта и отправьте:
http://codepen.io/anon/pen/MYQBew
Зайдите на сайт http://codepen.io и нажмите кнопку сверху "New Pen" (создает новый пустой шаблон для вставки кода).
Загрузится новая страница с тремя полями для кода: HTML, CSS и JS (JavaScript).
Введите в поле HTML такой код:
<button class="button" onclick="Kuku()">Нажми меня</button>
Введите в поле CSS:
.button { font-size: 30px }
Введите в JS:
function Kuku(){
alert('ku ku');
}
В нижней части страницы будет появляться результат соединения введенных кодов.
Нажмите на созданную кнопку - появится сообщение "ku ku".
Теперь эту страничку можно показать кому угодно, скопируйте адрес сайта и отправьте:
http://codepen.io/anon/pen/MYQBew
Комментариев нет:
Отправить комментарий