НОУ ВПО ИНСТИТУТ ГОСУДАРСТВЕННОГО УПРАВЛЕНИЯ, ПРАВА И ИННОВАЦИОННЫХ ТЕХНОЛОГИЙ
Факультет «Информационных систем и инновационных технологий в управлении»
УТВЕРЖДАЮ Проректор по учебной работе ________________ «___»________________ 2013 г. |
УЧЕБНО - МЕТОДИЧЕСКИЙ КОМПЛЕКС
учебной дисциплины «Разработка сайтов»
Специальность 100101.65. Сервис
Специализация Информационный сервис
Составитель
Москва 2013
НОУ ВПО ИНСТИТУТ ГОСУДАРСТВЕННОГО УПРАВЛЕНИЯ, ПРАВА И ИННОВАЦИОННЫХ ТЕХНОЛОГИЙ
Факультет «Информационных систем и инновационных технологий в управлении»
СОГЛАСОВАНО Выпускающая кафедра «Техничекский сервис» Зав. кафедрой_________ «___»________________ 2013 г. | УТВЕРЖДАЮ Проректор по учебной работе ________________ «___»________________ 2013 г. |
Кафедра «Математика и прикладная информатика»
Автор:
Рабочая учебная программа по дисциплине
«Разработка сайта»
Специальность 100101.65 «Сервис)»
Специализация Информационный сервис
Москва 2013
Рабочая программа составлена в соответствии с требованиями Государственного образовательного стандарта высшего профессионального образования, утвержденного Министерством образования РФ.
Рабочая программа рассмотрена и утверждена на заседании кафедры «Математика и прикладная информатика».
От «____» _________________ 20___г.
Протокол № _________
Зав. кафедрой _____________________
Рабочая программа одобрена Ученым Советом Института государственного управления, права и инновационных технологий
От «___» ______________ 20___г.
Протокол № __________
Программу разработал: к. п.н, доцент, доцент кафедры «Математика и прикладная информатика»
Согласовано
Начальник информационно-
аналитического отдела
ЦЕЛИ И ЗАДАЧИ ОСВОЕНИЯ УЧЕБНОЙ ДИСЦИПЛИНЫ
Целью курса является освоение практических приемов Web-конструирования и Web-программирования.
Основные задачи курса:
· закрепление знакомства с принципами функционирования глобальной компьютерной сети Internet, общими подходами к поиску и отбору информации в сети;
· обучение разработке Web-страниц на основе комплексного подхода;
· обучение программированию в Internet на стороне клиента и сервера;
· обучение использованию баз данных при разработке Web-проектов;
· обучение способам маркетинга в Internet, рекламы и продвижения разработанных Internet-ресурсов.
Требования к уровню освоения дисциплины
В результате изучения курса «Разработка сайтов», студенты должны:
знать основные определения и понятия Web-конструирования и Web-программирования, основные приемы создания и продвижения сайтов;
уметь разрабатывать и продвигать проблемно-ориентированные Web-ресурсы;
освоить методы проектирования, разработки и маркетинга проблемно-ориентированных Web-ресурсов;
приобрести навыки проектирования, разработки и маркетинга проблемно-ориентированных Web-ресурсов;
иметь представление о проблемах, тенденциях и перспективах развития Web-конструирования и Web-программирования.
МЕСТО УЧЕБНОЙ ДИСЦИПЛИНЫ В СТРУКТУРЕ ООП ВПО
Учебная дисциплина «Разработка сайтов» относится к профессиональному циклу (вариативная часть).
Дисциплина «Разработка сайтов» призвана содействовать знакомству студентов с компьютерными телекоммуникациями и возможными подходами к разработке гипертекстовых документов, предназначенных для публикации в глобальной компьютерной сети Internet. Она важна с той точки зрения, что позволяет развивать способности студентов, связанные с общей культурой работы в глобальной сети. Курс закрепляет навыки работы с текстом и графикой, а также навыков программирования и проектирования и разработки информационных систем, являясь, таким образом, прямым продолжением курсов «Информатика и программирование», «Информационные технологии», «Объектно-ориентированное программирование», «Базы данных», «Информационные системы», «Проектирование информационных систем» и многих других.
Виды учебных занятий по дисциплине и их объёмы (в часах)
Вид учебной работы | Кол-во часов по формам обучения | |
Очная | Заочная | |
№№ семестров | 7 | 8 |
Аудиторные занятия | 36 | 14 |
Лекции | 28 | 4 |
Практические и семинарские занятия | 8 | 10 |
Индивидуальные занятия | - | - |
Самостоятельная работа | 64 | 86 |
ВСЕГО ЧАСОВ НА ДИСЦИПЛИНУ | 100 | 100 |
Текущий контроль (вид текущего контроля и кол-во, №№ семестров) | Тестирование | Тестирование |
Курсовая работа (№ семестра) | - | - |
Виды промежуточного контроля (экзамен, зачет, №№ семестров) | Зачет 7 семестр | Зачет 8 семестр |
Содержание дисциплины
Раздел 1. Введение в Web-конструирование
Тема 1. Глобальные компьютерные сети: основные понятия, принципы функционирования. Каталоги ресурсов. Поисковые системы.
Тема 2. Язык гипертекстовой разметки страниц HTML: общая структура документа, абзацы, цвета, ссылки.
Тема 3. Язык гипертекстовой разметки страниц HTML: списки, графика (графические форматы, графический объект как ссылка).
Тема 4. Язык гипертекстовой разметки страниц HTML: таблицы. Фреймы. Общие подходы к дизайну сайта. Разработка макета страницы
Тема 5. Язык гипертекстовой разметки страниц HTML: формы.
Тема 6. Использование стиля при оформлении сайта. Спецификации CSS1, CSS2
Тема 7. Хостинг. Бесплатный хостинг. FTP. Размещение Интернет-ресурса на сервере провайдера. Регистрация Интернет-ресурса в каталогах и поисковых системах.
Раздел 2. Программирование на JavaScript
Тема 8. DHTML:
· Преимущества и ограничения программ, работающих на стороне клиента;
· Язык JavaScript: основы синтаксиса;
· Объектная модель HTML страницы;
· Событийная модель DHTML: связывание событий с кодом, всплытие событий, объект Event;
· Применение DHTML:
o программное изменение содержания документа;
o программное изменение формата документа;
o программное изменение положения элементов
Раздел 3. Программирование на PHP. MySQL & PHP
Тема 9. Язык PHP.
· Введение в программирование на стороне сервера на примере PHP. Принцип работы.
· Синтаксис языка программирования PHP.
· Переменные. Константы. Операторы в PHP. Циклы. Массивы. Работа со строками.
· Функции в PHP. Встроенные функции.
· Работа с датой и временем в PHP.
· Связь PHP и HTML
Тема 10. Взаимодействие с пользователем.
· Методы передачи параметров между страницами (GET, POST).
· Обработка действий пользователя при помощи форм.
· Использование вспомогательных переменных
Тема 11. База данных в MySQL.
· Варианты хранения информации в сети Internet.
· Принципы хранения информации в базах данных MySQL.
· Архитектура базы данных MySQL (таблицы, связи, триггеры).
· Проектирование баз данных. Нормализация таблиц.
Тема 12. Межплатформенный язык запросов SQL (диалект MySQL).
· Синтаксис запросов к базе данных.
· Механизм работы с базами данных — PhpMyAdmin.
· Решение задач (сортировка, вывод с условиями и т. д.).
· Управление форматами даты и времени. Функция DATE_FORMAT
Тема 13. Взаимодействие скриптов на языке PHP и базы данных MySQL.
· Подключение к базе данных из PHP файла.
· Вывод данных на PHP-страницу, попавших в выборку по SQL запросу.
· Передача параметров в запрос
Тема 14. Решение прикладных задач.
· Принципы проектирования страниц. Разделение информации по таблицам в базе данных.
· Вывод группы данных, сортировка данных.
· Постраничный вывод данных.
· Создание HTML-страниц средствами PHP.
· Разработка проекта
Распределение часов по темам и видам учебной работы
Очная форма обучения
Названия разделов и тем | Всего часов по учебному плану | Виды учеб. занятий | СРС | |
Ауд.. занятия, в том числе | ||||
Лек-ции | Прак. сем. заня-тия | |||
Раздел 1. Введение в Web-конструирование | 30 | 8 | 2 | 20 |
Раздел 2. Программирование на JavaScript | 35 | 10 | 3 | 22 |
Раздел 3. Программирование на PHP. MySQL & PHP | 35 | 10 | 3 | 22 |
Всего | 100 | 28 | 8 | 64 |
Заочная форма обучения
Названия разделов и тем | Всего часов по учебному плану | Виды учеб. занятий | СРС | |
Ауд.. занятия, в том числе | ||||
Лек-ции | Прак. сем. заня-тия | |||
Раздел 1. Введение в Web-конструирование | 31 | 1 | 2 | 28 |
Раздел 2. Программирование на JavaScript | 34 | 1 | 4 | 29 |
Раздел 3. Программирование на PHP. MySQL & PHP | 35 | 2 | 4 | 29 |
Всего | 100 | 4 | 10 | 86 |
Методические указания студентам по подготовке к практическим занятиям
Подготовка к практическим занятиям является одной из важнейших форм самостоятельной работы студентов. Целью практических занятий является закрепление знаний полученных на лекционных занятиях и в ходе самостоятельной работы, а также выработка навыков работы с учебной и научной литературой. Приступая к решению задачи, студент должен, прежде всего, уяснить содержание задачи. Подготовку к занятиям следует начинать с внимательного изучения соответствующих разделов учебных пособий и учебников. По завершению изучения рекомендованной литературы, студенты могут проверить свои знания с помощью вопросов для самоконтроля, входящих в состав вопросов к зачету (экзамену) по соответствующему разделу (темы) изучаемой дисциплины.
Методические рекомендация преподавателям при организации практических занятий
Работа по подготовке к практическим занятиям и активное в них участие - одна из форм изучения программного материала курса. Практика показывает, что основные формы занятий следующие:
· беседа на основе составленного преподавателем плана,
· подготовка письменного доклада студентом,
· устный доклад и обсуждение его на практическом занятии.
Учебные и воспитательные цели практических занятий:
· Актуализировать знания студентов из курса по соответствующему разделу (теме) учебного плана по дисциплине.
· Создать условия для самостоятельного изучения образовательных ресурсов.
· Создать условия для развития у студентов творческой активности, самостоятельности и критичности мышления.
· Содействовать развитию у студентов общенаучных компетенций (аналитико-синтетической, прогностической, проектировочной).
· Создать условия для развития коммуникативной, адаптивной и информационной компетенций.
Выполнению практических занятий предшествует проверка знаний студентов - их теоретической готовности к выполнению задания.
Практические занятия могут носить:
· репродуктивный характер;
· частично-поисковый характер;
· поисковый характер.
Работы, носящие репродуктивный характер, отличаются тем, что при их проведении студенты пользуются подробными инструкциями, в которых указаны: цель работы, пояснения, контрольные вопросы, учебная и специальная литература.
Работы, носящие частично-поисковый характер, отличаются тем, что при их проведении студенты не пользуются подробными инструкциями, им не дан порядок выполнения необходимых действий, и требуют от студентов самостоятельного подбора оборудования, выбора способов выполнения работы в инструктивной и справочной литературе и др.
Работы, носящие поисковый характер, характеризуются тем, что студенты должны решить новую для них проблему, опираясь на имеющиеся у них теоретические знания. При планировании практических занятий необходимо находить оптимальное соотношение репродуктивных, частично-поисковых и поисковых работ, чтобы обеспечить высокий уровень интеллектуальной деятельности.
Формы организации работы студентов на занятиях:
· фронтальная;
· групповая;
· индивидуальная.
При фронтальной форме организации занятий все студенты выполняют
одновременно одну и ту же работу.
При групповой форме организации занятий одна и та же работа выполняется бригадами по 2 - 5 человек.
При индивидуальной форме организации занятий каждый студент выполняет индивидуальное задание.
Для повышения эффективности проведения практических занятий рекомендуется:
· разработка сборников задач, заданий и упражнений, сопровождающихся методическими указаниями, применительно к конкретным специальностям;
· разработка заданий для автоматизированного тестового контроля за подготовленностью студентов к практическим занятиям;
· подчинение методики проведения практических занятий ведущим дидактическим целям с соответствующими установками для студентов;
· использование в практике работ, построенных на проблемной основе применения коллективных и групповых форм работы, максимальное использование индивидуальных форм с целью повышения ответственности каждого студента за самостоятельное выполнение полного объема работ;
· проведение практических занятий на повышенном уровне трудности с включением в них заданий, связанных с выбором студентами условий выполнения работы, конкретизацией целей, самостоятельным отбором необходимого оборудования;
· подбор дополнительных задач и заданий для студентов, работающих в более быстром темпе, для эффективного использования времени, отводимого на лабораторные работы и практические занятия.
Темы практических занятий
Тема 1. Глобальные компьютерные сети: основные понятия, принципы функционирования. Каталоги ресурсов. Поисковые системы.
Вопросы:
1) Принципы функционирования глобальных компьютерных сетей.
2) Поисковые системы.
3) Подбор ресурсов Internet на заданную тематику.
В ходе занятия студенты должны подготовить краткую справку-сообщение по заданному вопросу. Для подготовки сообщения должна использоваться рекомендованная литература и информация, полученная из интернета. Основным результатом, по которому производится оценка степени выполнения задания, является количество просмотренных интернет-ресурсов и наличие в сообщении практических выводов и предложений.
В зависимости от наличия времени, заслушиваются все или отдельные сообщения с их последующим обсуждением в режиме конференции.
Литература
1. Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2. Берлин, протоколы Интернета: Учебное пособие/ -М.: Интеренет-Университет Информационных Технологий. БИНОМ. Лаборатория знаний, 2008.-504 с., (Серия Основные информационных технологий).
Тема 2. Язык гипертекстовой разметки страниц HTML: общая структура документа, абзацы, цвета, ссылки; списки, графика (графические форматы, графический объект как ссылка)
http://knowledge. *****/programming/3c0b65625b3bd68b5d53bd37_0.html
http://www. *****/book/html_mu. php
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Кузнецова, сайта: Электронное учебно-методическое пособие. /.- М.: ИГУПИТ, 2011.- 1 экз., инв. № 000- CD
Тема 3. Макет страницы. Требования к иллюстрациям в Internet. Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady и Macromedia Fireworks. Способы уменьшения объема файла. Подготовка изображений, имеющих прозрачные области. Представление текстовой информации. Коллекции шрифтов. Создание кнопок. Имитация различных состояний кнопки. Создание фоновых иллюстраций. Кисти в Adobe PhotoShop. Техника создания бесшовных узоров в программах и Adobe ImageReady. «Нарезка» изображений на фрагменты в программе Adobe ImageReady. Оптимизация фрагментов изображений
http://*****/shkola/informatika-i-ikt/library/laboratornye-raboty-po-adobe-photoshop-70-1
http://rudocs. /docs/index-42170.html
http://*****/publ/12-1
http://www. *****/lessons/lesson_26.shtml
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Васильев, по Web-технологиям./ , , - М.: ФОРУМ, 200с.: ил.
Тема 4. Использование стиля при оформлении сайта. Спецификации CSS1, CSS2
http://www. *****/webmast/css2/about. php
http://*****/internet/css1/css1_05.shtml
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Васильев, по Web-технологиям./ , , - М.: ФОРУМ, 200с.: ил.
Тема 5. Хостинг. Подобрать бесплатный хостинг для сайта. Ознакомиться с условиями размещения. Подготовить материалы для размещения и популяризации ресурса.
http://xn--80aj1ak1b. xn--p1ai/домены-и-хостинг/хостинг/23-список-бесплатных-хостингов-сайтов
Литература
1. http://Avahost.ru – бесплатный хостинг.
2. http://***** – платный хостинг
3. http://***** – бесплатный хостинг
4. http://***** – бесплатный хостинг
Тема 6. Программирование на JavaScript
http://comp-science. *****/Student/web-lr-6.htm
http://flash-library. *****/UMK/JavaScript/javascript1.html
http://los-serega. *****/JavaScript/start. html
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Климов. А. П. JavaScript на примерах./ - 2-е изд, перераб. и доп.- СПб.:БХВ-Петербург, 200с.: ил.
Тема 7. MathML
http://comp-science. *****/Student/web-lr-7.htm
http://referat. /ref. php? id=35259
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Васильев, по Web-технологиям./ , , - М.: ФОРУМ, 200с.: ил.
Тема 8. Программирование на PHP
http://www. *****/texts/comp/lang/php/phpvprim/
http://*****/view_cat. php? cat=6
Литература
1) Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2) Фролов, А. В., Фролов, применения Perl, PHP, Apache и MySQL для активных Web-сайтов. — М.: Издательско-торговый дом «Русская редакция», 2002. – 576 с.
3) Разработка Web-приложений на PHP и MySQL: Пер. с англ./Л. Томсон, Л. Веллинг. — К.: Издательство «ДиаСофт», 2002. — 672 с.
Методические указания по организации
самостоятельной работы студентов
Самостоятельная работа студентов по освоению и накоплению знаний, формированию умений является составной частью всего учебно-воспитательного процесса.
Самостоятельная работа – это творческая, критическая деятельность студентов по осмыслению изучаемого материала и выработке на этой основе новых знаний, умений и навыков.
Работа студентов осуществляется на основе заданий преподавателей и включает: планирование самостоятельной работы, вручение заданий, обеспечение учебными материалами, материально-техническое обеспечение, консультации, выполнение конкретных заданий, контроль выполнения задания, доклад (отчет) о выполненном задании.
Изучение педагогического опыта преподавания правовых наук обусловливает такие содержательные элементы самостоятельной работы, как умение слушать и записывать лекцию, критически оценивать ее и ответы товарищей на групповых занятиях, готовить публичные выступления. Самостоятельная работа студентов наиболее ярко проявляется в таких видах учебной деятельности, как работа с книгой, документацией, доработка и оформление лекционного материала; подготовка к различным формам групповых занятий; работа в научных кружках и др.
Самым эффективным средством, воздействующим на уровень и качество самостоятельной работы выступает учебная лекция, которая должна стать организующим началом самостоятельной работы обучающихся. Наилучшим образом она выполнит свою задачу, если все рекомендации по самостоятельной работе будут обсуждены на заседании предметно-методической секции. Самостоятельная работа должна начинаться до прихода студента на лекцию. Поэтому для правильной организации самостоятельной работы должна применяться «система опережающего чтения», в соответствии с которой студенты предварительно просматривают лекционный материал, содержащийся в учебно-методическом комплексе, а также в учебниках и других материалах, которые входят в перечень основной учебной литературы этого комплекса.
Ведущую роль в самостоятельной работе студентов играет их умение работать с обязательной и дополнительной литературой. Овладение навыками этой работы включает два основных взаимосвязанных элемента – умение читать, анализируя, и умение вести записи прочитанного. Культура чтения – составная часть культуры умственного труда и культуры личности, в целом, основа ее познавательной деятельности. Работа над книгой предполагает соблюдение ряда правил, овладение которыми обязательно для всех участников учебно-воспитательного процесса. Особое место в обучении студентов правилам работы с различного рода информационными источниками принадлежит преподавателю. Преподаватель обязан настроить обучающихся на серьезный, кропотливый труд, который исключает заучивание и механическое накопление цитат и выдержек, а предполагает сознательное критическое усвоение прочитанного, осмысление его, стремление дойти до сути.
Важное место в самостоятельной работе с книгой занимает ознакомление с оглавлением, содержанием предисловия или введения. Это дает общую ориентировку, представление о структуре и вопросах, которые рассматриваются в книге. Следующий этап – чтение. Первый раз целесообразно прочитать книгу (главу, параграф) от начала до конца, чтобы получить цельное представление. При повторном чтении происходит постепенное глубокое осмысление каждой главы (части) с выделением основных идей, системы аргументов, наиболее ярких примеров и т. д.
Непременным правилом чтения должно быть выяснение содержания незнакомых слов, терминов, выражений, неизвестных имен и названий. Оправданно в таких ситуациях иметь специальные тетради. Важная роль принадлежит библиографической подготовке студентов. Она включает в себя умение грамотно пользоваться научным аппаратом книги, справочными изделиями, каталогами, умение вести поиск необходимой информации. Полезно ознакомиться с правилами библиографической работы в библиотеке института.
Методика работы с литературой предусматривает и ведение записи прочитанного. Это позволяет привести в систему знания, полученные при чтении, сосредоточить внимание на главных положениях, зафиксировать и закрепить их в памяти. Конспект ускоряет повторение материала, экономит время при повторном обращении к ранее проделанной работе.
Конспектирование – один из самых сложных этапов самостоятельной работы. Нет единых и универсальных методов и приемов конспектирования. Но это не исключает наличия оправдавших себя общих правил, которые должен знать каждый обучающийся:
1. Главное в конспекте не объем, а содержание. В нем должны быть отражены основные положения источника. Умение излагать кратко и точно приходит с опытом. При этом необходимо не торопиться записывать при первом же чтении, вносить в конспект лишь то, что стало ясным.
2. Форма ведения конспекта может быть разнообразной. Но начинаться конспект всегда должен с указания полного наименования работы, фамилии автора, года и места издания, количества страниц в источнике, номера страниц, с которых записывается информация. Цитаты берутся в кавычки с обязательной ссылкой на страницу книги.
3. Конспект не должен быть безликим, состоящим из сплошного текста. Особо важные места, яркие примеры выделяются, чтобы как можно быстрее найти нужное положение. Дополнительные материалы из других источников можно давать на полях, где записываются свои суждения, мысли.
Важная роль в повышении качества самостоятельной работы отводится консультациям. Из опыта педагогической деятельности студентам необходимы разные типы консультаций: по форме – групповые и индивидуальные; по содержанию – проблемные, информационные, обзорные, целевые, дискуссионные; по видам – перед лекцией, перед семинаром, зачетом, экзаменом и др. В ходе их проведения оказывается содействие студентам в преодолении возникших трудностей при самостоятельной работе над учебным материалом.
Консультация сводится чаще всего к разъяснению сложных теоретических положений, советам по порядку подготовки, указанию литературы и т. д. Но консультация может служить и своеобразным средством контроля.
Недостаточная подготовленность и большая учебная нагрузка существенно затрудняет формирование специфических умений самостоятельной работы у студентов. В этих условиях огромную положительную роль в эффективности самостоятельной работы играет ее целесообразное планирование.
План определяет главные и второстепенные вопросы, временные рамки работы и устанавливает порядок выполнения задания. Целесообразно планировать самостоятельную работу на день, неделю и месяц, исходя из расписания занятий.
При оказании помощи в организации самостоятельной работы большое внимание необходимо уделять индивидуальным консультациям. Они организуются, как правило, на добровольных началах, но в отдельных случаях преподаватель приглашает на беседу несколько студентов и выясняет, как они разобрались в изученной литературе, дает методические рекомендации по более глубокому усвоению учебного материала. Постоянный контроль преподавателя за самостоятельной работой студентов и планомерная помощь им в подготовке к занятию во многом предопределяют глубину знаний и качество занятий.
Контроль самостоятельной работы студентов осуществляется преподавателем во время семинаров, практических занятий, при проведении научной работы, консультаций, зачетов, экзаменов, написании студентами учебно-научных письменных работ, а также путем проверки конспектов. При этом преподаватель имеет возможность всесторонне оценить уровень самостоятельности работы, узнать индивидуальные особенности каждого из студентов. Обычно после проведения двух-трех таких занятий преподаватель может выявить наиболее слабые стороны в подготовке того или иного студента и затем дать ему конкретные рекомендации по изучению необходимых вопросов и различной литературы и источников.
Повышение места и роли самостоятельной работы студентов – одно из важнейших условий высокой эффективности учебно-воспитательной работы преподавателя. Практически эта проблема может решаться путем обучения студентов института методике самостоятельной работы.
Самостоятельная работа студентов
№ темы | Наименование и план темы | Вопросы, выносимые на самостоятельную работу студентов | Виды и содержание самостоятельной работы |
1 | Введение в Web-конструирование | 1.Основные задачи Web-конструирования. 2. Интернет технологии. 3. Технология создания Интернет-представительств. 4. Язык гипертекстовой разметки страниц HTML. 5. Хостинг. | Проработка учебного материала (по конспектам лекций, научной и учебной литературе) Работа с нормативными документами и законодательной базой Поиск и обзор научных публикаций и электронных источников информации |
2 | Программирование на JavaScript | 1. DHTML. 2. Язык JavaScript. | Проработка учебного материала (по конспектам лекций, научной и учебной литературе) Поиск и обзор научных публикаций и электронных источников информации |
3 | Программирование на PHP. MySQL & PHP | 1. Язык PHP. 2. Связь PHP и HTML. 3. База данных в MySQL. 4. Межплатформенный язык запросов SQL 5. Взаимодействие скриптов на языке PHP и базы данных MySQL. | Проработка учебного материала (по конспектам лекций, научной и учебной литературе) Поиск и обзор научных публикаций и электронных источников информации |
Методические рекомендацииконтрольных работ.
Результаты текущего контроля заносятся в журнал учета учебных занятий.
Материалы для текущего контроля знаний.
Тестовые задания
К разделу 1. Введение в Web-конструирование.
1. Что из нижеперечисленного является браузером?
a. Microsoft Word
b. HomeSite
c.
d. Microsoft Internet Explorer
2. Что из нижеперечисленного можно использовать для просмотра HTML - страницы?
a. Notepad
b. Microsoft Internet Explorer
c. PhotoShop
d. Windows
3. Что из нижеперечисленного можно использовать для просмотра кода HTML-страницы?
a. Notepad
b. Linux
c. Opera
d. Google.com
4. Какой из следующих фрагментов HTML-кода содержит ошибку?
a. Можно <i> расставить акценты</i>
b. Текст курсивом: <i></i>
c. Тег или </i>дескриптор<i>
d. Код содержит <i> символы</i>
5. Какой из следующих фрагментов HTML-кода не содержит ошибки?"
a. Вложенный тег <i><u>
b. Разметка <u> гипертекста </u>
c. Полужирный курсив "I","B"
d. Тег <U>
6. В каком случае абзац будет выровнен по левому краю:
a. <Р align = center >
b. <Р align = right >
c. <Р align = justify>
d. <Р align = left>
7. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <P_align=center>
b. <Р align=center>
c. <Р center = align>
d. <align=center>
8. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <FONT face="ARIAL CYR">
b. <FONT face="Arial Cyr">
c. <FONT face="Arial Bold">
d. <FONT>новый шрифт</FONT>
9. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <FONT size=3>
b. <FONT size=-3>
c. <FONT size=+6>
d. <FONT size=8 pt>
10. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <FONT color=#ABCDEF>
b. <FONT color=#&red>
c. <FONT color=#123456>
d. <FONT color=red>
11. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <color=red font size=1>
b. <font="red, 1">
c. <font size=1 color=red>
d. <font color=red></font color>
12. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <Н1>Заголовок</H1>
b. <Н1 align=left>Заголовок</H1>
c. <Н1 align=center>Заголовок</H1>
d. <Н1 align=justify>Заголовок</H1>
13. Какие из следующих пар фрагментов отображаются в броузере одинаково?
a. <DFN>HTML</DFN> — <B>HTML</B>
b. <DFN>HTML</DFN> — <ACKRONYM>HTML</ACKRONYM>
c. <DFN>HTML</DFN> — <DEL>HTML</DEL>
d. <DFN>HTML</DFN> — <I>HTML</I>
14. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <UL start=l>
<LI> Первый элемент списка
<LI> Второй элемент списка
</UL>
b. <UL start=circle>
<LI> Первый элемент списка
<LI> Второй элемент списка
</UL>
c. <UL type=circle>
<LI> Первый элемент списка
<LI> Второй элемент списка
</UL>
d. <UL type=l>
<LI> Первый элемент списка
<LI> Второй элемент списка
</UL>
15. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <IMG src="Мои документы\mydoc. jpg">
b. <IMG src="Mydoc\mydocument. jpg">
c. <IMG src="Mydoc/mydocument. jpg">
d. <IMG src="Mydoc/mydocument. tif">
16. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <IMG src=picture. jpg border=1 bordercolor=red>
b. <IMG src=picture. jpg border=red>
c. <IMG src=picture. jpg border=1,5>
d. <IMG src=picture. jpg border=1>
17. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <IMG src=vasya. gif alt=Этo Вася>
b. <IMG src=vasya. gif alt=vasya. gif>
c. <IMG src=vasya. gif alt = vasya>
d. <IMG src=vasya. gif alt="Этo Вася">
18. Для того чтобы текст обтекал изображение справа, используется следующий код:
a. <IMG src=pict. gif align=right> текст
b. <IMG src=pict. giff> текст
c. <IMG src=pict. gif align=left> текст
d. <IMG left src=pict. gif текст
19. Какой из следующих фрагментов HTML-кода не содержит ошибки?
a. <А> Гиперссылка </А>
b. <А href="page2.htm"> Гиперссылка </А>
c. <А target=page2.htm> Гиперссылка </А>
d. <HREF> page2.htm </HREF>
20. Какой из следующих фрагментов HTML-кода содержит ошибки?
a. <FRAMESET cols=*,*>
<FRAME src="source1.htm">
<FRAME src="source2.htm">
</FRAMESET>
b. <FRAMESET cols=*,*>
<FRAME src="source1.htm">
<FRAME src="source1.htm">
</FRAMESET>
c. <FRAMESET cols=*,* rows=*,*>
<FRAME src="source1.htm">
<FRAME src="source2.htm">
<FRAME src="source3.htm">
<FRAME src="source4.htm">
</FRAMESET>
d. <FRAMESET cols=*,*,*,*>
<FRAME src="source1.htm">
<FRAME src="source2.htm">
<FRAME src="source3.htm">
<FRAME src="source4.htm">
</FRAMESET>
К разделу «Программирование на JavaScript»
1. JavaScript это
a. Объектно-ориентированный скриптовый язык программирования.
b. Скриптовой язык программирования
c. Прототипно-ориентированный скриптовый язык программирования.
d. Все выше перечисленое верно
2. Где в документе может располагаться тэг script по стандарту HTML?
a. В HEAD или в BODY
b. До HTML
c. Только в BODY
d. Только в HEAD
e. Не имеет значения
3. Какой из этих тагов соответствуют стандарту HTML?
a. <script language="javascript" type="text/javascript">
b. <script>
c. <script language="javascript">
d. <script type="text/javascript">
4. JavaScript используемым для разработки
a. Веб-приложений на стороне сервера
b. Веб-приложений на стороне клиента
c. Оба варианта верны
5. Дан код
var a = 1;
var b = ++a+a;
alert(b);
Результат работы кода - сообщение с текстом
a. 1
b. 2
c. 3
d. 4
e. Этот код не будет работать
6. Дан код
var a = 1;
var b = { toString:function(){return '1'} };
alert(a+b);
Результат работы кода - сообщение с текстом
a. 1[object Object]
b. 2
c. 11
d. Код не работает
7. Дан код
var a = Array();
for(var i = 0;i<10;i++)
a[i] = function(){return i};
alert(a[3]());
Результат работы кода - сообщение с текстом
a. 10
b. 3
c. 2
d. i
e. Другое
8. Дан код
var a = 1;
var b = a++;
alert(b);
Результат работы кода - сообщение с текстом
a. 1
b. 2
c. Другое
9. Дан код
var a = 1;
{
var a = 5;
}
alert(a);
Результат работы кода - сообщение с текстом
a. 1
b. 5
c. Другое
10. Дан код
var a = []
a[1] = 1
a[5] = 2
alert(a. length)
Результат работы кода - сообщение с текстом
a. 1
b. 2
c. 3
d. 4
e. 5
f. 6
g. Другое
11. Дан код
var a = []
a[1] = 1
a[3] = 2
delete a[3]
alert(a. length)
Результат работы кода - сообщение с текстом
a. 1
b. 2
c. 3
d. 4
e. Другое
12. Дан код
var a = new Array(1,2,3);
var b = new Array(1,2,3);
alert(a==b);
Результат работы кода - сообщение с текстом
a. true
b. false
c. 1,2,3
d. Другое
13. Какие из этих вариантов не задает массив из элементов "a", "b"?
a. var a = new Array("a","b")
b. var a = [ "a", "b" ]
c. var a = ( "a", "b" )
d. var a = "a, b".split(',')
e. Все подойдут
f. Ни один не подойдет
14. Дан код
var a = 0;
var b = true;
alert(b&&a);
Результат работы кода - сообщение с текстом
a. true
b. false
c. 1
d. 0
e. Код содержит ошибку
15. Дан код
var a = true;
var b = false;
alert((a&&b)===!!(a&&b));
Результат работы кода - сообщение с текстом
a. true
b. false
c. Другое
d. Код содержит ошибку
16. Дан код
var a = function(){this. val = 1};
var b = new a;
b. val = 2;
alert(b. val);
Результат работы кода - сообщение с текстом
a. 1
b. 2
c. Код содержит ошибку
17. Дан код
var a = function(){alert('click1');}
a = function(){alert('click2');}
document. getElementById("element").onclick = a;
При клике на елемент появятся сообщение:
a. click1
b. click2
c. Оба сообшения
d. Ни одного
18. Как считать свойство b объекта a?
a. a[b]
b. a::b
c. a->b
d. a. b
19. Дан код
function c() {
var a = 1;
if(a == 1)
var b = 2;
return b;
}
alert(c());
a. 0
b. 2
c. none
d. undefined
20. Дан код
var a = 3, b = "++a";
alert( 3 + eval(b) );
a. 3
b. 6
c. 3a
d. 3++a
e. 33
f. 7
g. Код содержит ошибку
Вопросы к итоговому контролю
1. Глобальные компьютерные сети: основные понятия, принципы функционирования.
2. Каталоги ресурсов. Поисковые системы.
3. Язык гипертекстовой разметки страниц HTML: общая структура документа, абзацы, цвета, ссылки.
4. Язык гипертекстовой разметки страниц HTML: списки, графика (графические форматы, графический объект как ссылка), таблицы, фреймы.
5. Общие подходы к дизайну сайта. Разработка макета страницы.
6. Язык гипертекстовой разметки страниц HTML: формы.
7. Общие подходы к дизайну сайта. Разработка макета страницы
8. Язык гипертекстовой разметки страниц HTML: формы.
9. Использование стиля при оформлении сайта. Возможности CSS.
10. CSS. Свойства текста. Свойства цвета и фона.
11. CSS. Свойства шрифта. Свойства блоков.
12. CSS. Свойства списков. Классы. Псевдоклассы.
13. Хостинг. Бесплатный хостинг. FTP. Размещение Интернет-ресурса на сервере провайдера.
14. Регистрация Интернет-ресурса в каталогах и поисковых системах.
15. Преимущества и ограничения программ, работающих на стороне клиента.
16. Язык JavaScript: основы синтаксиса.
17. Преимущества и ограничения программ, работающих на стороне клиента. Язык JavaScript: основы синтаксиса.
18. Объектная модель HTML страницы.
19. Событийная модель DHTML: связывание событий с кодом, всплытие событий, объект Event.
20. Применение DHTML: программное изменение содержания документа.
21. Применение DHTML: программное изменение формата документа.
22. Применение DHTML: программное изменение положения элементов.
23. XML. MathML.
24. Введение в программирование на стороне сервера на примере PHP. Принцип работы.
25. Синтаксис языка программирования PHP.
26. Переменные. Константы. Операторы в PHP. Циклы. Массивы. Работа со строками.
27. Функции в PHP. Встроенные функции.
28. Работа с датой и временем в PHP.
29. Методы передачи параметров между страницами (GET, POST). Обработка действий пользователя при помощи форм.
30. Принципы хранения информации в базах данных MySQL. Архитектура базы данных MySQL (таблицы, связи, триггеры).
31. Механизм работы с базами данных — PhpMyAdmin.
32. Подключение к базе данных из PHP файла. Вывод данных на PHP-страницу, попавших в выборку по SQL запросу. Передача параметров в запрос.
33. Принципы проектирования страниц. Разделение информации по таблицам в базе данных. Вывод группы данных, сортировка данных.
34. Создание HTML-страниц средствами PHP.
УЧЕБНО-МЕТОДИЧЕСКОЕ И ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ УЧЕБНОЙ ДИСЦИПЛИНЫ
Основная литература
1. Бердышев, оформления сайта: Практическое пособие./ - 2-е изд. - М.: "Дашков и К", 201с.- Серия "Стратегия успешного бизнеса".
2. Васильев, А. Н. Java. Объектно-ориентированное программирование для магистров и бакалавров: Базовый курс./ - СПб.: Питер, 201с.
3. Кузнецова, сайта: Электронное учебно-методическое пособие. /.- М.: ИГУПИТ, 2011.- 1 экз., инв. № 000- CD
Дополнительная литература
1. Берлин, протоколы Интернета: Учебное пособие/ -М.: Интеренет-Университет Информационных Технологий. БИНОМ. Лаборатория знаний, 2008.-504 с., (Серия Основные информационных технологий).
2. Васильев, по Web-технологиям./ , , - М.: ФОРУМ, 200с.: ил.
3. Климов. А. П. JavaScript на примерах./ - 2-е изд, перераб. и доп.- СПб.:БХВ-Петербург, 200с.: ил.
4. Кришнамурти, Б. Web - протоколы. Теория и практика. HTTP/1,1, взаимодействие протоколов, кэширование, измерение трафика./ Рексфорд Дж.; Пер. с англ., под ред. .- М.: БИНОМ, 201с.: ил.
5. Мациевский, свой сайт. Методы клиентской оптимизации веб-страниц: учебное пособие/ -М.: Интеренет-Университет Информационных Технологий. БИНОМ. Лаборатория знаний, 2009.-264 с., (Серия Основные информационных технологий).
6. Мельников, разработки HTML-документов: Учеб. пособие/ .-М.:Финансы и статистика,2005.-112 с, ил.
7. Мультимедийный самоучитель на CD-ROM: TeachPro Microsoft Internet 2003.- М.:ММТиДО, 2006.-362 с.:ил.
8. Мультимедийный самоучитель на CD-ROM: TeachPro Microsoft Front Page 2002.+ Диск.- М.:ММТиДО, 2006.-295 с.:ил.
9. Храмцов, в HTML и CSS (2DVD): Видеокурс: Основы web - технологий (4 DVD)./ . М.: Интернет-Университет Информационных технологий: БИНОМ. Лаборатория знаний., 2007. -(Основы информационных технологий).
10. Шохирев, программирования Perl 5: Учебное пособие./ .-М.: Интеренет-Университет Информационных Технологий. БИНОМ. Лаборатория знаний, 2007.-279 с., (Серия Основные информационных технологий).
11. 1С: Мир компьютера Web-дизайн. 2005.
12. Дуванов, А. А.. Web-конструирование. HTML. — СПб.: БХВ-Петербург, 2003. — 325 с.
13. Дуванов, А. А.. Web-конструирование. DHTML. — СПб.: БХВ-Петербург, 2003. — 512 с.
14. Хольцшлаг. Использование HTML 4: Пер. с англ.: Уч. пос. — М: Издательский дом «Вильямс», 2000. — 1008 с.
15. Холмогоров, В.. Основы Web–мастерства. Учебный курс. — СПб: Питер, 2001. — 352 с.
16. Использование HTML 4: Пер. с англ. / Луиза Паттерсон, Сью Шарльворс, Джоди Корнелиус и др.: Уч. пос. — М.: Издательский дом «Вильямс», 2000. — 400 с.
17. Коржинский, С. Н.. Настольная книга Web–мастера: эффективное применение HTML, CSS и JavaScript. М.: Издательский дом «КноРус», 2000. — 320 с.
18. Водолазский, В. Эффективная работа: PHP 4. — СПб.: Питер, 2002. — 416 с.
19. Григин, И. PHP 4. Специальный справочник. — СПб.: Питер, 2002. — 672 с.
20. Фролов, А. В., Фролов, применения Perl, PHP, Apache и MySQL для активных Web-сайтов. — М.: Издательско-торговый дом «Русская редакция», 2002. – 576 с.
21. Разработка Web-приложений на PHP и MySQL: Пер. с англ./Л. Томсон, Л. Веллинг. — К.: Издательство «ДиаСофт», 2002. — 672 с.
Базы данных, информационно-справочные и поисковые системы, интернет-ресурсы:
5. http://www. help. ***** (материалы по первоначальным шагам в создании и продвижении сайта).
6. http://www. *****/~robot/sale/web. htm (Роботландский университет).
7. http://www. ***** (Российский клуб веб-дизайнеров. Множество материалов по веб-конструированию).
8. http://www. *****/kovodstvo/ — Артемий Лебедев. Руководство по дизайну сайта.
9. http://ru. — учебники HTML, CSS
10. http://html. *****/ — справочник
11. http://*****/ — учебники
12. http://Avahost.ru – бесплатный хостинг.
13. http://***** – платный хостинг
14. http://***** – бесплатный хостинг
15. http://***** – бесплатный хостинг
16. http://Fonegallery.narod.ru – коллекция фонов и обоев для сайтов
Материально-техническое обеспечение учебной дисциплины
Требования к аудиториям (помещениям, кабинетам) для проведения занятий с указанием соответствующего оснащения:
1. Компьютерное и мультимедийное оборудование в учебных кабинетах и лекционных аудиториях.
2. Учебный мультимедийный методический комплекс дисциплины, который включает в себя обучающие и контролирующие материалы, служит в качестве информационно-справочной системы, осуществляет демонстрацию самых различных видов символьной и графической информации в виде текстов и структурно-логических схем.
3. Автоматизированная система тестирования (АСТ) на базе компьютерного класса.
4. Сборник тестов для проверки знаний по учебной дисциплине.
Аудитория № 000
TECHPOD – 7CD5B34:
1. Дисковод: HL-DT-ST DVD RAM GE20NU10 USB Device
2. EDE ATA/ATAPI контроллеры: Intel(R) ICH10D/D0 SATA ACHI Controller
3. Видеоадаптер: Intel(R) Q45/Q43 Express Chipset
4. Дисковые устройства: WDC WD1600AAJS-60B4A0
5. Звуковые устройства: SoundMax Integrated Digital HD Audio
6. Клавиатура: HP KB-0316
7. Мышь: HP M-SBF96
8. Процессор: Pentium(R) Dual-Core CPU E5GHz
9. Сетевые плата: Intel(R) 82567LM-3 Gigabit Network Connection
10. ОЗУ: 972 МБ
Проектор: BENQ PB-7110
Microsoft Windows XP Professional версия 2002 Service Pack 3
Аудитория № 000
Мониторы: Aser 16 шт.
SAMSUNG 1 шт.
17 Тонких Клиентов:
- Подлинная Windows® Embedded Standard 7
- Процессор Intel® Atom N280 1,66 ГГц
- Основной флеш-диск 4 ГБ, 2 ГБ DDR3 SODIMM
- Видеоподсистема Intel GL40
- 6 USB 2.0; 1 DisplayPort; 1 разъем VGA; 1 разъем RJ-45; 1 разъем для наушников; 1 вход для микрофона; 1 последовательный порт; 2 разъема PS/2
(клавиатура и мышь); 2 дополнительных порта USB 2.0 расположены в защищенном отсеке
- 10/100/1000 Gigabit Ethernet,
- 4,4 x 22,2 x 25,5 см
- Начальный вес 1,58 кг
- Соответствующий спецификациям Energy Star 2.0 блок питания на 65 Вт с автоматическим определением напряжения в сети 100-240 В переменного тока, 50-60 Гц, автоматическим переходом в режим энергосбережения и устойчивостью к скачкам напряжения
