В качестве примера описания набора возможностей я приведу результаты работ студентов образовательной программы "Графический дизайн" СПбГУ. В этих работах проводится анализ информационно-программной и композиционной организации сайтов вузов дизайн-образования. Результаты анализа зафиксированы в формате сайта, спроектированного в параллель с исследовательской работой. Сейчас мы рассмотрим страницы, посвященные анализу контента сайтов дизайн-образования. Информация на страницах представлена в форме таблицы. Эти страницы похожи на ту страницу, которую вам предстоит выполнить в результате освоения данного модуля. В то же время работа отличается от вашей, во-первых, тем, что описывает возможности уже существующего сайта и, во-вторых, тем, что показывает только информационную сторону организации сайта. Композиционная сторона в студенческих работах рассмотрена на отдельных страницах. По работе над заданием предыдущего модуля вы уже поняли, что вам на одной веб-странице следует описывать и информационную, и композиционную стороны организации вашего сайта-проекта. Начнем мы с вами с описания информационной стороны. На экране сейчас представлена главная страница сайта Художественного университета в Мусашино в Японии. Александра Животовская, описывая контент по характеру информации, выделила следующие темы содержания сайта: об университете, образовательные программы, международное сотрудничество, сотрудничество с производством, поступающим, музей и библиотека. И если для представления информации об университете понадобилась текстовая среда, фотографии, а также связанные текстовые файлы, то для представления информации о музее и библиотеке потребовалась текстовая, графическая и видео-среда. Посмотрите на экран. Сейчас вы видите страницу сайта Школы дизайна Род-Айленда. В характере информации Анна Разумова выделила такие основные темы сайта: о школе, новости, программы, студенческая жизнь, поступающим, выпускники, финансовая поддержка школы. Для освещения темы о школе используется информация текстовой, графической, картографической природы. Новости и события представлены фотографиями, видео-презентациями, в виде журналов, текстом. Студенческую жизнь обрисовывают фотографии и текст. Теперь перед вами сайт Школы искусств Йельского университета. На сайте представлена информация, собственно, о сайте, о поступлении, о выпускниках, дан календарь событий, представлены курсы, студенты, сотрудники, проекты, области исследований, летние программы, рассмотрены другие темы. Валерия Румянцева указала на наличие на сайте информации текстовой природы, анимированных GIF-изображений, текстовых блоков с градиентной заливкой фона. Подобно тому, как студенты программы "Графический дизайн" описали набор возможностей для проектирования сайта дизайн-школы, в качестве ответа на задания сегодняшнего урока вам следует описать набор возможностей проекта вашего будущего сайта. Вам следует описать характер и природу информации вашего сайта-проекта, а также продумать и, если у вас будет желание, описать на странице сайта-эскиза предполагаемые программные возможности сайта-проекта. Пожалуйста, ответьте на вопросы. О чем будет ваш сайт-проект? Какие пять-шесть основных тем в нем будут освещены? Напишите, пожалуйста, краткий обзор каждой темы. Данные какой природы будут использоваться для раскрытия этих тем? Подумайте, какие изображения вы будете использовать на страницах вашего будущего сайта. Те изображения, которые предложены в тестовых вопросах настоящего модуля, или, может быть, вы подберете изображения самостоятельно? Ответы на эти вопросы вам следует зафиксировать в таблице, в формате веб-страницы. Необходимые для создания таблицы веб-технологии мы рассмотрим далее. Также подумайте, какие на сайте будут использованы программные возможности. Наверняка будет использоваться переход между страницами. Предполагаете ли вы событийные изменения формы элементов интерфейса? Будете ли вы внедрять и использовать функциональность компонентов Bootstrap? Как и в предыдущем модуле, в качестве еще одного примера описания набора возможностей я расскажу мое видение набора возможностей текущего курсового задания. В проектируемом сейчас вами сайте рассматриваются пять тем: идея сайта, материал создания сайта, гипертекстовая организация сайта, организация взаимодействия и организации дисплея вашего будущего сайта-проекта. Для представления содержания используются: текст, графика, диаграммы, таблицы, фотография. Каждая из тем включает в себя по два аспекта: документальный и художественный. Темы попарно включены в одну страницу. Между страницами осуществляется переход по ссылкам. Ссылки изменяются по наведению курса мыши. Пятая страница сайта является адаптивной, корректно отображается как на настольном дисплее, так и на дисплее телефона.