HTML markup with AI

 

  1. Вспомнить материал (школьного учебника) по HTML  и закрепить его на основе материала

  2. Познакомиться со статьями:

  3. Создать документ Фамилия-ИИ и заполнить в нем таблицу вида:

 

 

  1. Создать папку HTMLAI-Фамилия

Примечания:

  • В папке HTMLAI-Фамилия будете сохранять все созданные и отредактированные Web-страницы (HTML-документы) и контрольные скрины.

  • HTML-код создаётся исключительно в LLM-сервисах (YaGPT2 и BingAI Chat) и редактируются в текстовых редакторах, а результат просматривается в браузере.

  • Основным HTML-редактором для нас будет БЛОКНОТ (дистрибутив данного редактора можно взять у преподавателя)

  1. В программе Блокнот (Пуск/Программы/Стандартные/Блокнот) записать предложение, в котором будут Ваши Фамилия Имя Отчество и сохранив документ как текстовый файл (с расширением имени файла .txt) под именем Фамилия открыть и просмотреть в браузере содержимое документа (перетянув иконку файла на рабочую область окна браузера) и его код (с помощью команды контекстного меню).
    Современные браузеры позволяют просматривать текстовые документы разных форматов (txt, epub, fb2 и fb2.zip, docx, doc, ppt, pptx, rtf, pdf и др...). Электронные документы и изображения можно распечатать с помощью команды Печать.

  2. В программе Блокнот (Пуск/Программы/Стандартные/Блокнот) ввести код вида записать в контейнер <title></title> свою Фамилию, а в контейнер <body></body> предложение (аналогичное прежнему, с Вашими ФИО) и сохранив документ как текстовый файл под именем ФамилияHTM открыть и просмотреть в браузере содержимое документа (перетянув иконку файла на рабочую область окна браузера) и его код (с помощью команды контекстного меню).

  3. Изменить расширение имени файла ФамилияHTM с .txt на .htm (в Windows в режиме отображения расширений имен файлов или в Блокноте, используя команду "Сохранить как" и выбрав опцию "все файлы"прописать расширение .htm).

  4. Открыть и просмотреть  в браузере содержимое документа ФамилияHTM (перетянув на окно программы) и его код (с помощью команды контекстного меню).
    Браузеры изначально были предназначены для просмотра     html-документов (текстовых документов, размеченных языком HTML, которые опознаются ими по расширению имени файла. Современные браузеры отобразят содержимое файла и без метатекстовой разметки, но делать так неправильно и чревато проблемами).

  5. В ФамилияHTM заменить windows-1251 (в строке <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">) на KOI8 и просмотреть  в браузере содержимое документа ФамилияHTM (перетянув на окно программы) и его код

  6. В Microsot Word (2007 и выше) записать предложение (аналогичное прежнему, с Вашими ФИО) и сохранив документ как Веб-страницу под именем ФамилияDOCX (! не нужно сохранять как "Веб-страница в одном файле" или "Веб-страница с фильтром" !) проанализировать полученный результат (число и организацию файлов в сравнении с ФамилияTXT и ФамилияHTM).

  7. Просмотреть в браузере

  • содержание полученного файла ФамилияDOCX

  • автоматически сгенерированный программой (при сохранении в формате web-страница) код ФамилияDOCX 

  • все файлы из каталога ФамилияDOCX.files  (файл themedata представляет собой контейнер в виде zip-архива и для доступа к файлам следует его предварительно разархивировать и просматривать отдельные файлы по очереди. Обратите внимание на расширение имен файлов, которые размечены с использованием метаязыка XML).

  • подумать о том, почему человек (в здравом рассудке) НИКОГДА не станет использовать Microsot Word для создания Web-страниц

  1. Открыть страницу с HTML-блокнотом. Данное приложение

  • создано с использованием языка JavaScript

  • встроено в web-страницу

  • облегчает введение тегов HTML и просмотр полученных результатов в браузере

  1. Изучить (или посмотреть) HTML-код страницы с HTML-блокнотом (код несколько загроможден декором (звездочки, фон..), т.к. делался для другого проекта и Пособия, но его структуру и языковые средства реализации простейшего HTML-редактора на странице легко увидеть и понять).
    Обратите внимание на содержимое контейнера <style type="text/css"> ... </style>, где прописано форматирование страницы на     CSS

  2. Самостоятельно разобраться с интерфейсом HTML-блокнота и опробовать режимы ввода HTML-кода (Вкл. и Выкл. "Простой" "С примером" "С подсказкой").

  3. Создать в HTML-блокноте (начав с кнопки Старт) HTML-код, который формирует Web-страницу примерного вида (с реализацией гиперссылки на сайт "БрГУ имени А.С. Пушкина" и графического элемента - колобка):

 

Страница создана Фамилия Имя

который (-ая) изучает МАОТ

в УО "Брестский государственный университет имени А.С. Пушкина"

 

 

Рекомендации ФИО однокурсникам

  1. рекомендует прочесть: (автор и название материала по проблемам искусственного интеллекта)

  2. рекомендует посмотреть:  (режиссер и название фильма об искусственном интеллекте)

  3. рекомендует послушать: (композитор и название музыкального произведения ..)

  4. рекомендует освоить: (язык и причина его выбора)

 

Предостережение ФИО  однокурсникам

  • не рекомендует использовать в качестве html-редактора Microsot Word, потому что .... (Ваша основательная аргументация)

 

Примечание: В оформлении должны быть использованы:

  • В контейнере <TITLE></TITLE> должна быть Ваша Фамилия (<TITLE>Здесь</TITLE>)

  • в оформлении должны быть использованы заголовки 1, 2 и 3 уровня

  • ссылка на сайт Вашего университета и его полное название в описании ссылки

  • нумерованный и маркированный списки

  • жирный и наклонный текст

  • отделяющие разделы горизонтальные линии

  • выровненный по правому краю анимированный колобок И. Манцурова (конкретный колобок нужно выбрать на страничке, сохранить в папке HTML-Фамилия под именем Фамилия.gif и сделать на него ссылку (тег <img>)

  1. Сохранить страничку с HTML-редактором и созданным Вами кодом как pdf-файл под именем Фамилия-код (как сохранить: здесь).

  2. Скопировать созданный в HTML-блокноте код в текстовый файл и сохранить его с именем Фамилия-1.htm (расширение файла .htm нужно прописать в поле Имя, а в поле тип выбрать Все файлы).

  1. Просмотреть созданную Вами страничку в браузере (убедиться в том, что она создана в точности с условиями задания).

  2. Скопировать каталог HTML-Фамилия на другой диск и там просмотреть созданную Вами страничку в браузере (убедиться в том, что она создана в точности с условиями задания)

  3. Заполнить Таблицу и сохранить страницу как PDF-документ под именем ФамилияТ

  4. Отослать преподавателю письмо с отзывом о работе и архивом каталога HTML-Фамилия

 

kmp