| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
|---|---|---|---|---|---|
| 1 |
Знакомство
|
без видео |
|||
|
На этом уроке мы познакомимся. Меня зовут Волосатов Евгений Витольдович или «Игромистр». А как зовут тебя? Открой блокнот, напиши там своё имя, фамилию и коротко о себе. Затем сделай скриншот и прикрепи к отчёту за этот урок. Отчёт отправил: 2146. Иван Выполнено за 5 мин. [Показать отчёт] Научился: Представляться. Сложности: :) Комментарии: Очень интересно, как же все-таки переводится Tinklavimas? |
|||||
| 2 | Каким будет мой сайт |
без видео |
|||
|
На какую тему ты хочешь создать сайт? Что будет на этом сайте? Для кого будет этот сайт? Ответь на вопросы и нарисуй схему первой страницы своего сайта. Отчёт отправил: 2146. Иван Выполнено за 20 мин. [Показать отчёт] Сложности: :) Комментарии: Тема : Помощь в освоении программ nastrojcomp.ga Сайт для тех, кому это нужно(Надеюсь, что кому-нибудь это нужно :)) |
|||||
| 3 | Второй подход к эскизу |
без видео |
|||
|
Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит. Для этого нужно его нарисовать несколько раз. Сделай ещё ДЕВЯТЬ рисунков своего сайта. Каждую новую схему рисуй не подглядывая в предыдущие. Для отчёта за этот урок нужно приложить фотографию девяти рисунков своего сайта. Отчёт отправил: 2146. Иван Выполнено за 1 час. 20 мин. [Показать отчёт] Научился: Рожать в муках идеи. Сложности: Творить Комментарии: Пока осматриваюсь и осваиваюсь. На втором скриншоте сайт, который делал для жены. |
|||||
| 4 |
Простейшая HTML страница
|
2 теста |
|||
|
На этом уроке мы создадим простейший HTML документ. И сделаем это несколько раз подряд, чтобы исключить любые сложности при выполнении этого базового действия. Отчёт отправил: 2146. Иван Выполнено за 40 мин. [Показать отчёт] Научился: Терпению Сложности: :) Комментарии: Случайно закрыл секундомер и в нем сточки не сохранились. Лучший был на третий раз 1:57. |
|||||
| 5 |
Термины сайтостроения
|
|
|||
|
На этом уроке мы познакомимся со следующими терминами: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. На видео я даю простые, понятные, но не очень точные определения каждого термина. Более точные определения доступны в презентации: На русском языке | На литовском языке Отчёт отправил: 2146. Иван Выполнено за 50 мин. [Показать отчёт] Научился: :) Сложности: :) Комментарии: ip - уникальный адрес страницы, или компьютера dns - служба которая меняет доменное имя на ip (на циферки) proxy - в дополнение напишу, что служит также может служить для подмены вашего ip адреса |
|||||
| 6 |
Контрольная работа
|
без видео 2 теста |
|||
|
Проверим, как вы поняли значение терминов, которые мы рассмотрели на прошлом уроке. 1. Бросьте кубик, чтобы выбрать число от 1 до 4 (если выпало 5 или 6 - перебросьте). 2. Напишите, какой вариант вам выпал. 3. Сформулируйте своими словами значение каждого из 4 терминов выбранного варианта. 4. Выберите ещё один термин из других вариантов, по желанию и опишите его назначение тоже. За каждое определение вы получите от 0 до 2 баллов, максимум - 10 баллов. |
|||||
| 7 | Красивые стихи |
без видео |
|||
|
На этом уроке мы создадим страницу с красиво оформленным стихотворением. Отчёт отправил: 2146. Иван Выполнено за 15 мин. [Показать отчёт] Научился: Повторил Сложности: Выбрать стих Комментарии: Получилось |
|||||
| 8 |
1. Расписание уроков
|
без видео 2 теста |
|||
|
На этом уроке мы познакомимся с тегом TABLE для организации таблиц. Самостоятельное задание - создать таблицу с расписанием своих уроков. Для создания страницы рекомендую использовать Online HTML Editor Отчёт отправил: 2146. Иван Выполнено за 10 мин. [Показать отчёт] Научился: ? Сложности: было просто Комментарии: --- |
|||||
| 9 |
2. Таблица умножения
|
без видео 2 теста |
|||
|
На этом уроке мы понакомимся с таблицами. Нужно создать 10 таблиц умножения, начиная от размера 1х1, заканчивая 10х10. Необходимо сделать скриншот каждой таблицы, чтобы потом можно было создать анимированный gif. Разместить на экране все таблицы и сделать скриншот. * Если умеешь программировать - напиши программу, * которая создаст таблицу умножения размером NxN. Отчёт отправил: 2146. Иван Выполнено за 30 мин. [Показать отчёт] Научился: Отличная практика вывода текста в файл получилась! Сложности: Сложно не было. Комментарии: Еще и с циклами получилась тренировка. Удачный урок! |
|||||
| 10 |
3. Вкусная таблица
|
без видео 1 тест |
|||
|
Сделать таблицу с ресторанным меню. Для каждого наименования вывести: №, фото, название, цену, форму для количества. Отчёт отправил: 2146. Иван Выполнено за 30 мин. [Показать отчёт] Научился: Вспомнил Сложности: Что-то получилось Комментарии: спасибо |
|||||
| 11 |
4. Валидатор
|
без видео |
|||
|
Проверить HTML файл с ресторанным меню на корректность, используя валидатор: https://html5.validator.nu/. Исправить все возможные ошибки. Написать в отчёте, какая ошибка была самой сложной. Отчёт отправил: 2146. Иван Выполнено за 20 мин. [Показать отчёт] Научился: Правильно все сделать Сложности: убрать пробелы из путей Комментарии: Вопросов нет. |
|||||
| 12 |
5. Морской бой
|
без видео |
|||
|
На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники. Отчёт отправил: 2146. Иван Выполнено за 30 мин. [Показать отчёт] Научился: --- Сложности: найти время Комментарии: И самое страшное, если на следующем уроке надо будет эти прямоугольники выписывать в html! |
|||||
| 13 |
6. Стильные Буквы
|
без видео |
|||
|
На этом уроке мы нарисуем большие буквы из кубиков. Для этого нам потребуется таблица, стили, классы. Удобный онлайн HTML редактор Отчёт отправил: 2146. Иван Выполнено за 15 мин. [Показать отчёт] Научился: --- Сложности: --- Комментарии: Что-то вспомнил |
|||||
| 14 |
7. Союз столбцов и строк
|
без видео 2 теста |
|||
|
На этом уроке необходимо создать таблицу 7х7 с объединёнными ячейками на основе любых двух квадратов из задания «Морской Бой». Приложить скриншот HTML-кода и результата для каждого из выбранных квадратов. Используйте онлайн HTML редактор Отчёт отправил: 2146. Иван Выполнено за 1 час. 32 мин. [Показать отчёт] Научился: Поэкспериментировал с таблицами Сложности: Спасибо |
|||||
| 15 |
8. Табличный аттестат
|
без видео |
|||
|
Используя HTML таблицы создать Аттестат успеваемости по указанному примеру. В аттестат впишите СВОИ данные. Отчёт отправил: 2146. Иван Выполнено за 1 день 4 час. 29 мин. [Показать отчёт] Научился: Отработал создание таблиц html. Сложности: Перевести с литовского. Сделать косую линию в ячейке. Вспомнить как задавать padding. Задание понравилось. Наконец, нашел время. |
|||||
| 16 | 5. Kurortavimas |
без видео 1 тест |
|||
|
Кто любит путешествовать? На этом уроке необходимо создать форму туроператора для курортной заявки. Нужно придумать и оформить форму, как полагается. Обязательно использовать следующие теги: form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" Отчёт отправил: 2146. Иван Выполнено за 3 час. 13 мин. [Показать отчёт] Научился: Использовать form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" Сложности: Заставить появляться кнопку только когда отмечен checkbox. В итоге все получилось. |
|||||
| 17 | 6. Raidės iš Varneliu |
без видео |
|||
|
Сформировать таблицу 7х15. В каждой ячейке разместить "checkbox" - галочку. Сделать так, чтобы из галочек были составлены ваши инициалы. Suformuoti 7x15 lentelė. Kiekviename lauke patalpinti „checkbox“ - varnelė. Padaryti taip, kad iš varnelių butų susidėtas jūsų inicialai. Отчёт отправил: 2146. Иван Выполнено за 22 мин. [Показать отчёт] Научился: Повторил создание таблиц и прописывание стилей Сложности: --- |
|||||
| 18 |
7. Tinklalapio kūrimo etapai
|
без видео 1 тест |
|||
|
1. Paruošti nuotraukas. 2. Sukūrti HTML maketą. 3. Užtikrinti HTML validavimą. 4. Pakrauti failą į serverį per FTP Отчёт отправил: 2146. Иван Выполнено за 35 мин. [Показать отчёт] Научился: растягивать картинку на весь <td> : надо в style прописать display: block. Там же можно еще и размер прописать Сложности: Не удалось открыть ftp сервер, так что все делал локально. |
|||||
| 19 | 8. Landing page |
без видео |
|||
|
Создать простую посадочную страницу, на которой должно быть: 1. Таблица из 2 столбцов и 1 строки. 2. В первом столбце разместить: заголовок и рекламный текст. 3. Во втором столбце разместить: Картинку, форму для отправки данных с кнопкой. Обеспечить валидацию HTML-документа. Загрузить фотографию и HTML на сервер через FTP. Приложить к работе URL-ссылку на вашу страницу. Отчёт отправил: 2146. Иван Выполнено за 2 мин. [Показать отчёт] Научился: Пришлось гуглить, т.к. по памяти не получилось. Научился изменять цвет текста, размер текста. Сложности: ФТП у меня не открывается, так что делаю все локально. |
|||||
| 20 |
1. Запуск JavaScript
|
без видео 1 тест |
|||
|
На этом уроке мы познакомимся со скриптовым языком JavaScript. Необходимо написать три очень маленькие программки. 1. Выводит в окно браузера сообщение. 2. Выводит всплывающее окно с сообщением. 3. Проверка заполненной формы. Отчёт отправил: 2146. Иван Выполнено за 1 день 1 час. 41 мин. [Показать отчёт] Научился: Использовать alert(""); Проверять заполнение полей на пустоту. Обнаружил, что в html5 для этого много чего сделано, но сам делал ручную проверку. Добавил тень тексту. (text-shadow: -1px -1px white, 1px 1px gray, 2px 2px #7a7a7a, 3px 3px #757575, 4px 4px #707070, 5px 5px #6b6b6b, 6px 6px #666666, 7px 7px #616161, 8px 8px #5c5c5c, 9px 9px #575757, 10px 10px #525252, 11px 11px #4d4d4d, 18px 18px 30px rgba(0, 0, 0, .4), 18px 18px 10px rgba(0, 0, 0, .4); ) Сложности: Оказалось, что firefox отказался работать с тегом name. Firefox этот тег вообще игнорировал. При изменении его на id все сразу заработало. Пока все это у меня происходит на уровне научного тыка, что немного огорчает. Тень скопировал с просторов интернета - смысл понимаю, все там достаточно просто, но по памяти такое написать не смогу. Значит в следующий раз буду опять искать в интернете и копировать. Нужно ли это вбивать в подкорку, или же так и искать каждый раз - вот в чем вопрос. |
|||||
| 21 |
2. Ввод данных
|
без видео 1 тест |
|||
|
Смысл программирования в обработке данных. В любом языке программирования есть возможность ввода исходных данных. На JavaScript также есть несколько вариантов получения информации от пользователя. На этом уроке мы рассмотрим два способа ввода/вывода информации: 1. Ввод через prompt(), вывод через alert() или document.write(). 2. Ввод и вывод через элементы формы. Задание. Написать программу, которая запросит два числа и найдёт их сумму и максимальное значение. Отчёт отправил: 2146. Иван Выполнено за 2 мин. [Показать отчёт] Научился: Делал сам, без подсказок. Сложности: пришлось воспользоваться поиском, т.к. сначала склеивались два значения, а не складывались. Только потом увидел, что достаточно было прибавить единицу |
|||||
| 22 |
3. яКартинка
|
без видео 2 теста |
|||
|
На этом уроке мы создадим JavaScript, который будет открывать картинки при наведении мышки. Отчёт отправил: 2146. Иван Выполнено за 1 час. 33 мин. [Показать отчёт] Научился: показывать и скрывать картинку через onmouseover и onmouseout Сложности: Спасибо, запомню |
|||||
| 23 |
5. Калькулятор
|
без видео |
|||
|
На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 2146. Иван Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Отличное задание. Хорошо попрактиковался с формой, со стилями. Интересно было вывести знак радикала. И javascript задействован. Сложности: Все доступно Комментарии: Посмотреть можно здесь: http://soundsfor.ucoz.net/calc.html. Спасибо. Интересно было сделать это задание. |
|||||
| 24 |
1. DIV + CSS = Структура страницы
|
без видео |
|||
|
На этом уроке мы создадим структуру страницы, используя тег div и файл оформления style.css Отчёт отправил: 2146. Иван Выполнено за 15 мин. [Показать отчёт] Научился: Повторил использование стилей Сложности: --- |
|||||
| 25 |
2. Красивое меню
|
без видео 1 тест |
|||
|
На этом уроке мы создадим красивое меню для сайта. * Сделайте 6 файлов, чтобы пункты меню переключались. Отчёт отправил: 2146. Иван Выполнено за 18 мин. [Показать отчёт] Научился: Сделали меню Сложности: --- |
|||||
| 26 |
3. День Космонавтики
|
без видео |
|||
|
На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля). Найдите в интернете картинки на чёрном фоне: 1. Земля. 2. Луна. 3. Ракета. 4. Звёздочки. Разместите их в произвольных местах страницы и напишите сопроводительный текст. Отчёт отправил: 2146. Иван Выполнено за 3 час. 54 мин. [Показать отчёт] Научился: Вспомнил, что такое absolute. Еще попутно научился делать круглые фотки, и еще вырезать нужную часть из фото Сложности: То что надо! |
|||||
| 27 |
4. Две колонки
|
без видео |
|||
|
На этом уроке мы создадим страницу с двумя колонками. Правая - фиксированной ширины, левая - динамическая. Отчёт отправил: 2146. Иван Выполнено за 20 час. 52 мин. [Показать отчёт] Научился: Отлично поупражнялся Сложности: -- |
|||||
| 28 |
5. Меню с Колонками
|
без видео |
|||
|
На этом уроке мы создадим структуру полноценного сайта. У нас будет динамическое меню и три колонки. В каждую колонку поместить реальные тексты. Отчёт отправил: 2146. Иван Выполнено за 2 дня 1 час. 7 мин. [Показать отчёт] Научился: Повторил разметку html Сложности: Захотелось меню посередине сделать. Пока сделал через padding |
|||||
| 29 |
7. Show/Hide Message
|
без видео |
|||
|
На этом уроке мы научимся отображать и скрывать текстовый блок на экране, с использованием JavaScript. Отчёт отправил: 2146. Иван Выполнено за 4 дня 8 час. 54 мин. [Показать отчёт] Научился: Показывать и скрывать элементы с помощью javascript Сложности: Очень понравилось. Все сработало! К сожалению, даже в этом маленьком задании умудрился сделать ошибку в написании слов. Так что получилось не с первого раза. Спасибо за предоставленную практику. |
|||||
| 30 |
JS - Квадратные условия
|
без видео |
|||
|
Написать программу, которая выводит квадрат из #. Далее, перебрать различные условия и проанализировать результат. Сделать скриншот двух самых классных квадратных узоров. * Придумать своё условие для узора. Отчёт отправил: 2146. Иван Выполнено за 21 мин. [Показать отчёт] Научился: Использовать тег <tt> , использовать javascript для вывода текста Сложности: --- |
|||||
| 31 | Платформа LP |
без видео |
|||
|
На этом уроке мы познакомимся с конструктором первоклассных одностраничников. 1. Открыть страницу gamesharp.info/webinar и просмотреть её. 2. Открыть страницу PlatformaLP.ru и зарегистрироваться. 3. Создать свою страницу, по примеру из пункта 1. 4. Сделать скриншот и приложить отчёт. 5. Приложить ссылку на полученный результат. Отчёт отправил: 2146. Иван Выполнено за 23 мин. [Показать отчёт] Научился: Ссылка на лендинг : http://o9sd7lyr.plp7.ru/ Сложности: О-хо-хо... Так вот, где появляются эти чудные лендинги, которые больше отталкивают, чем привлекают. Сразу чувствуешь развод на деньги. Я такие страницы закрываю сразу. Теперь я знаю, где логово цветастых лендингов. Вот такая у меня точка зрения на это, понимаю, что я не прав, просто ретроград какой-то... Понимаю, что кому-то это нужно. А самое ужасное то, что не могу предложить никакую замену. Такой лендинг, думаю вообще бессмысленный. Мне казалось, что лендинг больше направлен на поисковые системы, и контент этой страницы должен быть наполнен содержимым по всем правилам seo. ( ключевыми словами, фразами, повторенным достаточное количество раз, достаточным количеством ссылок, и т.д. ) И возможно, качественный лендинг и правильная раскрутка в поисковых системах может помочь оказаться на первых строчках в поиске, Но первая строчка в поиске совсем не гарантирует качественный магазин или качественное исполнение услуг. |
|||||
| Итого: 31 видеоурок |
49 мин. 18 тестов |
5 чел. | |||
| Финалисты: Dmitry Sinitsin, Tekashnik, Andrew, Yaroslav, Tom . | |||||