74
.pdfМинистерство образования и науки Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования
«Нижегородский государственный архитектурно-строительный университет»
А. И. Домрачев
WEB-ДИЗАЙН
Учебно-методическое пособие
по подготовке к лекциям (включая рекомендации по организации самостоятельной работы) для обучающихся по дисциплине «WEB-ДИЗАЙН » по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, профиль Инфраструктура пространственных данных
Нижний Новгород
2016
УДК 004 (075.8)
Домрачев А. И./ WEB-ДИЗАЙН [Электронный ресурс]: учеб. – метод. пос./ А. И. Домрачев; Нижегор. гос. архитектур. – строит. ун-т – Н. Новгород: ННГАСУ, 2016. - ___ с. 1 электрон.опт. диск (CD-R)
Даются тематика лекций, их краткое содержание, а также методические рекомендации по самостоятельной работе обучающихся по дисциплине «WEBДИЗАЙН ». Указывается необходимая литература и источники, разъясняется последовательность их изучения, выделяются наиболее сложные вопросы и даются рекомендации по их изучению, приводится тематика расчётных работ.
Предназначено для обучающихся в ННГАСУ подисциплине «WEBДИЗАЙН » по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, профиль Инфраструктура пространственных данных.
©А. И. Домрачев
©ННГАСУ. 2016.
Учебно-методическое пособие по подготовке к лекциям (включая рекомендации по организации самостоятельной работы) по дисциплине «WEBДИЗАЙН » предназначены для студентов первого курса, обучающихся по направлению 21.03.03 Информационные системы и технологии, и содержат программу для проведения лекционных занятий, а также методические рекомендации по самостоятельной работе.
Цель учебно-методического пособия: помочь студентам при изучении учебной программы с использованием лекционных материалов и рекомендуемой учебно-методической литературы при формировании необходимых компетенций дисциплины «WEB-ДИЗАЙН ».
Целями освоения дисциплины «WEB-ДИЗАЙН » являются формирование у студента, совместно с другими дисциплинами учебного плана и всеми формами образовательного процесса в университете, компетенций, знаний, умений и навыков, определяемых требованиями ФГОС ВОпо направлению 21.03.03 Информационные системы и технологии.
В лекциях излагается общая характеристика вопросов тем, даются практические примеры применения стандартов, осуществляется групповая работа студентов и преподавателя по разработке соответствующих разделов пояснительной записки по разработке программного обеспечения или информационных систем. Главной целью лекции является привитие студентам интереса к изучаемому материалу, формирование мотивации к последующему самостоятельному анализу рассматриваемой проблематики. На лекциях студентам раскрываются наиболее сложные вопросы и теоретические положения, показывается их практическая значимость, даются рекомендации по углубленному самостоятельному изучению теории и практики.
На лекциях по дисциплине «WEB-ДИЗАЙН » широко используются активные формы проведения занятий. Такие формы организации образовательного процесса, способствуют разнообразному (индивидуальному, групповому, коллективному) изучению учебных вопросов (проблем), активному взаимодействию студентов и преподавателя, живому обмену мнениями между ними, нацеленному на выработку правильного понимания содержания изучаемой темы и способов ее практического использования.
Материал пропущенных лекций студент восстанавливает самостоятельно и по всем непонятным положениям и вопросам обращается за разъяснением к преподавателю.
Виды и формы самостоятельной работы студентов по дисциплине:
-систематическая проработка лекций, основной и дополнительной литературы;
-выполнение расчётно-графической работы;
-подготовка к зачёту.
Содержание разделов дисциплины:
1.Основы языка гипертекстовой разметки HTML.
2.Проверка HTML кода на валидность. Разбор основных ошибок.
3.Каскадные таблицы стилей (CSS) и стандарты.
4.Структура HTML документа. Применение каскадных таблиц стилей.
5.Операторы языка сценариев JavaScript, функции, массивы
6.Создание сценария на JavaScript с разбором кода
7.Встроенные классы языка сценариев JavaScript, события, объекты
8.Программирование визуальных эффектов при помощи JavaScript.
9.Обзор технологии серверногоweb– программирования.
10.Установка и настройка Web - сервера Apache, базы данных MySQL и интерпретатора языка PHP.
11.Основы программирования PHP.
12.Основы синтаксиса языка PHP. HTML-формы и их обработка средствами
PHP.
13.Функции, аргументы функций.
14.Использования кодировок utf-8 и cp1251, правильная перекодировка. 15.Базы данных и СУБД, основы языка запросов SQL.
16.Функции работы со строками в PHP. Функции для работы с массивами. 17.Взаимодействие PHP и MySQL.
18.Диагностика и устранение медленной загрузки сайта при помощи специальных программных средств.
19.Доступ к базе данныхиз PHP с помощью библиотек.
20.Создание БД и обработка запросов с помощью PHP.
21.Объектно-ориентированное программирование в PHP.
22.Разбор создания классов для работы с БД.
23.Создание шаблона сайта пр помощи класа
24.Классы и объекты.
25.Основы Flash-технологии.
26.Разница использования языков программирования ActionScript 2.0 и
ActionScript 3.0
27.Приниципы создания flash-сайтов.
28.Создание Flash - элемента. Основы языка ActionScript. 29.Основы метода AJAX, разработка простого AJAX-приложения. 30.Разбор простого AJAX-приложения
31.Построение пользовательскогоweb-интерфейса при помощи AJAX.
32.Построение пользовательскогоweb-интерфейса при помощи AJAX.
33.Построение пользовательскогоweb-интерфейса при помощи AJAX.
34.Построение пользовательскогоweb-интерфейса при помощи AJAX.
35.Разбор простого AJAX-приложения
На консультациях в течение семестра студенты могут обсуждать с преподавателем различные вопросы по выполнению расчётно-графической работы (РГР).
Рекомендуется проработать конспект лекций, затем повторить теоретический материал, пользуясь рекомендованной основной и дополнительной литературой. Если после этого остаются вопросы, рекомендуется выписать их и обратиться к преподавателю на консультациях.
Студент допускается к зачёту, если он сдал все лабораторные работы и РГР. При подготовке к зачету после получения перечня вопросов рекомендуется:
1)внимательно прочитать материал лекций;
2)постараться разобраться с непонятными, в частности, новыми терминами, используя рекомендованную литературу;
3)просмотреть все лабораторные работы;
4)выписать вопросы для подробного обсуждения с преподавателем на консультации.
Перечень примерных вопросов, выносимых на зачёт:
1.Структура HTML-документа. Содержание разделов.
2.Форматирование символов, фрагментов текста.
3.Форматирование документа.
4.Создание списков.
5.Вставка изображений.
6.Организация гиперссылок.
7.Создание таблиц.
8.Фреймы.
9.Карты-изображения.
10.Формы.
11.Способы встраивания определения стиля.
12.Форматирование шрифта средствами CSS.
13.Рамки, создаваемые средствами CSS.
14.Фон элемента, заданный средствами CSS.
15.Списки, заданные средствами CSS.
16.Форматирование блоков средствами CSS.
17.JavaScript. Переменные, типы данных.
18.Встроенные классы JavaScript.
19.JavaScript. Работа с массивами.
20.Методы встраивания PHP-кода в HTML-документ.
21.Функции PHP для работы со строками в кодировке Windows-1251.
22.Функции PHP для работы со строками в кодировке UTF-8.
23.Обработка данных формы средствами PHP.
24.Создание базы данных MySQL. Свойства базы данных.
25.Вставка данных в таблицы базы данных MySQL.
26.Выбор записей из одной и нескольких таблиц базы данных MySQL.
27.Доступ к базе данных из PHP с помощью библиотеки php_mysql.dll.
Показатели оценки по зачёту представлены в таблице 2.
Таблица 2 Показатели оценки по зачёту
Показатели |
Бал- |
|
|
|
|
|
|
|
|
|
|
оценивания |
|
Оценка |
|
Критерий оценки |
|
||||||
лы |
|
|
|
||||||||
компетенций |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
Результаты |
4,5 |
- |
«отлично» |
ставится |
|
обучающемуся, |
|||||
освоения |
5,0 |
|
|
показавшему |
|
глубокие |
|||||
дисциплины |
|
|
|
систематизированные |
|
||||||
соответствует |
|
|
|
знания учебного материала, |
|||||||
требованиям |
|
|
|
в |
|
полной |
|
мере |
|||
ФГОС |
|
|
|
соответствующие |
|
|
|||||
|
|
|
|
требованиям |
|
к |
уровню |
||||
|
|
|
|
подготовки |
|
обучающегося, |
|||||
|
|
|
|
проявившему |
творческие |
||||||
|
|
|
|
способности |
в понимании, |
||||||
|
|
|
|
изложении и использовании |
|||||||
|
|
|
|
учебного |
материала |
при |
|||||
|
|
|
|
решении |
|
|
поставленных |
||||
|
|
|
|
задач, |
умеющему обобщать |
||||||
|
|
|
|
информацию, |
|
|
|
||||
|
|
|
|
аргументировано |
|
и |
|||||
|
|
|
|
практически |
|
без |
ошибок |
||||
|
|
|
|
ответившему |
|
на |
|
все |
|||
|
|
|
|
вопросы. |
|
|
|
|
|
||
Результаты |
3,5 |
- |
«хорошо» |
ставится |
|
обучающемуся, |
|||||
освоения |
4,4 |
|
|
продемонстрировавшему |
|||||||
дисциплины |
|
|
|
достаточно |
полные |
знания |
|||||
соответствует |
|
|
|
учебного |
материала, |
в |
|||||
требованиям |
|
|
|
целом |
соответствующие |
||||||
ФГОС |
|
|
|
требованиям |
|
к |
уровню |
||||
|
|
|
|
подготовки |
|
обучающегося, |
|||||
|
|
|
|
способность |
|
к |
|
их |
|||
|
|
|
|
самостоятельному |
|
|
|||||
|
|
|
|
восполнению и обновлению |
|||||||
|
|
|
|
в |
|
ходе |
|
решения |
|||
|
|
|
|
поставленных задач, умение |
|||||||
|
|
|
|
систематизировать |
|
|
|||||
|
|
|
|
информацию, |
|
|
|
||||
|
|
|
|
допустившему |
негрубые |
||||||
|
|
|
|
ошибки и недочеты. |
|
|
|||||
Результаты |
2,5 |
- |
«удовлетворительно» |
ставится |
|
обучающемуся, |
|||||
освоения |
3,4 |
|
|
показавшему |
|
|
уровень |
||||
дисциплины |
|
|
|
знаний учебного материала |
|||||||
соответствует |
|
|
|
в |
объёме, |
|
минимально |
||||
требованиям |
|
|
|
необходимом |
для решения |
||||||
Показатели |
Бал- |
|
|
|
|
|
оценивания |
Оценка |
Критерий оценки |
|
|||
лы |
|
|||||
компетенций |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
ФГОС |
|
|
поставленных задач, знание |
|||
|
|
|
основ |
дисциплины, |
||
|
|
|
владеющего |
навыками |
||
|
|
|
логического |
мышления и |
||
|
|
|
допустившему |
|
|
|
|
|
|
непринципиальные |
ошибки |
||
|
|
|
при ответе на вопросы. |
|
||
Результаты |
0,0 - |
«не |
ставится |
обучающемуся, |
||
освоения |
2,4 |
удовлетворительно» |
показавшему |
существенные |
||
дисциплины НЕ |
|
|
пробелы в знании основного |
|||
соответствует |
|
|
учебного |
материала, |
||
требованиям |
|
|
допустившему |
|
|
|
ФГОС |
|
|
принципиальные |
ошибки |
||
|
|
|
при применении |
знаний, |
||
|
|
|
которые не |
позволяют |
ему |
|
|
|
|
приступить |
к |
решению |
|
|
|
|
поставленных задач |
без |
||
|
|
|
дополнительной |
|
|
|
|
|
|
подготовки. |
|
|
|
Перечень основной и дополнительной учебной литературы, необходимой для освоения дисциплины.
Таблица 3 Основная литература
№ п/п |
Наименование |
Автор(ы) |
|
Место и год издания |
|
|
|
|
|
|
|
1 |
HTML 5. Основы клиентской |
Савельев А. О. , |
Москва : Интернет-Университет |
||
|
разработки : учебное пособие |
Алексеев А. А. |
Информационных Технологий |
||
|
|
|
|
(ИНТУИТ), 2012 |
|
|
|
|
|
|
|
2 |
MySQL : крат.изложение основ |
Веллинг Люк , |
М. : Изд. дом "Вильямс", 2005 |
||
|
работы с MySQL : учеб. пособие : |
Томсон Лора |
|
|
|
|
пер. с англ. |
|
|
|
|
|
|
|
|
|
|
Таблица 4 Дополнительная литература |
|
|
|
|
|
|
|
|
|
|
|
№ п/п |
Наименование |
|
Автор(ы) |
|
Место и год издания |
1 |
Технологии разработки современных |
Павлова Е. А. |
|
Москва : БИНОМ. Лаборатория |
|
|
информационных систем на платформе |
|
|
знаний, Интернет-Университет |
|
|
Microsoft .NET : учебное пособие |
|
|
|
Информационных Технологий |
|
|
|
|
|
(ИНТУИТ), 2013 |
|
|
|
|
|
|
Перечень ресурсов информационно – телекоммуникационной сети «интернет» (далее - сеть «интернет»), необходимых для освоения дисциплины:
1.http://www.intuit.ru/ Национальный открытый университет.
2.http://yandex.ru/ Поисковая система.
3.http://www.google.ru/ Поисковая система.
Домрачев Анатолий Иванович
WEB-ДИЗАЙН
Учебно-методическое пособие
по подготовке к лекциям (включая рекомендации по организации самостоятельной работы) для обучающихся по дисциплине «WEB-ДИЗАЙН » по направлению подготовки 21.03.03 Геодезия и дистанционное зондирование, профиль Инфраструктура пространственных данных
Федеральное государственное бюджетное образовательное учреждение высшего образования «Нижегородский государственный архитектурно-строительный университет»
603950, Нижний Новгород, ул. Ильинская, 65. http://www.nngasu.ru, srec@nngasu.ru