ДОНСКОЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
Разработка пользовательского интерфейса
Направление: 09.03.02 Информационные системы и технологии
Форма обучения: очнаяЛюбая оценка стоящая за лабораторную работу означает - работа зачтена. 1 балл - значит зачтено, так же как и 100 баллов.
Преподаватели:
Горбанев Андрей Николаевичпрактика - вопросы по лабораторным работам:
Шлыкова Алла Ивановна
aishlykova@mail.ru
ауд. 1-420 с 8.30 до 17.00 с понедельника по пятницуЗа осенний семестр необходимо:1. выполнить и защитить 16 лабораторных работ
2. Сконструировать свой сайт многостраничный - от 5 страниц:
- выбрать тему для своего сайта
- письменно в отчете проанализировать не менее 5 сайтов по выбранной тематике
- определить структуру разрабатываемого сайта, письменно в отчете указать ключевые слова для каждой страницы своего сайта.- спроектировать свой сайт с изображениями и текстовой информацией, структура сайта HTML5+CSS+эффекы JS (например: увеличение изображений при наведении курсора, анимация кнопок при наведении курсора, выпадающее меню, калькулятор расчета возраста и т.п.)- разработать форму для ввода данных- письменно описать спроектированный сайт.- опубликовать сайт на хостинге, например Github- ОБЯЗАТЕЛЬНО: все работы опубликовать в данном курсе и защитить работы на паре.Основные вопросы:
основные теги html, верстка div, table
внешние стилевые таблицы css (цвета, оформление, оформление полей, размеры) css/style.css (селектор)
формы (регистрации Input)изображения (img)- Справочники:
проектирование интерфейсов, типографика, семиотика и визуализация.
КНИГА
Экранная типографика при верстке материалов
Программа
____________
В жизни каждого порядочного веб-мастера наступает момент, когда он всерьез задумывается над экранной типографикой.
С одной стороны, ему хочется, чтобы сверстанный текст хорошо смотрелся в окне браузера. А для этого нужно вместо знаков дюйма поставить нормальные кавычки («елочки» и „лапки“), поубивать лишние пробелы, в нужных местах поменять дефисы на тире, неразрывным пробелом «привязать» все короткие союзы и предлоги к следующим за ними словам и произвести кучу других операций. С другой стороны, очень не хочется расставлять все эти значки, кавычки и неразрывные пробелы вручную.
Студия Лебедева первой в интернете заявила о важности применения экранной типографики при верстке материалов. С 2000 года тексты всех создаваемых Студией Лебедева сайтов приводятся в порядок при помощи программы «Типограф». С 2002 года программа бесплатно доступна на нашем сайте.
Подробнее о принципах экранной типографики можно прочитать в § 62 «Ководства».
Тематический план
Факультатив - лабораторные работы часть 2
Методические указания
Лабораторные работы
JavaScript
________________________________
26 - 29 сентября________________________________
3 - 6 октября________________________________
10 - 13 октября
________________________________
17 - 20 октября- 24 - 27 октября контрольная работа