# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
без видео |
|||
На этом уроке мы познакомимся. Меня зовут Волосатов Евгений Витольдович или «Игромистр». А как зовут тебя? Открой блокнот, напиши там своё имя, фамилию и коротко о себе. Затем сделай скриншот и прикрепи к отчёту за этот урок. Отчёт отправил: 18783. Andrew Выполнено за 10 мин. [Показать отчёт] Научился: Открывать блокнот. Писать коротко о себе. Сложности: Несложно |
|||||
2 | Каким будет мой сайт |
без видео |
|||
На какую тему ты хочешь создать сайт? Что будет на этом сайте? Для кого будет этот сайт? Ответь на вопросы и нарисуй схему первой страницы своего сайта. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 51 мин. [Показать отчёт] Научился: Вот и 1 сентября наступило, попробую сделать практический сайт-блог по прохождению (walkthrough) седьмого класса средней школы на уровне сложности Эксперт. Содержание - это домашка, конечно, в первую очередь. Название будет простое - "7-й класс: день за днем" Сайт для семиклассников, а также их родителей :)) Сложности: Самое сложное впереди) Взяться за учебу пора, хватит троек |
|||||
3 | Второй подход к эскизу |
без видео |
|||
Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит. Для этого нужно его нарисовать несколько раз. Сделай ещё ДЕВЯТЬ рисунков своего сайта. Каждую новую схему рисуй не подглядывая в предыдущие. Для отчёта за этот урок нужно приложить фотографию девяти рисунков своего сайта. Отчёт отправил: 18783. Andrew Выполнено за 7 час. 15 мин. [Показать отчёт] Научился: Набросал 6 макетов разных модулей. Дизайн выбрал попроще, все-таки самому сайт создавать, а не укозу. Сложности: Пока сложное не началось |
|||||
4 |
![]() |
2 теста |
|||
На этом уроке мы создадим простейший HTML документ. И сделаем это несколько раз подряд, чтобы исключить любые сложности при выполнении этого базового действия. Отчёт отправил: 18783. Andrew Выполнено за 2 час. 47 мин. [Показать отчёт] Научился: Скачал программу и инструкцию, запустил секундомер, выполнил инструкцию,остановил секундомер, и так 11 раз. 11-й раз нужен для скрина. Лучший результат: 1 минута 58 секунд Сложности: Ничего |
|||||
5 |
![]() |
|
|||
На этом уроке мы познакомимся со следующими терминами: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. На видео я даю простые, понятные, но не очень точные определения каждого термина. Более точные определения доступны в презентации: На русском языке | На литовском языке Отчёт отправил: 18783. Andrew Выполнено за 7 час. 45 мин. [Показать отчёт] Научился: Ознакомился с определением терминов с Вики: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. Сложности: мысли с Лурки: Javascript - язык, своим появлением обрушивший порог входа в профессию «программиста» практически до нуля. Позволяет писать жуткий код, не задумываясь о правилах видимости переменных, количестве аргументов и прочих тонкостях строгих языков, он же знаменателен тем, что позволяет создавать очень и даже очень красивые вещи. Так происходит потому, что он подстраивается под того, кто на нём пишет. PHP - язык, на котором написано или работает 95% сайтов рунета. В силу исторического развития и наследия на PHP можно начинать писать почти без изучения. Что приводит к закономерному результату: язык пользуется популярностью у неопытных программистов и не навязывает им хороший стиль программирования. «Раз все пишут, то и я напишу». Ибо стопицот миллионов леммингов не могут оши… throw new Exception(); |
|||||
6 |
![]() |
без видео 2 теста |
|||
Проверим, как вы поняли значение терминов, которые мы рассмотрели на прошлом уроке. 1. Бросьте кубик, чтобы выбрать число от 1 до 4 (если выпало 5 или 6 - перебросьте). 2. Напишите, какой вариант вам выпал. 3. Сформулируйте своими словами значение каждого из 4 терминов выбранного варианта. 4. Выберите ещё один термин из других вариантов, по желанию и опишите его назначение тоже. За каждое определение вы получите от 0 до 2 баллов, максимум - 10 баллов. Отчёт отправил: 18783. Andrew Выполнено за 21 мин. [Показать отчёт] Научился: Кубика не было, взял число с random.org 3 Browser - компьютерная программа, предназначенная отображать документы на языке разметки HTML, как правило, на сайтах сети интернет или локальной сети. Web-page - документ (как правило текстовый в формате HTML), открываемый в сети интернет в браузере, имеющий определенный адрес и являющийся, как правило, частью вебсайта. HTTP - правило передачи данных, по которому можно просматривать веб-страницы в интернете в браузере. SSL - специальный протокол для передачи данных по HTTP в защищенном виде. VDS/VPS - технология хостинга, позволяющая на одном физическом сервере запускать несколько изолированных виртуальных машин. |
|||||
7 | Красивые стихи |
без видео |
|||
На этом уроке мы создадим страницу с красиво оформленным стихотворением. Отчёт отправил: 18783. Andrew Выполнено за 39 мин. [Показать отчёт] Научился: Нашел стихотворение на стихах.ру Скопировал его в HTML файл. Оформил текст, используя различные HTML теги. Сложности: Вроде несложно |
|||||
8 |
![]() |
без видео 2 теста |
|||
На этом уроке мы познакомимся с тегом TABLE для организации таблиц. Самостоятельное задание - создать таблицу с расписанием своих уроков. Для создания страницы рекомендую использовать Online HTML Editor Отчёт отправил: 18783. Andrew Выполнено за 3 час. 5 мин. [Показать отчёт] Научился: Создал таблицу из 6 столбцов и 16 строк Использовал теги table, tr, th, td Заполнил таблицу расписанием уроков Сделал расписание пунктом меню сайта Добавил на страницу номер класса Сложности: Не возникло |
|||||
9 |
![]() |
без видео 2 теста |
|||
На этом уроке мы понакомимся с таблицами. Нужно создать 10 таблиц умножения, начиная от размера 1х1, заканчивая 10х10. Необходимо сделать скриншот каждой таблицы, чтобы потом можно было создать анимированный gif. Разместить на экране все таблицы и сделать скриншот. * Если умеешь программировать - напиши программу, * которая создаст таблицу умножения размером NxN. Отчёт отправил: 18783. Andrew Выполнено за 5 час. 47 мин. [Показать отчёт] Научился: Написал скрипт, создающий таблицу умножения размером N x N Сложности: Изучать javaScript для кода, приведенного в решении |
|||||
10 |
![]() |
без видео 1 тест |
|||
Сделать таблицу с ресторанным меню. Для каждого наименования вывести: №, фото, название, цену, форму для количества. Отчёт отправил: 18783. Andrew Выполнено за 6 час. 31 мин. [Показать отчёт] Научился: Создавать HTML документ со всеми блоками, создавать таблицу для меню, находить для каждого блюда урл адрес картинки, формировать и раскрашивать меню Сложности: Всё нормально |
|||||
11 |
![]() |
без видео |
|||
Проверить HTML файл с ресторанным меню на корректность, используя валидатор: https://html5.validator.nu/. Исправить все возможные ошибки. Написать в отчёте, какая ошибка была самой сложной. Отчёт отправил: 18783. Andrew Выполнено за 9 час. 12 мин. [Показать отчёт] Научился: Научился проверять соответствие HTML-кода страниц сайта и CSS-кода на соответствие современным стандартам на валидаторе. Поскольку сделал это еще при создании страницы, то ошибок не выдало. Сложности: Как же много ошибок на сайтах, сделанных через конструкторы. А на видеошарпе всего 53 ошибки, в основном из-за отсутствия альтов у картинок. |
|||||
12 |
![]() |
без видео |
|||
На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники. Отчёт отправил: 18783. Andrew Выполнено за 13 час. 23 мин. [Показать отчёт] Научился: Нарисовал 12 квадратов Квадрировал их Для этого написал программу на VBA которая случайным образом разбивает квадраты. Увеличил вероятности получения маленьких фигур, чтобы соответствовать условию. Сложности: Программировать на VBA. Не успел разобраться с подпрограммами/функциями и передачей матрицы в них, поэтому написал весь код в теле программы, потом копировал результат 12 раз. |
|||||
13 |
![]() |
без видео |
|||
На этом уроке мы нарисуем большие буквы из кубиков. Для этого нам потребуется таблица, стили, классы. Удобный онлайн HTML редактор Отчёт отправил: 18783. Andrew Выполнено за 13 час. 45 мин. [Показать отчёт] Научился: Создал шрифт 5x5 и написал имя с его помощью. Нарисовал это же в HTML, использовав таблицы, стили и классы. Сложности: Справился |
|||||
14 |
![]() |
без видео 2 теста |
|||
На этом уроке необходимо создать таблицу 7х7 с объединёнными ячейками на основе любых двух квадратов из задания «Морской Бой». Приложить скриншот HTML-кода и результата для каждого из выбранных квадратов. Используйте онлайн HTML редактор Отчёт отправил: 18783. Andrew Выполнено за 5 час. 26 мин. [Показать отчёт] Научился: Две таблички из урока Морской Бой внесены в html, прописаны стили и классы. Нужные ячейки объединены. Сложности: Всё несложно, но долго |
|||||
15 |
![]() |
без видео |
|||
Используя HTML таблицы создать Аттестат успеваемости по указанному примеру. В аттестат впишите СВОИ данные. Отчёт отправил: 18783. Andrew Выполнено за 2 час. 29 мин. [Показать отчёт] Научился: Создавать таблицу, стили для фона и текста, объединять ячейки. Сложности: Делить ячейку по диагонали |
|||||
16 | 5. Kurortavimas |
без видео 1 тест |
|||
Кто любит путешествовать? На этом уроке необходимо создать форму туроператора для курортной заявки. Нужно придумать и оформить форму, как полагается. Обязательно использовать следующие теги: form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" Отчёт отправил: 18783. Andrew Выполнено за 7 час. 23 мин. [Показать отчёт] Научился: Создавать форму, используя таблицу для оформления. Сложности: Сложное задание для меня. Даже не уверен, примет ли сервер все данные из этой формы в таком виде. |
|||||
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. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 51 мин. [Показать отчёт] Научился: Сформировал таблицу и заполнил чекбоксами. Сложности: Не удалось отцентрировать галку по центру ячейки. |
|||||
18 |
![]() |
без видео 1 тест |
|||
1. Paruošti nuotraukas. 2. Sukūrti HTML maketą. 3. Užtikrinti HTML validavimą. 4. Pakrauti failą į serverį per FTP Отчёт отправил: 18783. Andrew Выполнено за 13 час. 11 мин. [Показать отчёт] Научился: Paruošiau 4 nuotraukas. Aš juos išsaugojo "img" aplanke. Sukūriau etapai.html Sukūriau 2x2 lentelę. Aš dedu nuotraukas į stalo langelius. Aš patikrino validatoriaus rezultatus. Сложности: Negaliu įkelti į FTP. |
|||||
19 | 8. Landing page |
без видео |
|||
Создать простую посадочную страницу, на которой должно быть: 1. Таблица из 2 столбцов и 1 строки. 2. В первом столбце разместить: заголовок и рекламный текст. 3. Во втором столбце разместить: Картинку, форму для отправки данных с кнопкой. Обеспечить валидацию HTML-документа. Загрузить фотографию и HTML на сервер через FTP. Приложить к работе URL-ссылку на вашу страницу. Отчёт отправил: 18783. Andrew Выполнено за 15 час. 6 мин. [Показать отчёт] Научился: Создал простую посадочную страницу, валидизировал, загрузил на сервер через ftp. Сложности: Всё ОК |
|||||
20 |
![]() |
без видео 1 тест |
|||
На этом уроке мы познакомимся со скриптовым языком JavaScript. Необходимо написать три очень маленькие программки. 1. Выводит в окно браузера сообщение. 2. Выводит всплывающее окно с сообщением. 3. Проверка заполненной формы. Отчёт отправил: 18783. Andrew Выполнено за 5 час. 15 мин. [Показать отчёт] Научился: Написал скрипты на JavaScript с использованием document.write(), alert() и с валидизацией формы. Проверил работу скриптов и валидизировал код. Сложности: Всё ОК |
|||||
21 |
![]() |
без видео 1 тест |
|||
Смысл программирования в обработке данных. В любом языке программирования есть возможность ввода исходных данных. На JavaScript также есть несколько вариантов получения информации от пользователя. На этом уроке мы рассмотрим два способа ввода/вывода информации: 1. Ввод через prompt(), вывод через alert() или document.write(). 2. Ввод и вывод через элементы формы. Задание. Написать программу, которая запросит два числа и найдёт их сумму и максимальное значение. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 24 мин. [Показать отчёт] Научился: Написал две программы для решения задачи двумя способами. Сложности: Всё ОК |
|||||
22 |
![]() |
без видео 2 теста |
|||
На этом уроке мы создадим JavaScript, который будет открывать картинки при наведении мышки. Отчёт отправил: 18783. Andrew Выполнено за 41 мин. [Показать отчёт] Научился: Научился открывать картинки при наведении мышки Сложности: Хороший урок |
|||||
23 |
![]() |
без видео |
|||
На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 18783. Andrew Выполнено за 6 час. 40 мин. [Показать отчёт] Научился: Создал форму - два поля, 6 кнопок и результат. Для каждой кнопки прописал вызов функции calc (). Написал функцию calc() для выполнения указанного действия над аргументами. Проверил на валидаторе. Сложности: Всё ОК. |
|||||
24 |
![]() |
без видео |
|||
На этом уроке мы создадим структуру страницы, используя тег div и файл оформления style.css Отчёт отправил: 18783. Andrew Выполнено за 26 мин. [Показать отчёт] Научился: Создал HTML-файл с DIV-блоками. Создал CSS-файл с параметрами блоков. Прописал ссылку на style.css в HTML-файле. Сложности: Всё ОК. |
|||||
25 |
![]() |
без видео 1 тест |
|||
На этом уроке мы создадим красивое меню для сайта. * Сделайте 6 файлов, чтобы пункты меню переключались. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 5 мин. [Показать отчёт] Научился: Создал «ul» список с пунктами меню, оформил пункты меню по образцу. Сделал 6 html-файлов для переключения пунктов меню. Сложности: Всё хорошо |
|||||
26 |
![]() |
без видео |
|||
На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля). Найдите в интернете картинки на чёрном фоне: 1. Земля. 2. Луна. 3. Ракета. 4. Звёздочки. Разместите их в произвольных местах страницы и напишите сопроводительный текст. Отчёт отправил: 18783. Andrew Выполнено за 4 час. 51 мин. [Показать отчёт] Научился: Нашел картинки, написал макет сайта, добавил картинки на страницу. Разместил звездочки в разных местах. Сложности: Всё ОК. |
|||||
27 |
![]() |
без видео |
|||
На этом уроке мы создадим страницу с двумя колонками. Правая - фиксированной ширины, левая - динамическая. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 32 мин. [Показать отчёт] Научился: Научился создавать две колонки с разной шириной. Сложности: Всё норм. |
|||||
28 |
![]() |
без видео |
|||
На этом уроке мы создадим структуру полноценного сайта. У нас будет динамическое меню и три колонки. В каждую колонку поместить реальные тексты. Отчёт отправил: 18783. Andrew Выполнено за 3 час. 4 мин. [Показать отчёт] Научился: Создал меню сайта с тремя колонками, поместил тексты. Сложности: Всё ОК. |
|||||
29 |
![]() |
без видео |
|||
На этом уроке мы научимся отображать и скрывать текстовый блок на экране, с использованием JavaScript. Отчёт отправил: 18783. Andrew Выполнено за 35 мин. [Показать отчёт] Научился: Создал ссылку для показа сообщения, создал div с текстом сообщения, сделал ссылку для скрытия сообщения. Сложности: Всё в порядке |
|||||
30 |
![]() |
без видео |
|||
Написать программу, которая выводит квадрат из #. Далее, перебрать различные условия и проанализировать результат. Сделать скриншот двух самых классных квадратных узоров. * Придумать своё условие для узора. Отчёт отправил: 18783. Andrew Выполнено за 1 час. 36 мин. [Показать отчёт] Научился: Вывел квадрат из # по примеру, попробовал некоторые другие условия. Придумал свое условие Сложности: Всё в порядке. |
|||||
31 | Платформа LP |
без видео |
|||
На этом уроке мы познакомимся с конструктором первоклассных одностраничников. 1. Открыть страницу gamesharp.info/webinar и просмотреть её. 2. Открыть страницу PlatformaLP.ru и зарегистрироваться. 3. Создать свою страницу, по примеру из пункта 1. 4. Сделать скриншот и приложить отчёт. 5. Приложить ссылку на полученный результат. Отчёт отправил: 18783. Andrew Выполнено за 5 час. 40 мин. [Показать отчёт] Научился: Интересный конструктор одностраничников. http://pmzrtnma.plp7.ru/ Урок подытожил отличный курс, закрепляющий знания HTML/CSS/JS. Курс кроме прочего ценен тем, что это - фотокурс, ведь не всегда бывает возможность смотреть видео-урок. Сложности: Спасибо за отличный курс. |
|||||
Итого: 31 видеоурок |
49 мин. 18 тестов |
5 чел. | |||
Финалисты: Dmitry Sinitsin, Tekashnik, Andrew, Yaroslav, Tom . |