| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
|---|---|---|---|---|---|
| 1 |
Знакомство
|
без видео |
|||
|
На этом уроке мы познакомимся. Меня зовут Волосатов Евгений Витольдович или «Игромистр». А как зовут тебя? Открой блокнот, напиши там своё имя, фамилию и коротко о себе. Затем сделай скриншот и прикрепи к отчёту за этот урок. Отчёт отправил: 9913. vip Выполнено за 2 мин. [Показать отчёт] Научился: Решил посмотреть данный раздел сайта Прощупать так сказать по чем нынче фунт |
|||||
| 2 | Каким будет мой сайт |
без видео |
|||
|
На какую тему ты хочешь создать сайт? Что будет на этом сайте? Для кого будет этот сайт? Ответь на вопросы и нарисуй схему первой страницы своего сайта. Отчёт отправил: 9913. vip Выполнено за 4 мин. [Показать отчёт] Научился: 1. Сайт будет о прогнозе погоды в любом городе планеты. 2. Карта и название населенных пунктов 2. Для любого желающего им воспользоваться |
|||||
| 3 | Второй подход к эскизу |
без видео |
|||
|
Чтобы сделать хороший сайт - нужно чётко представлять, как он выглядит. Для этого нужно его нарисовать несколько раз. Сделай ещё ДЕВЯТЬ рисунков своего сайта. Каждую новую схему рисуй не подглядывая в предыдущие. Для отчёта за этот урок нужно приложить фотографию девяти рисунков своего сайта. Отчёт отправил: 9913. vip Выполнено за 1 мин. [Показать отчёт] Научился: Создал 9 рисунков своего будущего сайта Записывать видео 9 раз не стал |
|||||
| 4 |
Простейшая HTML страница
|
2 теста |
|||
|
На этом уроке мы создадим простейший HTML документ. И сделаем это несколько раз подряд, чтобы исключить любые сложности при выполнении этого базового действия. Отчёт отправил: 9913. vip Выполнено за 27 мин. [Показать отчёт] Научился: Создал страничку пустую за пару минут. Что-то отложилось в голове, но чувствую не надолго надо закреплять. |
|||||
| 5 |
Термины сайтостроения
|
|
|||
|
На этом уроке мы познакомимся со следующими терминами: WWW, IP-адрес, Доменное имя, DNS, Сервер, Хостинг, VDS/VPS, Прокси, FTP, Браузер, HTTP, SSL, Веб-страница, HTML, CSS, Flash, JavaScript, PHP, MySQL, Куки. На видео я даю простые, понятные, но не очень точные определения каждого термина. Более точные определения доступны в презентации: На русском языке | На литовском языке Отчёт отправил: 9913. vip Выполнено за 45 мин. [Показать отчёт] Научился: Отличный видеоурок. За время просмотра и прослушивания успел перепаять настольную светодиодную лампу т.к. в ней что-то предохранитель перегорел по неизвестной причине. Поменял на термопредохранитель - но он оказался китайским-китайским и у него в процессе установки отвалилась нога (начала в корпусе крутиться). Ну вот как-то так... пришлось напрямую игнорируя технику безопасности и пожаробезопасность соединять. Придется вернуться к этому уроку еще разок когда прикуплю новый нормальный китайский термопредохранитель. Сложности: Презентацию скачал пусть будет. |
|||||
| 6 |
Контрольная работа
|
без видео 2 теста |
|||
|
Проверим, как вы поняли значение терминов, которые мы рассмотрели на прошлом уроке. 1. Бросьте кубик, чтобы выбрать число от 1 до 4 (если выпало 5 или 6 - перебросьте). 2. Напишите, какой вариант вам выпал. 3. Сформулируйте своими словами значение каждого из 4 терминов выбранного варианта. 4. Выберите ещё один термин из других вариантов, по желанию и опишите его назначение тоже. За каждое определение вы получите от 0 до 2 баллов, максимум - 10 баллов. Отчёт отправил: 9913. vip Выполнено за 42 мин. [Показать отчёт] Научился: Выпали как всегда все варианты. И так: HTML - язык разметки web-страниц гиперссылками и тегами <body> </body> CSS - каскадная таблица стилей применяется к web-страницам и не только. вылезло с HTML когда стало невозможным там разобраться а хотелось красоты на страничках JavaScript - язык программирования и исполнения сценариев на web-странице имел раньше достаточно широкое распространение для создания какой-никакой динамики на страницах PHP - язык программирования BackEnd части клиент-серверных приложений вышел родом из C. Достаточно широко юзается программистами при разработке высоконагруженных клиент-серверных приложений совместно с другими технологиями. 80% рынка под ним Server - либо железное устройство для хранения и обработки данных причем как правило достаточно мощное по сравнения с пользовательскими компьютерами, либо программное обеспечение в клиент-серверных приложениях отвечающее за принятие обработку и передачу данных пользовательскому клиенту для отображения Hosting - место размещения серверной части ПО. Как правило это датацентры с огромными мощностями процессорного времени круглосуточной охраной и техническим обслуживанием резервными каналами резервированным электроснабжением и кондиционированием. как правило размещены в районах удобных для этого по инфрастуктуре. Требуют наличия квалифицированного персонала для обслуживания. Поддерживают виртуализацию и прочие тонкости для бесперебойной работы и круглосуточного доступа из вне по коммуникационным сетям. Львиная доля в нашей стране под Ростелекомом и это не всегда хорошо. VDS/VPS - как раз технологии виртуализации см. выше т.е. предоставление вам серверного времени и дискового пространства в виртуальном пространстве за абонентскую плату. В этом есть свои + и свои - с точки зрения безопасности. Перспективное направление вероятно захватит со временем весь рынок. FTP - протокол передачи файлов по сетям (танспорт). как правило поддерживается докачка из-за чего собственно и используется при переносе больших объемов информации Browser - программа для просмотра web-страниц. Как правило Internet Explorer, Opera, Mozilla, FireFox, Chrom и прочая ересь Web-page - специальным образом сформированная страничка на экране монитора в вашем браузере набитая всевозможноподобной информацией для удобства представления её человеку в человекочитаемом виде будь то тест, картинка, звук, видео или любой другой контент. В перспективе распространение запаха и вкуса. Возможно в скором времени можно будет страничку щупать и листать как обычную настольную энциклопедию HTTP - протокол передачи информации от сервера браузеру клиента SSL - протокол передачи информации от сервера браузеру или иному клиентскому приложению с поддержской усиленным методов шифрования есть еще HTTPS - более развитый протокол HTTP с поддержкой сертификации для борьбы с мошенническими схемами замещения и искажения информации в глобальных сетях WWW - собственно всемирная компьютерная паутина пока в масштабах только Земного шара но в перспективе распространится как зараза по всей солнечной системе. На орбите уже пользуются космонавты. IP-address - как номер квартиры в которую вы хотите попасть имеет маркировку Страна-Город-Улица-Дом -Квартира привязан к железу устройства MAC - адресу и там может жить постоянно или периодически (динамически) меняться очень широко используется для соединения устройств и передаче между ними данных есть IP V4 И IPV6- серии более продвинутая, но пока не приживщаяся по ряду исторических причин Domain-name - это собственно было специально создано для удобства людей сопоставление того самого IP адреса с неким его человеко-читаемым именем например IP=8.8.8.8 ни о чем не говорит а вот www.google.com - уже говорит DNS - специальная служба сопоставления имен и адресов своего рода справочник для нас людей используемый компьютерами когда отказывает пропадает доступность сети по именам но есть возможность передавать данные по IP адресам. Как правило круто резервируется да бы не поиметь проблем в больших компьютерных сетях оттого в настройках IP адреса для нее забито аж 2 поля |
|||||
| 7 | Красивые стихи |
без видео |
|||
|
На этом уроке мы создадим страницу с красиво оформленным стихотворением. Отчёт отправил: 9913. vip Выполнено за 2 дня 4 час. 20 мин. [Показать отчёт] Научился: нашел стишок к 12 апреля подходящая дата День космонавтики Взлетел в ракете русский парень, Всю землю видел с высоты. Был первым в космосе Гагарин… Каким по счету будешь ты? Автор: В. Орлов Сложности: вспомнить как это сделать пока вспоминал стащил код с той страницы где искал |
|||||
| 8 |
1. Расписание уроков
|
без видео 2 теста |
|||
|
На этом уроке мы познакомимся с тегом TABLE для организации таблиц. Самостоятельное задание - создать таблицу с расписанием своих уроков. Для создания страницы рекомендую использовать Online HTML Editor Отчёт отправил: 9913. vip Выполнено за 4 час. 13 мин. [Показать отчёт] Научился: Смастерил таблицу с расписанием |
|||||
| 9 |
2. Таблица умножения
|
без видео 2 теста |
|||
|
На этом уроке мы понакомимся с таблицами. Нужно создать 10 таблиц умножения, начиная от размера 1х1, заканчивая 10х10. Необходимо сделать скриншот каждой таблицы, чтобы потом можно было создать анимированный gif. Разместить на экране все таблицы и сделать скриншот. * Если умеешь программировать - напиши программу, * которая создаст таблицу умножения размером NxN. Отчёт отправил: 9913. vip Выполнено за 1 час. 15 мин. [Показать отчёт] Научился: без комментариев |
|||||
| 10 |
3. Вкусная таблица
|
без видео 1 тест |
|||
|
Сделать таблицу с ресторанным меню. Для каждого наименования вывести: №, фото, название, цену, форму для количества. Отчёт отправил: 9913. vip Выполнено за 4 час. 30 мин. [Показать отчёт] Научился: создал страничку с картинками Сложности: блюдо от шеф повара было вкусным |
|||||
| 11 |
4. Валидатор
|
без видео |
|||
|
Проверить HTML файл с ресторанным меню на корректность, используя валидатор: https://html5.validator.nu/. Исправить все возможные ошибки. Написать в отчёте, какая ошибка была самой сложной. Отчёт отправил: 9913. vip Выполнено за 5 час. 39 мин. [Показать отчёт] Научился: прошелся по страничке валидатором не знал что оказывается так можно |
|||||
| 12 |
5. Морской бой
|
без видео |
|||
|
На этом уроке мы нарисуем 12 разноцветных квадратов, которые разделены на прямоугольники. Отчёт отправил: 9913. vip Выполнено за 9 мин. [Показать отчёт] Научился: Блина это еще надо было exel найти сначало порисовал квадратики - классное занятие иногда такие уроки очень полезны когда время 0:20 Сложности: это мне напомнило о неразгаданной загадке круги на полях в разных местах земного шара. занятная штуковина |
|||||
| 13 |
6. Стильные Буквы
|
без видео |
|||
|
На этом уроке мы нарисуем большие буквы из кубиков. Для этого нам потребуется таблица, стили, классы. Удобный онлайн HTML редактор |
|||||
| 14 |
7. Союз столбцов и строк
|
без видео 2 теста |
|||
|
На этом уроке необходимо создать таблицу 7х7 с объединёнными ячейками на основе любых двух квадратов из задания «Морской Бой». Приложить скриншот HTML-кода и результата для каждого из выбранных квадратов. Используйте онлайн HTML редактор |
|||||
| 15 |
8. Табличный аттестат
|
без видео |
|||
|
Используя HTML таблицы создать Аттестат успеваемости по указанному примеру. В аттестат впишите СВОИ данные. |
|||||
| 16 | 5. Kurortavimas |
без видео 1 тест |
|||
|
Кто любит путешествовать? На этом уроке необходимо создать форму туроператора для курортной заявки. Нужно придумать и оформить форму, как полагается. Обязательно использовать следующие теги: form input type="text" input type="radio" select textarea input type="checkbox" input type="submit" |
|||||
| 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. |
|||||
| 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 |
|||||
| 19 | 8. Landing page |
без видео |
|||
|
Создать простую посадочную страницу, на которой должно быть: 1. Таблица из 2 столбцов и 1 строки. 2. В первом столбце разместить: заголовок и рекламный текст. 3. Во втором столбце разместить: Картинку, форму для отправки данных с кнопкой. Обеспечить валидацию HTML-документа. Загрузить фотографию и HTML на сервер через FTP. Приложить к работе URL-ссылку на вашу страницу. |
|||||
| 20 |
1. Запуск JavaScript
|
без видео 1 тест |
|||
|
На этом уроке мы познакомимся со скриптовым языком JavaScript. Необходимо написать три очень маленькие программки. 1. Выводит в окно браузера сообщение. 2. Выводит всплывающее окно с сообщением. 3. Проверка заполненной формы. |
|||||
| 21 |
2. Ввод данных
|
без видео 1 тест |
|||
|
Смысл программирования в обработке данных. В любом языке программирования есть возможность ввода исходных данных. На JavaScript также есть несколько вариантов получения информации от пользователя. На этом уроке мы рассмотрим два способа ввода/вывода информации: 1. Ввод через prompt(), вывод через alert() или document.write(). 2. Ввод и вывод через элементы формы. Задание. Написать программу, которая запросит два числа и найдёт их сумму и максимальное значение. |
|||||
| 22 |
3. яКартинка
|
без видео 2 теста |
|||
|
На этом уроке мы создадим JavaScript, который будет открывать картинки при наведении мышки. |
|||||
| 23 |
5. Калькулятор
|
без видео |
|||
| На этом уроке мы напишем простой калькулятор на JavaScript. | |||||
| 24 |
1. DIV + CSS = Структура страницы
|
без видео |
|||
|
На этом уроке мы создадим структуру страницы, используя тег div и файл оформления style.css |
|||||
| 25 |
2. Красивое меню
|
без видео 1 тест |
|||
|
На этом уроке мы создадим красивое меню для сайта. * Сделайте 6 файлов, чтобы пункты меню переключались. |
|||||
| 26 |
3. День Космонавтики
|
без видео |
|||
|
На этом уроке мы нарисуем открытку на День Космонавтики (12 апреля). Найдите в интернете картинки на чёрном фоне: 1. Земля. 2. Луна. 3. Ракета. 4. Звёздочки. Разместите их в произвольных местах страницы и напишите сопроводительный текст. |
|||||
| 27 |
4. Две колонки
|
без видео |
|||
|
На этом уроке мы создадим страницу с двумя колонками. Правая - фиксированной ширины, левая - динамическая. |
|||||
| 28 |
5. Меню с Колонками
|
без видео |
|||
|
На этом уроке мы создадим структуру полноценного сайта. У нас будет динамическое меню и три колонки. В каждую колонку поместить реальные тексты. |
|||||
| 29 |
7. Show/Hide Message
|
без видео |
|||
|
На этом уроке мы научимся отображать и скрывать текстовый блок на экране, с использованием JavaScript. |
|||||
| 30 |
JS - Квадратные условия
|
без видео |
|||
|
Написать программу, которая выводит квадрат из #. Далее, перебрать различные условия и проанализировать результат. Сделать скриншот двух самых классных квадратных узоров. * Придумать своё условие для узора. |
|||||
| 31 | Платформа LP |
без видео |
|||
|
На этом уроке мы познакомимся с конструктором первоклассных одностраничников. 1. Открыть страницу gamesharp.info/webinar и просмотреть её. 2. Открыть страницу PlatformaLP.ru и зарегистрироваться. 3. Создать свою страницу, по примеру из пункта 1. 4. Сделать скриншот и приложить отчёт. 5. Приложить ссылку на полученный результат. |
|||||
| Итого: 31 видеоурок |
49 мин. 18 тестов |
5 чел. | |||
| Финалисты: Dmitry Sinitsin, Tekashnik, Andrew, Yaroslav, Tom . | |||||