# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
без видео |
|||
На этом уроке мы познакомимся. Меня зовут Волосатов Евгений Витольдович или «Игромистр». А как зовут тебя? Открой блокнот, напиши там своё имя, фамилию и коротко о себе. Затем сделай скриншот и прикрепи к отчёту за этот урок. Отчёт отправил: 30514. Tom Выполнено за 5 мин. [Показать отчёт] Научился: Начинаю новый курс. Хочу повторить основы. |
|||||
2 | Каким будет мой сайт |
без видео |
|||
На какую тему ты хочешь создать сайт? Что будет на этом сайте? Для кого будет этот сайт? Ответь на вопросы и нарисуй схему первой страницы своего сайта. Отчёт отправил: 30514. Tom Выполнено за 2 час. 6 мин. [Показать отчёт] Научился: Мне понравился раздел консоль на сайте videosharp.info. Тематика моего сайта тоже связана с решением задач на разных языках программирования. Пользователи регистрируются на сайте, добавляют свои задачи, решают задачи других участников. |
|||||
3 | Второй подход к эскизу |
без видео |
|||
Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит. Для этого нужно его нарисовать несколько раз. Сделай ещё ДЕВЯТЬ рисунков своего сайта. Каждую новую схему рисуй не подглядывая в предыдущие. Для отчёта за этот урок нужно приложить фотографию девяти рисунков своего сайта. Отчёт отправил: 30514. Tom Выполнено за 2 час. 41 мин. [Показать отчёт] Научился: Нарисовал два рисунка, на первом показано условие задачи и консоль для решения. На втором результаты решения задачи другими участниками. |
|||||
4 |
![]() |
2 теста |
|||
На этом уроке мы создадим простейший HTML документ. И сделаем это несколько раз подряд, чтобы исключить любые сложности при выполнении этого базового действия. Отчёт отправил: 30514. Tom Выполнено за 37 мин. [Показать отчёт] Научился: Повторил как создавать простую html-страницу. Выполнил задание 10 раз. Лучшее время 01:08. |
|||||
5 |
![]() |
|
|||
На этом уроке мы познакомимся со следующими терминами: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. На видео я даю простые, понятные, но не очень точные определения каждого термина. Более точные определения доступны в презентации: На русском языке | На литовском языке Отчёт отправил: 30514. Tom Выполнено за 59 мин. [Показать отчёт] Научился: Познакомился с терминами сайтостроения. Сервер - это компьютер подключенный к интернету, который используется для хранения и обработки данных клиентов. Браузер - это программа, которая работает на стороне клиента и предназначена для просмотра web-страниц. |
|||||
6 |
![]() |
без видео 2 теста |
|||
Проверим, как вы поняли значение терминов, которые мы рассмотрели на прошлом уроке. 1. Бросьте кубик, чтобы выбрать число от 1 до 4 (если выпало 5 или 6 - перебросьте). 2. Напишите, какой вариант вам выпал. 3. Сформулируйте своими словами значение каждого из 4 терминов выбранного варианта. 4. Выберите ещё один термин из других вариантов, по желанию и опишите его назначение тоже. За каждое определение вы получите от 0 до 2 баллов, максимум - 10 баллов. Отчёт отправил: 30514. Tom Выполнено за 10 мин. [Показать отчёт] Научился: Javascript - язык программирования, который в основном используется в браузере для придания интерактивности web-страницы. Также используется для проверки данных в форме перед отправкой их на сервер, для создания браузерных игр. Hosting - услуга по размещению web-сайта в интернете. Различается по цене, по поддерживаемым технологиям, ограничениям по объему доступа к данным. HTTP - протокол передачи данных в интернете. Используется для передачи html-документов, изображений и других ресурсов. IP-адрес - адрес компьютера в интернете. Существую две версии протокола, 4 и 6. Наиболее распространена 4 версия, в которой адрес представляет собой 4 числа от 0 до 255, разделенных точками. HTML - язык разметки, который используется для формирования структуры документа. |
|||||
7 | Красивые стихи |
без видео |
|||
На этом уроке мы создадим страницу с красиво оформленным стихотворением. Отчёт отправил: 30514. Tom Выполнено за 32 мин. [Показать отчёт] Научился: Текст стиха вывел по абзацам с помощью тега <p>, реализовал переводы строк в абзацах тегом <br> и выделил цитату тегом <q>. |
|||||
8 |
![]() |
без видео 2 теста |
|||
На этом уроке мы познакомимся с тегом TABLE для организации таблиц. Самостоятельное задание - создать таблицу с расписанием своих уроков. Для создания страницы рекомендую использовать Online HTML Editor Отчёт отправил: 30514. Tom Выполнено за 25 мин. [Показать отчёт] Научился: Повторил как создавать таблицу. Для создания расписания использовал предложенный в уроке сайт. С ним удобнее создавать таблицы и сразу видно какая меняется ячейка. |
|||||
9 |
![]() |
без видео 2 теста |
|||
На этом уроке мы понакомимся с таблицами. Нужно создать 10 таблиц умножения, начиная от размера 1х1, заканчивая 10х10. Необходимо сделать скриншот каждой таблицы, чтобы потом можно было создать анимированный gif. Разместить на экране все таблицы и сделать скриншот. * Если умеешь программировать - напиши программу, * которая создаст таблицу умножения размером NxN. Отчёт отправил: 30514. Tom Выполнено за 1 час. 7 мин. [Показать отчёт] Научился: Научился создавать элемент, менять его свойства css, добавлять элемент в документ. Написал javascript-программу, которая создает таблицу умножения заданного размера. С ее помощью создал 10 таблиц от 1 до 10. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/tinklavimas/9/index.html |
|||||
10 |
![]() |
без видео 1 тест |
|||
Сделать таблицу с ресторанным меню. Для каждого наименования вывести: №, фото, название, цену, форму для количества. Отчёт отправил: 30514. Tom Выполнено за 47 мин. [Показать отчёт] Научился: Повторил как создавать таблицу, добавлять изображение на страницу. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/tinklavimas/10/index.html |
|||||
11 |
![]() |
без видео |
|||
Проверить HTML файл с ресторанным меню на корректность, используя валидатор: https://html5.validator.nu/. Исправить все возможные ошибки. Написать в отчёте, какая ошибка была самой сложной. Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт] Научился: Валидатор обнаружил две ошибки. Обе связаны с отсутствием атрибута alt для изображений. Добавил значения атрибута alt для изображений, повторно проверил файл через валидатор и теперь без ошибок. Новая версия страницы находится по адресу https://tomwansweb.000webhostapp.com/tinklavimas/11/index.html |
|||||
12 |
![]() |
без видео |
|||
На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники. Отчёт отправил: 30514. Tom Выполнено за 23 мин. [Показать отчёт] Научился: Повторил как заливать цветом ячейки таблицы, выделять их границы. Нарисовал 12 квадратов, разбил их на прямоугольники. |
|||||
13 |
![]() |
без видео |
|||
На этом уроке мы нарисуем большие буквы из кубиков. Для этого нам потребуется таблица, стили, классы. Удобный онлайн HTML редактор Отчёт отправил: 30514. Tom Выполнено за 51 мин. [Показать отчёт] Научился: Повторил как создавать таблицу с помощью элемента table, как добавлять строки, ячейки. Создал таблицу, в которой разместил три буквы. Фон ячеек c буквами закрасил с помощью CSS. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/13/index.html |
|||||
14 |
![]() |
без видео 2 теста |
|||
На этом уроке необходимо создать таблицу 7х7 с объединёнными ячейками на основе любых двух квадратов из задания «Морской Бой». Приложить скриншот HTML-кода и результата для каждого из выбранных квадратов. Используйте онлайн HTML редактор Отчёт отправил: 30514. Tom Выполнено за 43 мин. [Показать отчёт] Научился: Научился применять атрибуты rowspan и colspan для ячеек таблицы. Создал 1 и 2 таблицу из примера морского боя. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/14/index.html |
|||||
15 |
![]() |
без видео |
|||
Используя HTML таблицы создать Аттестат успеваемости по указанному примеру. В аттестат впишите СВОИ данные. Отчёт отправил: 30514. Tom Выполнено за 1 час. 4 мин. [Показать отчёт] Научился: Повторил как объединять ячейки таблицы по столбцам и строкам, как указывать цвет текста и фон заливки. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/15/index.html |
|||||
16 | 5. Kurortavimas |
без видео 1 тест |
|||
Кто любит путешествовать? На этом уроке необходимо создать форму туроператора для курортной заявки. Нужно придумать и оформить форму, как полагается. Обязательно использовать следующие теги: form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" Отчёт отправил: 30514. Tom Выполнено за 1 час. 53 мин. [Показать отчёт] Научился: Создал форму туроператора с использованием тегов form, input (text, checkbox, radio, submit), select, textarea. |
|||||
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. Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Сформировал таблицу 7 строк по 15 столбцов. Заполнил их элементами checkbox. Установил значения атрибута checked в элементах для создания слова TOM. |
|||||
18 |
![]() |
без видео 1 тест |
|||
1. Paruošti nuotraukas. 2. Sukūrti HTML maketą. 3. Užtikrinti HTML validavimą. 4. Pakrauti failą į serverį per FTP Отчёт отправил: 30514. Tom Выполнено за 47 мин. [Показать отчёт] Научился: Нашел 4 изображения, привел их к одному размеру, сохранил в папке img. Создал таблицу 2 на 2, разместил изображения в ячейках таблицы. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/18/index.html |
|||||
19 | 8. Landing page |
без видео |
|||
Создать простую посадочную страницу, на которой должно быть: 1. Таблица из 2 столбцов и 1 строки. 2. В первом столбце разместить: заголовок и рекламный текст. 3. Во втором столбце разместить: Картинку, форму для отправки данных с кнопкой. Обеспечить валидацию HTML-документа. Загрузить фотографию и HTML на сервер через FTP. Приложить к работе URL-ссылку на вашу страницу. Отчёт отправил: 30514. Tom Выполнено за 1 час. 8 мин. [Показать отчёт] Научился: Создал таблицу из двух столбцов, в первом заголовок и реклама, во втором изображение и форма. Ссылка на результат http://tomfoxweb.rf.gd/tinklavimas/19/index.html |
|||||
20 |
![]() |
без видео 1 тест |
|||
На этом уроке мы познакомимся со скриптовым языком JavaScript. Необходимо написать три очень маленькие программки. 1. Выводит в окно браузера сообщение. 2. Выводит всплывающее окно с сообщением. 3. Проверка заполненной формы. Отчёт отправил: 30514. Tom Выполнено за 22 мин. [Показать отчёт] Научился: Повторил как выводить сообщение с помощью document.write и alert. Повторил как создавать форму, добавлять в нее элементы ввода, проверять ввод пользователя. Результаты можно посмотреть по адресам http://tomfoxweb.rf.gd/tinklavimas/20/js-1.html http://tomfoxweb.rf.gd/tinklavimas/20/js-2.html http://tomfoxweb.rf.gd/tinklavimas/20/js-3-form.html |
|||||
21 |
![]() |
без видео 1 тест |
|||
Смысл программирования в обработке данных. В любом языке программирования есть возможность ввода исходных данных. На JavaScript также есть несколько вариантов получения информации от пользователя. На этом уроке мы рассмотрим два способа ввода/вывода информации: 1. Ввод через prompt(), вывод через alert() или document.write(). 2. Ввод и вывод через элементы формы. Задание. Написать программу, которая запросит два числа и найдёт их сумму и максимальное значение. Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт] Научился: Научился вводить данные с помощью prompt. Повторил как выводить данные через alert, document.write и выполнять ввод-вывод через элементы формы. Результаты можно посмотреть по адресам http://tomfoxweb.rf.gd/tinklavimas/21/prompt.html http://tomfoxweb.rf.gd/tinklavimas/21/form.html |
|||||
22 |
![]() |
без видео 2 теста |
|||
На этом уроке мы создадим JavaScript, который будет открывать картинки при наведении мышки. Отчёт отправил: 30514. Tom Выполнено за 29 мин. [Показать отчёт] Научился: Научился обрабатывать событие наведение указателя мышки на элемент страницы. Создал таблицу 2 на 2, разместил в ней 4 пустые картинки. При наведении указателя мышки на картинку она открывается. Если увести указатель мышки от картинки, загружается пустая картинка. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/22/index.html |
|||||
23 |
![]() |
без видео |
|||
На этом уроке мы напишем простой калькулятор на JavaScript.
Отчёт отправил: 30514. Tom Выполнено за 1 час. 11 мин. [Показать отчёт] Научился: Написал калькулятор, выполняющий 4 операции: сложение, вычитание, умножение и деление. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/23/index.html |
|||||
24 |
![]() |
без видео |
|||
На этом уроке мы создадим структуру страницы, используя тег div и файл оформления style.css Отчёт отправил: 30514. Tom Выполнено за 15 мин. [Показать отчёт] Научился: Повторил как добавлять на страницу div-блоки, определять для них стили, фон, высоту. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/24/index.html |
|||||
25 |
![]() |
без видео 1 тест |
|||
На этом уроке мы создадим красивое меню для сайта. * Сделайте 6 файлов, чтобы пункты меню переключались. Отчёт отправил: 30514. Tom Выполнено за 21 мин. [Показать отчёт] Научился: Создал меню, оформил его с помощью css, добавил html-файлы для переключения пунктов меню. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/25/index.html |
|||||
26 |
![]() |
без видео |
|||
На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля). Найдите в интернете картинки на чёрном фоне: 1. Земля. 2. Луна. 3. Ракета. 4. Звёздочки. Разместите их в произвольных местах страницы и напишите сопроводительный текст. Отчёт отправил: 30514. Tom Выполнено за 39 мин. [Показать отчёт] Научился: Повторил как размещать элементы в произвольных местах страницы. Нашел 4 картинки, разместил на странице. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/26/index.html |
|||||
27 |
![]() |
без видео |
|||
На этом уроке мы создадим страницу с двумя колонками. Правая - фиксированной ширины, левая - динамическая. Отчёт отправил: 30514. Tom Выполнено за 16 мин. [Показать отчёт] Научился: Научился добавлять на страницу две колонки. Одну фиксированной и другую динамической ширины. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/27/index.html |
|||||
28 |
![]() |
без видео |
|||
На этом уроке мы создадим структуру полноценного сайта. У нас будет динамическое меню и три колонки. В каждую колонку поместить реальные тексты. Отчёт отправил: 30514. Tom Выполнено за 22 мин. [Показать отчёт] Научился: Повторил как создавать меню, оформлять его с помощью css. Научился создавать три колонки сайта. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/28/index.html |
|||||
29 |
![]() |
без видео |
|||
На этом уроке мы научимся отображать и скрывать текстовый блок на экране, с использованием JavaScript. Отчёт отправил: 30514. Tom Выполнено за 10 мин. [Показать отчёт] Научился: Повторил как с помощью javascript скрывать и показывать элемент на странице. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/29/index.html |
|||||
30 |
![]() |
без видео |
|||
Написать программу, которая выводит квадрат из #. Далее, перебрать различные условия и проанализировать результат. Сделать скриншот двух самых классных квадратных узоров. * Придумать своё условие для узора. Отчёт отправил: 30514. Tom Выполнено за 3 час. 11 мин. [Показать отчёт] Научился: Для удобства тестирования узоров добавил 25 условий в массив, создал по ним список из radio-элементов. При выборе radio-элемента рисуется узор. Проверил работу 25 узоров, добавил свой под номером 26. Результаты можно посмотреть по адресу http://tomfoxweb.rf.gd/tinklavimas/30/index.html |
|||||
31 | Платформа LP |
без видео |
|||
На этом уроке мы познакомимся с конструктором первоклассных одностраничников. 1. Открыть страницу gamesharp.info/webinar и просмотреть её. 2. Открыть страницу PlatformaLP.ru и зарегистрироваться. 3. Создать свою страницу, по примеру из пункта 1. 4. Сделать скриншот и приложить отчёт. 5. Приложить ссылку на полученный результат. Отчёт отправил: 30514. Tom Выполнено за 1 час. 11 мин. [Показать отчёт] Научился: Познакомился с сайтом platformaLP.ru Узнал как из готовых компонентов и виджетов можно построить сайт. http://pgan1y6x.plp7.ru/ |
|||||
Итого: 31 видеоурок |
49 мин. 18 тестов |
5 чел. | |||
Финалисты: Dmitry Sinitsin, Tekashnik, Andrew, Yaroslav, Tom . |