<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

На счет домашнего задания.
03.01.2014 18:47:52 На счет домашнего задания. Сообщение #1
CyberGenius777

CyberGenius777

Освоившийся

Освоившийся

Дата регистрации:
25.11.2013 14:39:15

Сообщений: 30

Ваш курс мне очень нравится. Но вы задаете такие домашние задания, решение которых требует знаний, не пройденных в уроках, вообще!

Урок14. События и обработчики

Домашнее задание

Выведите на страницу через тег <img /> любое изображение.
Поставьте атрибут width со значением 100.
При наведении курсора на это изображение увеличьте width у изображения до 500.
При снятии курсора с изображения сделайте width обратно 100.

Вот как мне его сделать?


<html>
<head>
<title> </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function noob(button) {
alert("Вас Зовут SuperMan!";
}


var hi = 0;
function getres(relax) {
hi++;
relax.innerHTML = "Вы были хороши " + relax + " раз";
}
function image(something) {
something
}
</script>
</head>
<body>
<input type="button" value="Хотите узнать, как Вас зовут?" onclick="noob(this)";>
<br />
<span onmouseover="getres(this)">Вы были хороши 0 раз</span>
<br />
<img src = "work_1.jpg" alt="Background" onmouseover="image(this)">
</body>
</html>

Профиль Ответить
04.01.2014 21:46:07 На счет домашнего задания. Сообщение #2
bbzz123

bbzz123

Новичок

Новичок

Дата регистрации:
19.12.2013 20:51:04

Сообщений: 2

Когда я проходил этот урок, воспользовался гуглом. Вводите в поиск "события js" и на первой же ссылке будут все события, в том числе и снятие курсора с элемента.
Событие "наведение курсора на элемент" рассматривалось в уроке. Нужно навесить два события на изображение и при наступлении события вызвать или функцию увеличения изображения, или функцию уменьшения. В качестве аргумента функции передать объект (this). В функции, у переданного объекта нужно изменить его ширину. Там делов на пару инструкций. Больше здесь написал, чем в коде)))
Профиль Ответить
06.01.2014 11:23:42 На счет домашнего задания. Сообщение #3
tikkiwiki

tikkiwiki

Модератор

Модератор

Дата регистрации:
15.11.2013 15:36:59

Сообщений: 194

Здравствуйте, CyberGenius777. Если Вам что-то не понятно, обращайтесь в службу поддержки.
Профиль Ответить