Салимóненко Дмитрий Александрович

HTML + CSS

Темы рефератов по предмету «разработка сайтов»

  1. Основы реализации сайтов: статические страницы, технология SSI, системы управления контентом (CMS, общий обзор). Статические и динамические сайты.
  2. Версии html, DOCTYPE и шаблоны страниц. Отличия html от XHTML (сравнительная таблица и обсуждение).
  3. Технология XML (на стороне клиента, т.е. в браузере).
  4. Редакторы для верстки кода html: сравнительный обзор 5…7 наиболее известных разновидностей, скриншоты (для каждого редактора – 1…3 скриншота); в конце реферата – большая аналитическая таблица и выводы.
  5. Структура документа html: основные теги (html, head, body), их содержимое и особенности (про head - подробно).
  6. Теги div и span: атрибуты, сходство, различия, примеры использования (код html + скриншоты).
  7. Теги, служащие для выделения и/или изменения функциональности части текста в предложении (span, strong, a и т.д.) и их атрибуты.
  8. Адресация в интернете: URL, URI, доменные имена, IP-адреса, протоколы разрешения доменных имен.
  9. Таблицы (тег table, а также свойство display: table).
  10. Формы (тег form) и их элементы.
  11. Атрибуты тега input и их свойства.
  12. Списки ol и ul и их атрибуты, основные свойства атрибутов списков. Многоуровневые списки.
  13. Свойства атрибутов для изменения формата текста в предложении (color, font-style, line-height и т.д., и т.п.).
  14. Шрифты html (стандартные и нестандартные). Привести примеры отображения ВСЕХ наиболее известных шрифтов (несколько десятков видов). Как установить или изменить шрифт в отдельной букве, слове, абзаце, блоке, всем документе. Как подключить нестандартный шрифт. Как изменить шрифт в первых буквах каждого абзаца, в первом и последнем абзаце.
  15. Устройства для отображения кода html (дисплеи компьютеров и ноутбуков, телефоны и т.д.). Размеры экранов. Повороты экранов. Метатеги и их параметры для отображения страницы на устройстве конкретного вида.
  16. Медиазапросы CSS. Цели их использования. Примеры применения.
  17. Всплывающие меню CSS (без использования javascript). Виды, примеры (со скриншотами).
  18. Селекторы CSS.
  19. Блочная модель. Переопределение ширины блока при помощи box-sizing.
  20. Адаптивные макеты html-страниц (на чистом CSS, без javascipt): описание и примеры, со скриншотами при разных разрешениях экрана.
  21. Изображения (рисунки – тег img) и фоновые изображения. Параметры фоновых изображений.
  22. Анимация.
  23. Гибкие сетки для адаптивного дизайна.
  24. Позиционирование элементов на странице в технологии адаптивного дизайна.
  25. Основы дизайна html-страниц. Оптимальные типы шрифтов. Оптимальные размеры блоков, меню, шрифтов для различных типов устройств.
  26. Центрирование в html: горизонтальное и вертикальное для различных (блочных и инлайновых) элементов. Подробный анализ, примеры, скриншоты.
  27. Назначение и настройки файла .htaccess.
  28. Прикладные программные среды и языки программирования сервера для функционирования сайта (в общих чертах, рассмотреть только Python, PHP, Perl, Node.JS) – общий обзор, сравнительные особенности. В конце реферата – большая аналитическая таблица, выводы.

Примерный объем реферата: 20…40 стр.

Предпочтительная структура реферата

Предпочтительная структура реферата – следующая:

  • Титульный лист
  • Содержание
  • Введение
  • Глава 1. Теоретическая часть
    1. Назначение
    2. Общие особенности
  • Глава 2. Практическая часть
    1. Характеристика и перечень параметров (по теме)
    2. Примеры применения (код html+CSS, его разбор и описание, скриншоты, схемы)
    3. Аналитический обзор (выполняется, как правило, в виде таблицы, далее в тексте приводятся пояснения, примечания и комментарии).
  • Заключение (очень краткий обзор теоретической части плюс выводы по практической части)
  • Список литературы (книги, статьи и иные ресурсы, в том числе из сети интернет)
  • Приложения (если необходимы; как правило, в приложениях содержатся объемные коды html+CSS, не помещающиеся на одной странице, а также объемные скриншоты).

Руководство по подготовке реферата

Реферат должен быть выполнен студентом самостоятельно, с использованием не устаревших (в том числе, современных – по возможности) источников литературы. Допускается заимствование текста, изображений из любых источников в любом объеме (до 100% от объема реферата), если при этом не нарушаются авторские права тех или иных лиц и иное законодательство России. Однако, все же, целесообразнее излагать текст реферата своими словами, ибо это повысит эффективность понимания выбранной темы и облегчит его защиту.

Защита реферата

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

  • объяснить ЛЮБЫЕ места в тексте (по выбору преподавателя), вплоть до пробела, точки или запятой, в своем реферате;
  • объяснить логику выбранной им темы и обсуждаемые в тексте реферата технологии,
  • обосновать выбор конкретного смыслового контента реферата (т.е. почему для раскрытия выбранной темы использован именно такой контент),
  • указать, чем именно можно было бы дополнить реферат в соответствии с темой.

При защите и объяснении допускается свободное использование любых ПЕЧАТНЫХ или САМОСТОЯТЕЛЬНО ВЫПОЛНЕННЫХ РУКОПИСНЫХ источников литературы, лекций, шпаргалок и т.п. Электронные ресурсы, а также чьи-либо консультации при защите использовать запрещается.


С уважением, Салимоненко Д.А.