Работа со списками в CSS
методическая разработка по информатике и икт (10, 11 класс)

Муниципальное бюджетное образовательное учреждение

«Средняя общеобразовательная школа №1 г. Анадыря»

Методическая разработка 

по информатике

«Работа со списками в CSS»

Автор:  учитель высшей категории

Лебедева Людмила Николаевна

г. Анадырь

2024 г.

Введение

Веб-технологии актуальны и продолжают развиваться, что связано с постоянным ростом интернета и повышением требований пользователей к качеству веб-приложений. В эпоху развития интернета и массового использования веб-технологий спрос на квалифицированных специалистов в этой сфере растет каждый день. Веб-разработка - это область, которая охватывает создание и разработку веб-сайтов и веб-приложений. Это может быть все от простого лендинга до сложного интернет-магазина или социальной сети. Веб-разработчики используют различные языки и технологии, такие как HTML, CSS, JavaScript, PHP и многие другие, чтобы создавать интерактивные и функциональные веб-сайты.

Однако самые первые навыки связаны именно с созданием стилей с помощью CSS – каскадной таблицы стилей.

Цель данной разработки – познакомить читателя с методами оформления маркированных и нумированных ссылок на веб-страницах.

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

Задачи:

привить интерес к Web технологиям;

формирование информационной и медиа компетентности учащихся;

сформировать у обучающихся представление о современных стандартах верстки;

развить культуру коллективной ответственной работы;

обучить школьников грамотно искать и структурировать информацию в среде Интернет;

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

Развивающие:

сформировать целостное представление об информационной картине мира средствами «Всемирной паутины»;

способствовать развитию эстетического вкуса, конструктивного и критического мышления;

способствовать развитию внимания, логического и абстрактного мышления, памяти;

развивать пространственное воображение, внимательность к деталям, ассоциативное и аналитическое мышление;

развивать у обучающихся рациональный подход к выбору программного инструментария для создания макетов сайтов;

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

Воспитательные:

сформировать элементы информационной и телекоммуникационной компетенций по отношению к знаниям, умениям и опыту конструирования веб – сайтов;

воспитать высокую культуру труда учащихся;

сформировать навыки работы в коллективе с комплексными проектами;

сформировать навыки современного логического мышления;

ранняя ориентация на инновационные технологии и методы организация практической деятельности;

воспитывать взаимоуважение друг к другу, бережное отношение к оборудованию и технике, дисциплинированность.

Планируемые результаты :

Обучающиеся будут знать:

- язык гипертекстовой разметки HTML5 и таблицы стилей CSS3;

- основы работы с программой VS Code на языке гипертекстовой разметки HTML5 и таблиц стилей CSS3;

Обучающиеся будут уметь:

- программировать на языке гипертекстовой разметки HTML с таблицами стилей CSS;

- грамотно искать, структурировать, редактировать, передавать и размещать информацию в среде Интернет;

Обучающиеся будут владеть:

 - навыками работы с программным обеспечением VS Code;

- навыками самоорганизации работы по разработке сайтов;

- навыками программирования на языке HTML и CSS.

Метапредметными результатами является формирование следующих универсальных действий (УУД):

Регулятивные УУД:

 - уметь работать по предложенным инструкциям;

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

Познавательные УУД:

 - определять и различать языки программирования;

 - выстраивать свою деятельность согласно условиям (составление алгоритма, подходящее для решения задачи);

- ориентироваться в своей системе знаний: отличать новое от уже известного.

Коммуникативные УУД:

- уметь работать в паре и в коллективе; уметь рассказывать о своей программе;

- уметь работать над проектом в команде, эффективно распределять обязанности.

Возраст детей, на которых ориентирована разработка

Программа адресована детям в возрасте от 16 до 18 лет.

Методическая разработка адресована  учителям информатики.

Апробирована на уроках информатики в классах, изучающих икт на профильном уровне.

Основная часть:

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

В табл. 1 перечислены свойства элементов, предназначенных для создания и изменения списков.

Поскольку тег