Гид по созданию веб-сайта для школьников 9-х классов: видеоуроки

Тема создания сайтов в 9-м классе актуальна среди современных подростков, планирующих сдавать ОГЭ по информатике или сталкивающихся с потребностью в подготовке соответствующих проектов без привязки к итоговой аттестации. Вопрос достаточно серьезный, поэтому решили подготовить тематическую публикацию с видеоуроками создания веб-сайтов для 9-х классов.

Содержание

1. Подборка обучающих видео на тему создания веб-сайтов в 9-м классе
2. Урок 1-й: установка Brackets, базовые теги языка разметки веб-страниц
3. Урок 2-й: тег <img>, списки и гиперссылки
4. Урок 3-й: основы каскадных таблиц стилей
5. Урок 4-й: создание интернет-магазина
6. Урок 5-й: игры для закрепления теории и практики использования HTML и CSS
7. Урок 6-й: программирование на ДжаваСкрипте
8. Урок 7-й: азы jQuery
9. Комплексная образовательная траектория «Frontend-разработчик» для подростков
10. FAQ
11. Создание веб-сайта по информатике в 9-м классе – общая тема проектов перед аттестацией?
12. Какие проекты создания веб-сайтов в 9-м классе наиболее распространены?
13. Какие есть технологии создания сайтов для 9-х классов?
14. Создание сайтов в 9-м классе можно освоить самостоятельно с нуля и бесплатно?
15. Почему создание веб-сайтов в 9-м классе нередко становится темой проектов перед подготовкой к ОГЭ?

Подборка обучающих видео на тему создания веб-сайтов в 9-м классе

Отметили, что создание веб-сайта в рамках информатики в 9-м классе может становиться потребностью по причине проектной деятельности или подготовки к итоговой аттестации по соответствующему предмету. Если тема действительно актуальна, подборка, представленная далее, придется кстати.

Построили ее так: выделили самостоятельные последовательные разделы и коротко описали их. Текста будет минимум, рекомендуем сразу же приступать к просмотру роликов: это поможет разобраться в основах использования HTML, CSS и JavaScript. Термины и понятия расшифруем в тематических подзаголовках.

В качестве бонуса в самом конце, но до классического для блога раздела с вопросами и ответами, представили и описали образовательную траекторию фронтенда. 

Урок 1-й: установка Brackets, базовые теги языка разметки веб-страниц

Ролик: https://rutube.ru/video/ff6e377b23885b4d50ded63897b23f80/?playlist=186177

Brackets – бесплатный текстовый редактор, предназначенный для веб-разработки, а теги в случае с HTML – языком гипертекстовой разметки – представлены командами, описывающими содержимое, скажем, конкретной страницы. Если более конкретно и технически сухо, то теги отдают браузеру указания на порядок демонстрации контента на экране пользовательского устройства.

Разобраться в этих вещах и приблизиться к пониманию азов создания сайтов в 9-м классе поможет представленное видео.

Урок 2-й: тег <img>, списки и гиперссылки

Ролик: https://rutube.ru/video/682ffe38aaf95450df0db855ddb610e3/?playlist=186177

Обозначенный тег в контексте создания сайтов в рамках информатики в 9-м классе играет особую роль и предназначен для вставки изображений в HTML-документы.

Списки же и гиперссылки – стандартные и часто кликабельные элементы страниц, знакомые даже неопытным пользователям интернета.

Больше подробностей об этом содержит обучающий видеоролик.

Урок 3-й: основы каскадных таблиц стилей

Ролик: https://rutube.ru/video/c5fbaf480ed509d2439eb2565c6129d9/?playlist=186177

CSS – каскадные таблицы стилей – предназначены для визуального оформления веб-страниц. Данный язык буквально определяет отображение HTML-элементов.

Узнать об основах CSS поможет представленный видеоролик.

Урок 4-й: создание интернет-магазина

Ролик: https://rutube.ru/video/d49c54d98f60a4970581784516c29819/?playlist=186177

Очередной видеоурок создания сайтов в 9-м классе посвящен разработке интернет-магазина. Благодаря ролику удастся активно попрактиковаться и выполнить полноценный проект.

Урок 5-й: игры для закрепления теории и практики использования HTML и CSS

Ролик: https://rutube.ru/video/5490d6422f2196a3aac6c2f7d8d5fa56/?playlist=186177

Очередной урок поможет узнать об интерактивных играх, благодаря которым можно закрепить знания и навыки использования языка гипертекстовой разметки и каскадных таблиц стилей в увлекательной форме.

Урок 6-й: программирование на ДжаваСкрипте

Ролик: https://rutube.ru/video/5067eb14e79bf95d0bda93258b6497e8/?playlist=186177

Познакомиться с языком программирования JavaScript и лучше разобраться в теме создания сайтов в 9-м классе поможет шестой урок. Представленный инструмент нередко называют языком скриптов, ведь в самом обобщенном смысле речь о наборе конструкций, которые выполняются в процессе загрузки страниц того или иного сайта.

