Простые HTML-страницы

  • Разработки курсов
  • pptx
  • 27.10.2025
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Занятие посвящено работе в Sublime Text на примере создания простой веб-страницы
Иконка файла материала Урок 1Сайтостороение.pptx

Сайтостороение Простые HTML-страницы

Педагог дополнительного образования МБОУ СОШ №27 г.Пензы Шукшина Екатерина Владимировна

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

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

Основные понятия

Основные понятия

Веб-страница - документ, написанный на языке разметки гипертекста (HTML), который можно просмотреть с помощью браузера. Доступ к веб-странице осуществляется путем ввода URL-адреса.

Основные понятия

HTML (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

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

Запускаем Sublime text

Создаем на рабочем столе свою папку, указываем ФИ, класс

Сохраняем файл в папку со своими ФИ, указываем расширение .html и тип файла

Тэг

Тег  является контейнером, который заключает в себе все содержимое веб-страницы, включая теги  и . Как правило, тег  идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент . Закрывающий тег  должен всегда стоять в документе последним.

Тэг

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

Тэг

 определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.
Атрибуты
Charset Задает кодировку документа.
Content Устанавливает значение атрибута, заданного с помощью name 
Name Имя метатега, также косвенно устанавливает его предназначение.

Тэг </p><p>Определяет заголовок документа. Элемент <strong><title></strong> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <strong><title></strong> на документ и размещать его в контейнере <strong><head></strong>.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/aa/17/f99ea353bfcdac02e878b484a4d0d9f74d.jpg" title="Ссылка на снимок материала: Сохраняем, проверяем страницу в браузере" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/aa/17/f99ea353bfcdac02e878b484a4d0d9f74d.jpg" alt="Сохраняем, проверяем страницу в браузере" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Сохраняем, проверяем страницу в браузере</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/b3/e8/352baacfa1656a6ca615eaae26769b4c45.jpg" title="Ссылка на снимок материала: Тэг Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/b3/e8/352baacfa1656a6ca615eaae26769b4c45.jpg" alt="Тэг Элемент предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэг <body></p><p>Элемент <strong><body></strong> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <strong><body></strong>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/77/1b/5097a45fc74e78013a5bc3f3487f4453a9.jpg" title="Ссылка на снимок материала: Тэги , , …. HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/77/1b/5097a45fc74e78013a5bc3f3487f4453a9.jpg" alt="Тэги , , …. HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэги <h1>, <h2>, <h3>….</p><p>HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <strong><h1></strong> представляет собой наиболее важный заголовок первого уровня, а тег <strong><h6></strong> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <strong><h1></strong>,...,<strong><h6></strong> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/92/f1/63fe40fd464cbefe006ca90e0110c1afa1.jpg" title="Ссылка на снимок материала: Тэг Тег устанавливает перевод строки в том месте, где этот тег находится" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/92/f1/63fe40fd464cbefe006ca90e0110c1afa1.jpg" alt="Тэг Тег устанавливает перевод строки в том месте, где этот тег находится" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэг <br></p><p>Тег <strong><br></strong> устанавливает перевод строки в том месте, где этот тег находится.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/b4/98/174038e52874a8ddc87ce9d245efae511d.jpg" title="Ссылка на снимок материала: Сохраняем, проверяем страницу в браузере" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/b4/98/174038e52874a8ddc87ce9d245efae511d.jpg" alt="Сохраняем, проверяем страницу в браузере" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Сохраняем, проверяем страницу в браузере</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/47/eb/b157289d46a4bb1e6fc5203c591c5c9189.jpg" title="Ссылка на снимок материала: " target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/47/eb/b157289d46a4bb1e6fc5203c591c5c9189.jpg" alt="" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/bb/5c/28ebc1dc7dc8d6553dc0a28b5dd755c6f3.jpg" title="Ссылка на снимок материала: Каскадные таблицы стилей CSS (Cascading" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/bb/5c/28ebc1dc7dc8d6553dc0a28b5dd755c6f3.jpg" alt="Каскадные таблицы стилей CSS (Cascading" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Каскадные таблицы стилей</p><p><strong>CSS (Cascading Style Sheets)</strong> — язык таблиц стилей, который позволяет прикреплять стиль (например, шрифты и цвет) к структурированным документам (например, документам HTML и приложениям XML).</p><p>Отделяя стиль представления документов от содержимого документов, CSS упрощает создание веб-страниц и обслуживание сайтов.<br> </p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/d5/5b/8b7a2e94486e88ffaa3bc6f5df205b4fa7.jpg" title="Ссылка на снимок материала: Создайте еще один файл, сохраните его с расширением" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/d5/5b/8b7a2e94486e88ffaa3bc6f5df205b4fa7.jpg" alt="Создайте еще один файл, сохраните его с расширением" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Создайте еще один файл, сохраните его с расширением .css </p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/7c/df/bffa195ee965b91054545145f23f9c999e.jpg" title="Ссылка на снимок материала: Тэг Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/7c/df/bffa195ee965b91054545145f23f9c999e.jpg" alt="Тэг Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэг <link></p><p>Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/0b/2b/bcadba0fe1ec310c3e26b7665666186d76.jpg" title="Ссылка на снимок материала: В файле Style1.css прописываем стиль тэга body" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/0b/2b/bcadba0fe1ec310c3e26b7665666186d76.jpg" alt="В файле Style1.css прописываем стиль тэга body" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">В файле Style1.css прописываем стиль тэга body </p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/bd/b4/592b19a1637e43fe432683a8be0ba11112.jpg" title="Ссылка на снимок материала: В файле Style1.css прописываем стиль тэга h1" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/bd/b4/592b19a1637e43fe432683a8be0ba11112.jpg" alt="В файле Style1.css прописываем стиль тэга h1" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">В файле Style1.css прописываем стиль тэга h1</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/0f/dc/39bed7089ee9c702006d6da5bcedc551e3.jpg" title="Ссылка на снимок материала: Найдите в Интернете картинку в векторной графике с изображением двух мальчиков" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/0f/dc/39bed7089ee9c702006d6da5bcedc551e3.jpg" alt="Найдите в Интернете картинку в векторной графике с изображением двух мальчиков" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Найдите в Интернете картинку в векторной графике с изображением двух мальчиков. Задайте имя файла 1.png. Сохраните в ту же папку, в которой хранятся файлы веб-страницы. </p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/ba/b9/367c08463af1239331d09925701702e6e9.jpg" title="Ссылка на снимок материала: Тэг Тег предназначен для отображения на веб-странице изображений в графическом формате" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/ba/b9/367c08463af1239331d09925701702e6e9.jpg" alt="Тэг Тег предназначен для отображения на веб-странице изображений в графическом формате" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэг <img></p><p>Тег <strong><img></strong> предназначен для отображения на веб-странице изображений в графическом формате. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <strong><img></strong> в контейнер <strong><a></strong>.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/0f/1b/bc8d4b7a99e2652253f800878b5b0f72ba.jpg" title="Ссылка на снимок материала: Уменьшим картинку – в файле Style1" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/0f/1b/bc8d4b7a99e2652253f800878b5b0f72ba.jpg" alt="Уменьшим картинку – в файле Style1" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Уменьшим картинку – в файле Style1.css пропишем </p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/10/39/1de0c906222a85bf3435e2b8728b15bf66.jpg" title="Ссылка на снимок материала: Тэги , , Элемент служит контейнером для элементов, определяющих содержимое таблицы" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/10/39/1de0c906222a85bf3435e2b8728b15bf66.jpg" alt="Тэги , , Элемент служит контейнером для элементов, определяющих содержимое таблицы" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Тэги <table>, <th>, <td></p><p>Элемент <strong><table></strong> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <strong><tr></strong> и <strong><td></strong>.</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/69/2d/1243f3d18e1987d065edd6c89c18d8b476.jpg" title="Ссылка на снимок материала: Результат" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/69/2d/1243f3d18e1987d065edd6c89c18d8b476.jpg" alt="Результат" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Результат</p> </div> </div> <div class="media-material-detail-body-presentation__container"> <div class="media-material-detail-body-presentation-image__container"> <a href="https://fs.znanio.ru/d5af0e/aa/2e/408bd98149390d0b235f19a239e091cd11.jpg" title="Ссылка на снимок материала: Настроим ячейки и выравнивание в таблице – в файле" target="_blank"> <img class="media-material-detail-body-presentation-image__snapshot" src="https://fs.znanio.ru/d5af0e/aa/2e/408bd98149390d0b235f19a239e091cd11.jpg" alt="Настроим ячейки и выравнивание в таблице – в файле" loading="lazy" /> </a> </div> <div class="media-material-detail-body-presentation-text__container"> <p style="text-align: center">Настроим ячейки и выравнивание в таблице – в файле Style1.css пропишем </p> </div> </div> </div> <div class="material-detail-after-content-ads__container"> <div id="yandex_rtb_R-A-1580174-12"></div> </div> <div class="media-material-detail__copyright"> <p> Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете <a href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении" target="_blank">сообщить о нарушении</a>. </p> </div> </div> <div class="media-material-detail-download__container"> <form class="media-material-detail-download__form" action="https://znanio.ru/media/prostye-html-stranitsy-2968067/download" method="post" target="_blank"> <div class="media-material-detail-download__operation"> <input name="email" type="text" placeholder="Введите ваш E-mail"/> <div class="media-material-detail-download-button__container"> <button class="button button--primary media-material-download__js" type="submit">Скачать</button> </div> </div> <label class="media-material-detail-download__label"> <input type="checkbox" name="agree" checked="checked" disabled="disabled" /> Нажимая кнопку «Скачать», вы принимаете условия <a href="https://znanio.ru/docs/o.pdf" title="Пользовательское соглашение" target="_blank">оферты</a>, <a href="https://znanio.ru/docs/pk.pdf" title="Политика персональных данных" target="_blank">обработки и защиты личных данных</a> и подключаете бесплатные почтовые уведомления с возможностью отписки. </label> </form> <button class="button button--default media-material-detail-download__button move-up__js"> <img src="https://znanio.ru/build/assets/img/icon/arrow-up.svg" alt="Иконка стрелки вверх"> </button> </div> <footer class="copyright__container"> <div class="copyright-base__container"> © ООО «Знанио»<br><br>С вами с 2009 года. <img class="copyright-restriction__image" src="https://znanio.ru/build/assets/img/footer/restriction.png" alt="Изображение возрастные ограничения 12+"/> </div> <div class="copyright-about__container"> <p><strong>О портале</strong></p> <ul class="copyright-about__list"> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" rel="nofollow" title="Сведения об организации" target="_blank">Сведения об организации</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/o.pdf" rel="nofollow" title="Пользовательское соглашение" target="_blank">Пользовательское<br>соглашение</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика конфиденциальности" target="_blank">Политика конфиденциальности</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/pk.pdf" rel="nofollow" title="Политика персональных данных" target="_blank">Политика персональных данных</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/p" title="Проверка документов" target="_blank">Проверка документов</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Обратная связь" target="_blank">Обратная связь</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Рекламодателям" target="_blank">Рекламодателям</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/docs/tmp/report_violation.html" title="Сообщить о нарушении" target="_blank">Сообщить о нарушении</a> </li> <li class="copyright-about__item"> <a class="copyright-about__link" href="https://znanio.ru/about" title="Центр поддержки" target="_blank">Центр поддержки</a> </li> </ul> </div> <div class="copyright-social__container"> <p><strong>Мы в соцсетях</strong></p> <ul class="copyright-social__list"> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://vk.ru/znanioru" title="Вконтакте" target="_blank">Вконтакте</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://ok.ru/znanioru" title="Одноклассники" target="_blank">Одноклассники</a> </li> <li class="copyright-social__item"> <a class="copyright-social__link" href="https://www.youtube.com/channel/UCcKrjMPh-3ZwjCi_UQTNHXg" title="Youtube" target="_blank">Youtube</a> </li> </ul> </div> <div class="copyright-license__container"> <ul class="copyright-license__list"> <li class="copyright-license__item"> <img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-license.png" alt="Изображение образовательная лицензия"/> <a class="copyright-license__link" href="https://znanio.ru/docs/li.pdf" title="Образовательная лицензия" target="_blank">Образовательная лицензия №5257 от 09.09.2020 (Л035-01253-67/00192487)</a> </li> <li class="copyright-license__item"> <img class="copyright-license__image" src="https://znanio.ru/build/assets/img/footer/gerb-trademark.png" alt="Изображение свидетельство правообладателя товарного знака"/> <a class="copyright-license__link" href="https://znanio.ru/docs/tm.jpg" title="Свидетельство правообладателя товарного знака" target="_blank">Свидетельство правообладателя товарного знака 11.01.2017</a> </li> </ul> </div> </footer> </div> <div class="right-bar__container"> <div class="media-material-recommendation__container"> <p class="media-material-recommendation__title">Посмотрите также</p> <ul class="media-material-recommendation__list"> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/logicheskie-elementy-2970544" title="Логические элементы"> Логические элементы </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/drony-chto-nuzhno-znat-kazhdomu-perevod-drones-what-everyone-needs-to-know-2nd-editionoxford-university-press-2025-2967183" title="Дроны: что нужно знать каждому. Перевод Drones: What Everyone Needs to Know, 2nd Edition.Oxford University Press 2025"> Дроны: что нужно знать каждому. Перевод Drones: What Everyone Needs to Know, 2nd Edition.Oxford University Press 2025 </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/vredonosnye-i-antivirusnye-programmy-kompyuternye-virusy-i-zaschita-ot-nih-2966077" title="Вредоносные и антивирусные программы. Компьютерные вирусы и защита от них"> Вредоносные и антивирусные программы. Компьютерные вирусы и защита от них </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/dopolnitelnaya-obscheobrazovatelnaya-obscherazvivayuschaya-programma-tehnicheskoj-napravlennosti-osnovy-logiki-i-programmirovaniya-2957639" title="Дополнительная общеобразовательная общеразвивающая программа технической направленности "Основы логики и программирования""> Дополнительная общеобразовательная общеразвивающая программа технической направленности "Основы логики и программирования" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/metodicheskaya-razrabotka-obuchenie-raboty-nad-uchebno-issledovatelskim-proektom-2945998" title="Методическая разработка "Обучение работы над учебно-исследовательским проектом""> Методическая разработка "Обучение работы над учебно-исследовательским проектом" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/rabochaya-programma-pr-mdk-0301-podgotovka-tehnicheskaya-obrabotka-i-razmeschenie-kontenta-elektronnogo-dokumentooborota-2944278" title="Рабочая программа пр МДК 03.01 ПОДГОТОВКА, ТЕХНИЧЕСКАЯ ОБРАБОТКА И РАЗМЕЩЕНИЕ КОНТЕНТА ЭЛЕКТРОННОГО ДОКУМЕНТООБОРОТА"> Рабочая программа пр МДК 03.01 ПОДГОТОВКА, ТЕХНИЧЕСКАЯ ОБРАБОТКА И РАЗМЕЩЕНИЕ КОНТЕНТА ЭЛЕКТРОННОГО ДОКУМЕНТООБОРОТА </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/op15-veb-programmirovanie-2941140" title="ОП.15 Веб-программирование"> ОП.15 Веб-программирование </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/rabochaya-programma-op14-osnovy-veb-dizajna-2941139" title="Рабочая программа ОП.14 Основы веб дизайна"> Рабочая программа ОП.14 Основы веб дизайна </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/rabochaya-programma-kruzhka-kompyuter-i-ya-2935298" title="Рабочая программа кружка "Компьютер и Я""> Рабочая программа кружка "Компьютер и Я" </a> </li> <li class="media-material-recommendation__item"> <a class="media-material-recommendation__link" href="https://znanio.ru/media/subd-access-prakticheskaya-rabota-1-sozdanie-sortirovka-poisk-pechat-2927033" title="СУБД Access. Практическая работа №1. Создание, сортировка, поиск, печать."> СУБД Access. Практическая работа №1. Создание, сортировка, поиск, печать. </a> </li> </ul> </div> <div class="right-bar-ads__container"> <div id="yandex_rtb_R-A-1580174-3"></div> </div> </div> </div> <div id="cookie-policy-notification" class="cookie-policy-notification__container"> <button class="cookie-policy-notification__close" onclick="closeCookiePolicyNotification()"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.854 12.725L0 22.58 1.42 24l9.855-9.854a1.003 1.003 0 011.42 0L22.58 24 24 22.58l-9.884-9.855a1.003 1.003 0 010-1.42L24 1.42 22.58 0l-9.885 9.884a1.003 1.003 0 01-1.42 0L1.42 0 0 1.42l9.854 9.885a1.003 1.003 0 010 1.42z" fill="currentColor"></path> </svg> </button> <div class="cookie-policy-notification__title">Мы используем Cookies</div> <div class="cookie-policy-notification__description"> <p>Продолжая использовать наш сайт, вы соглашаетесь с <a class="cookie-policy-notification__link" href="https://znanio.ru/docs/cookie-policy.pdf" title="Политика использования Cookies" target="_blank">политикой использования Cookies</a>. Это файлы в браузере, которые помогают нам сделать ваш опыт взаимодействия с сайтом удобнее.</p> <div class="cookie-policy-notification-option__list"> <span class="cookie-policy-notification-option__item"> <input id="cookie-required-option" type="checkbox" name="required_cookie" disabled="disabled" checked="checked"> <label class="cookie-policy-notification-option__label" for="cookie-required-option"> <b>Функциональные</b></label> </span> <span class="cookie-policy-notification-option__item"> <input id="cookie-analytics-option" type="checkbox" name="analytics_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_ANALYTICS, this)"> <label class="cookie-policy-notification-option__label" for="cookie-analytics-option"> Аналитические</label> </span> <span class="cookie-policy-notification-option__item"> <input id="cookie-marketing-option" type="checkbox" name="marketing_cookie" checked="checked" onclick="cookiePolicySet(COOKIE_POLICY_MARKETING, this)"> <label class="cookie-policy-notification-option__label" for="cookie-marketing-option"> Маркетинговые</label> </span> </div> </div> <div class="cookie-policy-notification__action"> <button class="button button--primary" onclick="applyCookiePolicy()">Принять настройки</button> </div> </div> <script type="text/javascript" src="https://znanio.ru/build/assets/js/app.min.js?v=0.6.1" async></script> <script type="text/javascript" src="https://znanio.ru/build/assets/js/external-package.min.js?v=0.6.1" async></script> <!-- Varioqub --> <script type="text/javascript"> (function(e, x, pe, r, i, me, nt){ e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)}, me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener('error',function(){function cb(t){t=t[t.length-1],'function'==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)}) (window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab'); </script> <!-- Yandex.Metrika --> <script type="text/javascript">(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(39196045, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true });</script> <noscript><div><img src="https://mc.yandex.ru/watch/39196045" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <script type="text/javascript" src="https://yandex.ru/ads/system/context.js" async></script> </body> </html>