Урок 7-й: азы jQuery

Ролик: https://rutube.ru/video/34b8d63a179631fb64899acc62cd47e2/?playlist=186177

jQuery – это библиотека ДжаваСкрипта, предназначенная для web-разработки. Благодаря представленному инструменту можно упростить работу с HTML-элементами, событиями, анимацией и не только.

На этом сегодняшняя подборка подошла к концу, но не спешим переходить к традиционной рубрике FAQ. Сначала предлагаем ознакомиться с примечательной образовательной траекторией, которая поможет прокачать навыки использования HTML, CSS и JavaScript, а также разобраться в проектной разработке посредством сервиса Figma, предназначенного для создания макетов сайтов.

Комплексная образовательная траектория «Frontend-разработчик» для подростков

Узнать об образовательной траектории создания сайтов для 9-х классов

Цена: от 600 рублей за один час онлайн-занятий.

Скидка: 10 % для новых клиентов.

Особенности: два курса в рамках образовательной программы, практика с портфолио, персонализация построения и реализации обучения, увеличенное количество часов, именной сертификат после окончания, геймификация и т. д.

Форматы: освоить направление и выполнить проекты создания веб-сайтов в 9-м классе можно в группе или индивидуально с учителем.

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

1. HTML, CSS и JavaScript. Учащимся удастся понять фундаментальные основы web-разработки и освоить гипертекстовую разметку, стилизацию страниц и программирование сайтов;
2. Figma. Отмечено, что данный сервис предназначен для макетирования и прототипирования сайтов. Дополнительно ребята узнают о типографике, цветах, визуальных элементах веб-проектов и т. д.

Выгоды: оплата материнским капиталом, рассрочка, налоговый вычет и др.

Пробный урок: предусмотрен.

FAQ

Создание веб-сайта по информатике в 9-м классе – общая тема проектов перед аттестацией?

Создание сайта по информатике в 9-м классе – далеко не общая, а узкая тема проектной деятельности. Дело в том, что многое в данном контексте часто привязывается к моментам, предварительно согласованным с педагогом, ведущим соответствующий предмет. Учащемуся может быть поручено создать сайт или рассмотреть теорию процесса, проанализировать инструменты, востребованные в веб-разработке, подготовить наглядную презентацию и не только.

Какие проекты создания веб-сайтов в 9-м классе наиболее распространены?

Говорить о наиболее или наименее распространенных и даже о типовых проектах не стоит, потому как, что отметили ранее, многое зависит не от условных шаблонов. Однако в качестве примеров можно выделить сайты-визитки, веб-ресурсы с функциями органайзера и подобные варианты.

Какие есть технологии создания сайтов для 9-х классов?

Технологии создания сайта в 9-м классе – сложная категория. Здесь стоит исходить из сути и содержания базового термина. Под технологиями в данном контексте мы пониманием:  Инструменты, предназначенные для веб-разработки. Из материала публикации понятно, что это HTML – средство гипертекстовой разметки документов, CSS – каскадные таблицы стилей, а также ДжаваСкрипт – язык программирования – и Figma. Последняя – сервис для создания макетов и прототипов сайтов. Но стоит учитывать, что веб-разработчики могут использовать и альтернативные инструменты. Это, скажем, языки программирования Python и Java, конструктор Tilda и т. п.;. Подходы к веб-разработке. Аспект тесно связан с инструментами. Так, если один веб-разработчик может использовать HTML, CSS и JavaScript, то другой с большей долей эффективности способен применять альтернативные языки вроде того же «Питона» в связке с различными библиотеками и фреймворками в виде Django.

Создание сайтов в 9-м классе можно освоить самостоятельно с нуля и бесплатно?

Погрузиться в основы и обрести базовые знания и навыки вполне можно самостоятельно. Это подтверждает материал публикации на тему создания сайтов в 9-м классе: предложили ряд последовательных видеоуроков для освоения в комфортном темпе. Если после прохождения условного курса в формате обучающих роликов остались вопросы или захотелось учиться дальше и выполнять более сложные проекты, подойдет представленная образовательная траектория с расширенным перечнем блоков теории и практики.

Почему создание веб-сайтов в 9-м классе нередко становится темой проектов перед подготовкой к ОГЭ?

Снова подчеркнем, что это не всегда правило. Тема проекта для допуска к итоговой аттестации согласуется заранее с учителем информатики. Вероятна зависимость и от образовательной программы, принятой конкретной школой. В случае с профильными направлениями, скажем, веб-разработка может быть условно-обязательной, а в общей ситуации – далеко нет. Чтобы уточнить вопросы по поводу создания веб-сайтов в 9-м классе как обязательной или необязательной теме проектной деятельности в рамках предмета «Информатика», стоит обратиться к учителю, ведущему дисциплину.