Главная >> Методички

Pages: |

| 2 |

«Кафедра компьютерных образовательных технологий А.В. Белозубов, Д.Г. Николаев, Д.Г. Штенников Пособие по программе Технологии сайтостроительства Учебно-методическое пособие Санкт-Петербург 2010 1 Белозубов А.В., ...»

-- [ Страница 1 ] --

Санкт-Петербургский государственный университет

информационных технологий, механики и оптики

Кафедра компьютерных образовательных технологий

А.В. Белозубов, Д.Г. Николаев, Д.Г. Штенников

Пособие по программе

«Технологии сайтостроительства»

Учебно-методическое пособие

Санкт-Петербург

2010

Белозубов А.В., Николаев Д.Г., Штенников Д.Г. Пособие по программе «Технологии сайтостроительства».

Учебно-методическое пособие. – СПб., 2010. – 96 с.

Рецензенты:

А.А. Бобцов, д.т.н., профессор, декан факультета КТиУ СПбГУ ИТМО Л.С. Лисицына, д.т.н., профессор, зав. каф. КОТ СПбГУ ИТМО Практикум предназначен для поддержки курсов повышения квалификации работников образования по программе «Технологии сайтостроительства» по заказу Комитета по образованию Санкт-Петербурга.

Для освоения материала, изложенного в предлагаемом пособии, требуются начальные знания персонального компьютера, операционной системы Windows и ее приложений, а так же навыки работы в сети Интернет. Если у вас по ряду причин возникнут трудности с освоением материала, мы советуем вам посмотреть некоторые из книг, входящих в список литературы.

Пособие организовано по классическому принципу самоучителя. В него включено шесть разделов, содержащих краткую справочную информацию, и практические задания. В подаче материала мы следовали принципам «от простого – к сложному», в силу которого справка, затрагивающая вопросы выполнения того или иного пункта задания, становилась менее обширной.

В пособие вошли краткие описания следующих программ:

LeechFTP;

FAR Manager;

Adobe Dreamweaver;

CourseBuilder for Dreamweaver;

Adobe Photoshop;

Adobe Flash.

1. HTML – язык создания интернет-ресурсов 1.1. Общие сведения Интернет создавался усилиями научных работников, которые стремились получить простое и эффективное средство для обмена информацией между собой. Но под обменом информацией они понимали не простую переписку или копирование файлов с одного компьютера на другой, а распределенную информационную систему. Распределенная, то есть не сосредоточенная в каком-то одном центре или на одном компьютере, а расположенная на разных компьютерах, в разных организациях, городах и странах. В то же время, информационные ресурсы в этой системе должны быть организованы так, чтобы любой желающий мог легко найти интересующую его информацию, получить к ней доступ и использовать ее по своему усмотрению. Для этого информационные ресурсы должны быть особым образом упорядочены, структурированы, оформлены, а для их создания необходим специальный язык.

В результате была создана WWW или «всемирная паутина». Для оформления интернет-ресурсов в системе WWW используется специальный язык – HTML (от англ. HyperText Markup Language – язык разметки гипертекста). Из названия этого языка понятно, что в его основу положена особая идеология оформления текстовой информации – идеология гипертекста (от англ. hypertext – больше, чем текст). Язык HTML оказался настолько прост, а идея гипертекста настолько продуктивна, что служба WWW была быстро признана, получила активное развитие, стала широко использоваться и наполняться информацией.

В основе идеологии гипертекста лежит идея создания электронных документов, с которыми работать так же просто и удобно, как с рукописями, книгами или другими печатными материалами. Работа с обычными документами может начинаться с любого места. По мере его изучения можно обращаться к другим источникам, углубляясь в тему, а затем возвращаться на то же место, чтобы продолжить дальше. Так работают с учебниками, энциклопедиями, научными статьями, в которых принято делать ссылки не столько для сохранения авторских прав, сколько для указания путей для более глубокого освоения заинтересовавших нас вопросов. Свободное перемещение по тексту, необязательность сплошного чтения, использование перекрестных ссылок – вот главные принципы, которые положены в основу идеологии гипертекста.

Как видим, в гипертексте делается попытка заменить линейное представление материала, как это принято в обычных книгах, нелинейным, более соответствующим процессу мышления человека. Гипертекстовое изложение способствует более продуктивной работе мозга. С использованием гипертекста автору легче оформить свои мысли, а читателю – понять их смысл и запомнить. Таким образом, идеология гипертекста как никакой другой способ представления текстовой информации подходит для организации электронных учебников и других обучающих текстов.

Главной особенностью языка HTML, реализующего идеологию гипертекста, является механизм создания ссылок для перехода от одного информационного ресурса к другому. Сегодня, гипертекстовые ссылки, как нити паутины, связывают интернет-ресурсы в единую гипертекстовую информационную систему.

И в идеологии гипертекста, и в его реализации – языке HTML, отдано предпочтение не визуальному, а структурному форматированию. То есть, при создании текстовых документов задаются не цвет символов или размер шрифта, а определяется, какое место занимает тот или иной фрагмент в структуре документа. Текстовый фрагмент может быть заголовком первого, второго или третьего уровня, а может быть обычным текстовым параграфом, примером или цитатой. Кроме того, текстовые фрагменты могут быть элементами списка или ячейками таблицы. Визуальное представление информации создается программами для работы с гипертекстом, к которым относятся в первую очередь веб-клиенты. В зависимости от места текстовых фрагментов в структуре документа веб-клиент отобразит их соответствующим образом: заголовки выделит жирным шрифтом большего размера, пронумерует элементы списка, построит таблицу из ее ячеек. Таким образом, в языке HTML содержание документа отделено от его представления.

Разметка текста в формате HTML осуществляется с помощью управляющих конструкций, которые называются тегами (от англ. tag – ярлык, признак). Теги бывают двух видов: парные, охватывающие текстовый фрагмент, и непарные, размещаемые в любом месте текста. Форма записи тегов выглядит следующим образом:

текстовый фрагмент Многие теги могут иметь атрибуты, уточняющие или изменяющие действие тега. Форма записи тега с атрибутами выглядит следующим образом:

Можно выделить несколько групп тегов по их назначению. Большая часть тегов используется для выделения структурных единиц в исходном тексте документа: заголовков какого-либо уровня, абзацев или ссылок. Другая часть тегов используется для создания в тексте новых элементов, которым ничто не соответствовало в исходном тексте. С помощью этих тегов в HTML-документ вставляются изображения и другие объекты. Теги языка HTML, как клей, соединяют текст, изображения и другие объекты в структуру данных, которая называется HTML-документ. HTML-документ, опубликованный в интернете, обычно называют веб-страницей.

Вставка иллюстраций в текстовый документ является важнейшей возможностью, которую предоставляет язык HTML. Рисунки, графики, схемы, диаграммы, фотографии существенно повысят эффективность образовательных интернет-ресурсов. Браузер без каких-либо дополнительных программных модулей может отображать графические иллюстрации в форматах GIF, JPEG (JPG) и PNG.

Подробное описание тегов языка HTML, их назначения и применения содержится в многочисленной литературе. Кроме того, огромное количество всевозможных учебников и справочников можно найти в интернете. Список литературы и список ссылок на подобные источники информации, а так же краткая справка по тегам языка HTML приведены в конце пособия.

Для редактирования HTML-документов достаточно возможностей простейшего текстового редактора. Понятно, что такой подход требует знания синтаксиса языка HTML и правил формирования HTML-документов вручную.

В этом случае создание сайта представляет собой сложный, трудоемкий, кропотливый процесс, отнимающий много времени на рутинные технические операции и отвлекающий от реализации творческих замыслов. Гораздо эффективнее воспользоваться возможностями какого-либо пакета программного обеспечения, специально предназначенного для подготовки интернет-ресурсов. Такие программы располагают различными вспомогательными инструментами, ускоряющими и упрощающими процесс редактирования HTML-документов. Кроме того, наиболее мощные из них, включают в свой состав средства автоматизации процесса разработки и размещения файлов сайта на веб-сервере.

Большой класс инструментов составляют HTML-редакторы, построенные на основе принципа WYSIWYG (от англ. What You See Is What You Get – что видишь, то и получаешь). Такие программы имеют графические интерфейсы и поэтому называются средствами визуального редактирования. Изначально, основной целью подобных инструментов было освобождение автора от необходимости непосредственной работы с тегами языка HTML. При всех своих преимуществах подобным инструментам свойственен существенный недостаток – они не создают «чистого» HTML-кода, добавляя в него избыточные, а иногда и «фирменные» теги. В некоторых случаях, для достижения нужного эффекта они используют излишне сложные методы.

Целью же современных визуальных HTML-редакторов является избавление разработчика от выполнения рутинных действий. Следует заметить, что серьезные, мощные пакеты подобного класса являются коммерческим программным обеспечением, имеющим достаточно высокую стоимость.

Сегодня наиболее известными и широко используемыми являются программы фирмы Microsoft. Кроме специализированного пакета для редактирования HTML-документов Microsoft FrontPage, интегрированной среды для разработки и поддержки сайтов Microsoft InterDev, практически во всех программах фирмы Microsoft (Word, Excel, PowerPoint и других) предусмотрена возможность сохранения информации в формате HTML.

Продуктам фирмы Microsoft достойную конкуренцию может составить широкий спектр программ для разработки интернет-ресурсов фирмы Adobe.

HTML-редактор Adobe Dreamweaver в настоящее время считается стандартом в области веб-мастеринга. Основным критерием такого выбора среди профессионалов стало то, что создаваемый им код является максимально «чистым». Этот редактор представляет собой полноценную среду разработки как отдельных веб-страниц, так и сайтов любого масштаба. Ядром пакета является мощный HTML-редактор, позволяющий осуществлять как разработку документа в визуальном режиме, так и его ручное кодирование. Dreamweaver располагает мощными средствами автоматизации разработки и управления вебсайтом. В его состав входит множество полезных вспомогательных инструментов, упрощающих и ускоряющих разработку. Кроме того, Dreamweaver чрезвычайно гибок в настройке, что позволяет организовать индивидуальную среду, удобную для конкретного разработчика.

Для разработчиков, не имеющих большого опыта создания веб-страниц и не располагающих глубокими знаниями языка HTML, наилучшим выбором является один из этих визуальных редакторов. Авторов образовательных ресурсов в большинстве случаев можно отнести именно к этой группе.

Использование визуальных редакторов позволит им без лишних временных затрат на глубокое изучение HTML и вопросов веб-дизайна создавать качественные интернет-ресурсы.

1.2. Примеры создания страниц с использованием языка HTML Простейший HTML-документ Пример простейшего HTML-документа Здесь пишется текст документа.

HTML-документ с таблицей Пример простейшей таблицы Заголовок таблицы первая ячейка первой строки вторая ячейка первой строки первая ячейка второй строки вторая ячейка второй строки HTML-документ с заголовками и текстом Пример HTML-документа с заголовками и текстом Заголовок первого параграфа (абзаца) Здесь пишется текст первого параграфа (абзаца).

Заголовок второго параграфа (абзаца) Здесь пишется текст второго параграфа (абзаца).

Заголовок третьего параграфа (абзаца) Здесь пишется текст третьего параграфа (абзаца).

HTML-документ с заголовками различного уровня Пример HTML-документа с заголовками различного уровня Пример заголовка первого уровня Пример заголовка второго уровня Пример заголовка третьего уровня Пример заголовка четвертого уровня Пример заголовка пятого уровня Пример заголовка шестого уровня 1.3. Задания для практической работы 1) В программе Блокнот (Notepad) создайте приведенные выше примеры HTML-документов. Каждый пример сохраняйте как отдельный документ. К имени файла добавьте расширение htm или html (например, primer1.htm). При сохранении документов в поле Тип файла (Save as type) укажите Все файлы (*.*) (All Files (*.*)).

2. Доступ к FTP-серверам 2.1. Общие сведения Интернет является самым большим в мире хранилищем файлов.

Множество подключенных к интернету узлов содержат гигабайты полезной информации, доступной для пользователей сети Интернет.

Для хранения файлов в интернете используются специальные FTPсерверы. Некоторые из них открыты для свободного доступа, их часто называют анонимными серверами. Другие доступны только для ограниченного круга зарегистрированных пользователей и требуют при подключении ввода идентификатора и пароля. Следует помнить, что вряд ли вы найдете коммерческую версию программы на FTP-сервере, но тестовые версии программ, а также свободно распространяемые программы вы там найдете.

Различают два типа программ, которые вы можете на законных основаниях скопировать себе через интернет – свободно распространяемые программы и условно-бесплатные программы.

Свободно распространяемые программы – freeware. Программы этого типа распространяются бесплатно и вы, на совершенно законном основании, можете их копировать и использовать. Иногда имеются некоторые условия, которым вы обязаны следовать, например, копировать можно только целиком пакет программ, а не отдельные его части.

Условно-бесплатные программы – shareware. Данные программы распространяются бесплатно, и вы можете попробовать их в работе, но для законного их использования вы должны заплатить некоторую сумму. Чаще всего это небольшая сумма в несколько долларов. В некоторых случаях после оплаты вы регистрируете программу, то есть вводите специальный регистрационный код, и получаете некоторые дополнительные возможности.

Концепция условно-бесплатных программ не получила достаточного распространения в нашей стране. Это обусловлено не только повсеместным использованием незаконных копий программ, но и объективными причинами.

Добросовестному пользователю будет достаточно сложно перечислить десять долларов на счет в США, используя услуги отечественных банков. Возможно, стоимость перевода превысит сумму перечисляемых денег. В интернете распространена оплата с использованием пластиковых карт, но они пока недостаточно распространены у нас в стране.

2.2. Программа LeechFTP Для получения файлов из интернета можно использовать универсальные программы, такие как Internet Explorer или Mozilla Firefox, но в некоторых случаях удобнее воспользоваться специальной программой для передачи файлов. Существует множество таких программ называемых FTP-клиентами.

Одной из таких программ является LeechFTP – бесплатный, но довольно мощный FTP-клиент, предоставляющий возможности, которые отсутствуют даже в некоторых коммерческих продуктах. Программа обладает удобным графическим интерфейсом. Особенностью этой программы является возможность работы с несколькими серверами одновременно. Ее популярность подтверждают высокие позиции в рейтингах файловых серверов.

Рабочее окно программы Запустите программу LeechFTP, используя главное меню Windows или ярлык программы на рабочем столе. На экране появится основное окно программы LeechFTP.

В верхней части окна расположены заголовок, меню и панель инструментов.

Ниже панели инструментов находится поле сообщений. Общение с FTРсерверами производится с помощью команд, которые генерируются программой LeechFTP. В ответ на команды сервер производит различные действия и выдает некоторые сообщения. Эти команды и сообщения выводятся в данном поле.

Рабочее окно программы разделено на три части. В центре располагается список файлов текущего каталога вашего компьютера. В этой области вы можете переходить из каталога в каталог, менять диски и управлять файлами с помощью команд меню Local. Справа расположен список файлов текущего каталога FTP-сервера. Этот список выводится только после подключения.

Файловая структура FTP-серверов похожа на структуру файлов на вашем компьютере. Работа с файлами, расположенными на сервере (копирование, удаление, перемещение, переименование и т.д.) в программе LeechFTP выполняется с помощью команд меню Remote. В левой части окна отображается протокол работы с FTP-серверами.

Подключение к FTP серверу Рассмотрим процесс подключения к FTP-серверу. Нажмите кнопку Normal, расположенную на панели инструментов, или выполните Connect команду FileConnect… чтобы вызвать диалоговое окно LeechFTP Connect to.

В этом диалоговом окне вы должны заполнить поля, предназначенные для ввода параметров подключения к серверу.

В поле Host or URL введите адрес сервера, к которому вы хотите подключиться. Если данный сервер является общедоступным, то отметьте пункт Anonymous login. Если сервер, к которому вы подключаетесь, не является общедоступным, то для подключения к нему вам необходимо ввести свой идентификатор (Username) и пароль (Password). Эти данные вы должны получить у администратора данного сервера. После заполнения полей нажмите кнопку OK. Начнет выполняться процедура подключения. Через некоторое время в правой части рабочего окна программы появится содержание начального каталога FTP-сервера.

Ускоренная процедура подключения с использованием кнопки Quick Connect, расположенной на панели инструментов, или команды FileQuick Connect... подразумевает ввод информации для соединения в одну строку в диалоговом окне Quick Connect.

Для удобства подключения к часто используемым FTP-серверам LeechFTP хранит их адреса и параметры в качестве специальных закладок (bookmark) в специальном окне LeechFTP bookmarks. Это окно вызывается нажатием кнопки Show Bookmarks наглядности закладки представляются в виде дерева каталогов, что удобнее по сравнению с длинным, неупорядоченным списком, который используют другие программы.

Для создания закладок можно пользоваться командой контекстного меню Add bookmark... в списке файлов FTP-сервера или командой меню EditAdd bookmark окна LeechFTP bookmarks.

Передача файлов по сети Для того чтобы переписать файл с сервера на компьютер или наоборот, необходимо выделить исходный файл и нажать кнопку Download selected files или Upload Files соответственно. Можно использовать стандартную для Windows процедуру перетаскивания файлов из одного окна в другое.

Рассмотрим, как переписать файлы с вашего компьютера на удаленный сервер. Щелкните левой клавишей мыши по названию какого-либо файла, записанного на локальном диске, и, удерживая кнопку, переместите файл из папки локального компьютера в папку удаленного сервера. Процедура загрузки файлов с удаленного каталога в локальный каталог производится аналогичным образом.

Все соединения в LeechFTP представляются в виде так называемых нитей (thread). LeechFTP позволяет иметь несколько нитей одновременно, одна из которых предназначена для перемещения по каталогам удаленного сервера, а остальные – для передачи файлов. Как только пользователь дает команду передачи файла, создается новая нить, которой соответствует процесс обмена информацией в фоновом режиме. При этом пользователь можете продолжать переходить из каталога в каталог и даже подключаться к другим серверам. При обрыве процесса передачи файлов LeechFTP автоматически пытается продолжить передачу файла с момента обрыва. Пользователь имеет полный контроль над процессом работы с файлами: он может отложить перемещение файла, установить приоритет выполнения задач нитей или задать ограничение для ширины используемого канала (так называемый bandwidth). Подобные возможности позволяют совмещать копирование файлов в фоновом режиме и просмотр содержимого FTP-сервера. Список нитей можно сохранить для того, чтобы продолжить передачу информации позже, при последующих соединениях с интернетом.

2.3. Задания для практической работы 2) Запустите программу LeechFTP и ознакомьтесь с ее интерфейсом.

3) Произведите соединение с одним из общедоступных серверов (адреса ftp-серверов сообщаются преподавателем), и скопируйте с него в локальный каталог несколько файлов.

4) Создайте файл index.html и введите в него следующий текст с помощью любого текстового редактора:

Заголовок окна Заголовок документа Заголовок таблицы Левая колонка Правая колонка 5) Разместите созданную веб-страничку на ваш учебный FTP-сервер (адреса ftp-серверов сообщаются преподавателем) и откройте ее с помощью Internet Explorer.

6) Удалите все файлы со своего FTP-сервера.

7) Завершите работу с программой.

2.4. Программа FAR Manager Общие сведения Работа с программной оболочкой FAR может вызвать ностальгические нотки по работе с уходящими в небытие программами типа Norton Commander.

Именно для поколения, привыкшего работать в операционной системе DOS, и был создан FAR. Интерфейс программной оболочки FAR мало отличается от интерфейса программы Norton Commander. Те же самые меню и цвет экрана, похожее по содержанию Управляющее меню, но все же – это приложение Windows. Главными достоинствами FAR являются небольшой объем занимаемого места на диске и многофункциональность. FAR может выполнять функции менеджера файлов, текстового редактора, перекодировщика текстовых файлов и FTP-клиента.

Работа в текстовом редакторе программы FAR Для создания текстового документа нажмите клавиши Shift+F4 и в появившемся окне Редактор (Editor), введите имя создаваемого файла. После нажатия клавиши Enter вы перейдете в текстовый редактор программы FAR. В верхней части окна слева направо отображены: имя файла, текущая кодировка, номер текущей строки и общее количество строк в документе, а также номер текущего символа в строке. В нижней части экрана находится меню данного текстового редактора.

Текстовый редактор программы FAR позволяет работать с различными типами кодировок. В верхней части окна редактора отображается текущая кодировка. Переход к другому типу кодировки может быть осуществлен либо нажатием клавиши F8, либо нажатием клавиш Shift+F8 с дальнейшим выбором нужной кодировки из предложенного списка. По клавише F8 выбирается одна из двух кодировок: DOS или Win, комбинация клавиш Shift+F8 позволяет выбрать кодировку из списка предварительно подключенных кодировок.

Подключение (установка) кодировок Если FAR не поддерживает какую-либо кодировку, например, кодировку Кириллица KOI8-R, то для ее установки проделайте следующие действия:

перейдите в корневой каталог программы FAR;

перейдите последовательно в каталог AddonsTablesCyrillic и загрузите соответствующий файл (в данном случае файл KOI8-R.reg);

в появившемся окне выберите Yes, далее щелкните по кнопке ОК.

Аналогичным образом можно подключить другие виды кодировок.

Изменение кодировок в текстовом редакторе FAR Если вы хотите изменить текущую кодировку текста (например, ваш текст создан в DOS-кодировке, а вы хотите чтобы он читался в кодировке KOI8-R), необходимо:

выбором кодировки привести отображаемый текст к читабельному виду;

вырезать фрагмент документа, подлежащего перекодировке, в буфер сменить кодировку на желаемую;

вставить фрагмент документа из буфера обмена.

Работа с FTP-доступом Для подключения к удаленному каталогу на FTP-сервере нажмите клавиши Alt+F1 или Alt+F2. В появившемся окне выберите пункт меню FTP и нажмите Enter. Щелчком мыши активизируйте окно FTP. Далее, для соединения с нужным вам FTP-сервером, нажмите клавиши Shift+F4.

В окне Ввод адреса FTP (Enter FTP address) в поле ftp://пользователь:пароль@сервер:порт/папка (ftp://user:password@host:

port/ dir) введите, соответственно, имя пользователя, через двоеточие пароль, через символ «@» имя FTP сервера, через двоеточие порт 21 и через слэш название каталога. Для соединения с общедоступным сервером достаточно ввести только имя сервера. Отметим, что поля, отражающие порт и название каталога, как правило, не заполняются.

Если вы ввели пароль в поле ftp://пользователь:пароль@ сервер:порт/папка (ftp://user:password@host:port/dir), то поле Пароль (Password) можно проигнорировать. Поле Описание FTP (FTP description) служит для ввода любой информации по желанию пользователя. Вкладка Спрашивать пароль непосредственно перед подключением (Ask password directly before connecting) является необходимой, если вы желаете сохранить секретность доступа к FTP-серверу. Естественно, что заполнение данной ftp://пользователь:пароль@сервер:порт/папка (ftp://user:password@host:

port/dir) пароль не введен. Поле Текстовый режим (Ascii mode) позволяет использовать по умолчанию текстовый режим пересылки файлов. Поле Пассивный режим (Passive mode) предназначено для работы с некоторыми типами firewall. Поле Использовать firewall (Use firewall) предназначено для ввода имени firewall-сервера. Кнопка Сохранить (Save) позволяет сохранить введенное в поле ftp://пользователь:пароль@сервер:порт/папка (ftp://user:password@host:port/dir) название FTP-сервера в списке серверов, отображаемых на FTP-панели. Кнопка Соединить (Connect) предназначена для осуществления текущего соединения, без сохранения имени FTP-сервера в списке серверов, отображаемых на FTP-панели. Кнопка Выбрать таблицу (Select table) позволяет установить кодировку для данного сервера взамен используемой по умолчанию. Следует отметить, что при использовании режима Сохранить (Save), пользователь получает возможность редактировать параметры сервера (изменить имя пользователя, пароль, название сервера и т.д.). Для этого необходимо нажать клавишу F4, внести все необходимые изменения и щелкнуть по кнопке Соединить (Connect).

Рассмотрим пример подключения к FTP-серверу test.ifmo.ru, пользователя сервер:порт/папка (ftp://user:password@host:port/dir) вводим:

ftp://с1u1:[email protected]:21 и выбираем либо кнопку Сохранить (Save), либо Соединить (Connect).

Передача файлов по сети В данном разделе рассмотрим возможность пересылки файлов с вашего компьютера на удаленный сервер.

Копирование каталога или файла с локального диска на удаленный осуществляется следующим образом:

осуществите подключение к FTP-серверу;

активизируйте панель локального диска;

выделите на удаленном сервере с помощью курсора файл или каталог, подлежащие копированию и нажмите клавишу F5.

Копирование каталога или файла с удаленного диска на локальный проводится аналогичным образом с той лишь разницей, что в качестве активной панели выступает удаленный диск.

Переименование и пересылка файлов и каталогов осуществляется с использованием клавиши F6.

Поиск файла на FTP-сервере Поиск файла на FTP-сервере осуществляется следующим образом:

осуществите подключение к интересующему вас FTP-серверу;

нажмите клавиши Alt+F7;

в появившемся окне Поиск файла (Find file) выберите поле Одна или несколько масок файлов, разделенных запятыми (A file mask or several file masks delimited with commas) и введите параметры искомого выберите (по вашему усмотрению) флаги: Учитывать регистр (Whole words) и Использовать все таблицы символов (Use all installed character tables);

в последующих полях выберите интересующий вас способ поиска и щелкните по кнопке Искать (Find).

Задания для практической работы 2.5.

Осуществите подключение к одному из общедоступных FTP-серверов.

Скопируйте некоторые файлы на ваш локальный диск.

Осуществите соединение с учебным FTP-сервером, используя режим Спрашивать пароль непосредственно перед подключением (Ask password directly before connecting). Для этого проделайте следующие в поле ftp://пользователь:пароль@сервер:порт/папка (ftp://user:

password@ host:port/dir) введите имя учебного FTP-сервера;

выберите вкладку Спрашивать пароль непосредственно перед подключением (Ask password directly before connecting);

нажмите Сохранить (Save);

переведите курсор на каталог (папку) FTP и нажмите Enter;

в появившемся окне Информация о пользователе (Login information) заполните соответствующие поля.

4) Активизируйте панель FTP и отредактируйте созданную запись таким образом, чтобы подключение к вашему FTP-серверу происходило без запроса имени и пароля пользователя.

5) С помощью встроенного редактора FAR создайте текстовый файл под названием color.html, содержащий следующий текст:

Изменение цвета фона 6) Сохраните его на локальном диске и проверьте работу программы.

7) С помощью поисковой системы найдите любую палитру цветов, используемую при создании веб-сайтов.

8) Измените код созданного файла, используя цвета из найденной палитры.

9) Разместите веб-страничку на учебный FTP-сервер и откройте ее с помощью Internet Explorer.

3. Программа Adobe Dreamweaver 3.1. Основные положения Программа Dreamweaver относится к «визуальным» редакторам HTML, которые реализуют принцип WYSIWYG (what you see is what you get) — что вы видите, то вы и получите. Эта программа позволяет создавать веб-страницы, не требуя от вас знания языка разметки гипертекста. При этом программа предоставляет полный доступ к источнику кода, так что вы можете при создании своей страницы одновременно изучать HTML, заглядывая в источник.

Создатели программы Dreamweaver постарались сделать удобный и простой в использовании инструмент, облегчающий процесс создания HTMLстраниц, их редактирования и управления большим количеством связанных друг с другом документов.

3.2. Основные элементы интерфейса Внешний вид программы является стандартным для операционной системы Windows. После запуска Dreamweaver открывается главное окно с возможностью выбора дальнейших действий пользователя:

Недавно измененные (Open a Recent Item) – открыть документ, выбрав его из списка ранее созданных (размер списка ограничен).

Создать (Create New) – создать новый документ (HTML, PHP, CSS, JavaScript и т.д.) Создать из шаблона (Create from Samples) – создать новый документ на основе готовых примеров страниц.

Каждый HTML-документ открывается в новой вкладке. Для более удобной работы с программой предусмотрены удобная система меню и набор палитр инструментов.

Внешний вид основного окна и состояние дополнительных панелей может зависеть от различных настроек. Главное окно программы разделено на две части: область исходного кода документа и поле его визуального представления. Область, в которой отображается исходный код, может быть cкрыта, при этом поле документа будет занимать все окно. Может быть обратная ситуация – поле визуального представления документа отключено, а включено только отображение исходного кода. Вы можете настраивать рабочее пространство программы таким образом, чтобы ваша работа с ней была максимально удобной и эффективной.

Рис. 3.1. Рабочее пространство Dreamweaver (A. Панель объектов, B. Панель инструментов, C. Поле документа, D. Навигатор панелей, E. Выбор HTML-тегов, F. Панель свойств объекта, G. Менеджер сайта) Все основные действия при создании и редактировании HTML-страницы производятся в поле документа. Как известно, кроме текстовой информации HTML-документ может содержать различные графические и мультимедийные элементы. Для удобства вставки таких элементов предназначена панель Вставить (Insert) или панель объектов (Рис. 3.1). С помощью кнопок, расположенных на этой панели, можно быстро вставить различные объекты (изображения, таблицы, Flash-анимация) в редактируемый документ.

Любой HTML-документ можно представить как совокупность таких элементов как слово, абзац, изображение, ячейка таблицы и других. Все они имеют некоторые общие свойства (например, такие как выравнивание), но в то же время, каждый объект обладает присущими только ему свойствами, параметрами и настройками. Для быстрого доступа к редактированию параметров объекта предназначена панель Свойства (Properties) или панель свойств (Рис. 3.1). В зависимости от текущего выделенного объекта она изменяет свой внешний вид – предлагается просмотреть и при необходимости изменить набор свойств именно этого объекта.

При работе со сложными страницами полезным инструментом является панель Журнал (History) или панель истории (Рис. 3.1). В список на этой панели заносятся все действия, выполняемые в ходе редактирования, начиная с момента открытия файла (по умолчанию сохраняется 50 последних операций).

Используя панель Журнал (History), можно отменить, повторить, сохранить выделенный диапазон операций.

Как и в большинстве программ Windows, все основные команды и операции можно выполнить различными способами – через панели инструментов, пункты меню или по комбинации клавиш. Не исключение и описываемые здесь действия, поэтому не нужно слепо ими руководствоваться.

Следует выбирать такой способ выполнения действий, который является для вас наиболее удобным и сделает вашу работу быстрой и эффективной.

3.3. Задание основных настроек программы Для того, чтобы сделать работу с редактором эффективной и комфортной, нужно определить значение некоторых параметров. Чтобы вызвать настройку параметров программы, нужно в главном меню открыть пункт Редактировать (Edit), а в нем выбрать пункт Установки... (Preferences...) (РедактироватьУстановки... (EditPreferences...)) После этого на экране отображается окно редактирования параметров работы (Рис. 3.2). В левой части окна отображаются категории возможных настроек, а в правой – параметры выбранной категории.

Рис. 3.2. Диалоговое окно редактирования параметров В категории Общие (General) собраны общие настройки программы.

Флажок Использовать CSS вместо тегов HTML (Use CSS instead of HTML tags) в категории Общие (General) включает или отключает использование для форматирования текста стилей CSS вместо тегов HTML. По умолчанию он может быть установлен, и начинающим пользователям редактора его желательно отменить.

Важным моментом, на котором следует остановиться подробнее, является подготовка редактора Dreamweaver к работе с русскоязычными документами.

Общепринятым, стандартным языком в компьютерных технологиях является английский язык. Поэтому при размещении англоязычных документов в интернет не возникает никаких затруднений. Но как только речь заходит о документах, которые используют другую кодировку – возникает целый ряд проблем.

Каждому символу присвоен определенный номер – его код, такая взаимосвязь носит название таблица кодировки. Первая часть всех таблиц кодировок совпадает – там содержатся коды цифр, букв латинского алфавита, знаков пунктуации. А вот дальше в таблице кодировки идут коды русских букв и некоторых специальных символов. Шрифты строятся на основе какой-либо таблицы кодировки и определяют вид отрисовываемого символа, соответствующего конкретному коду. Поэтому для корректного отображения HTML-документов необходимо указывать кодировку, в которой он сохранен.

При работе в редакторе Dreamweaver необходимо указать, в какой кодировке предполагается редактировать документы. Для того, чтобы определить кодировку по умолчанию для вновь создаваемых HTMLдокументов, нужно в окне Установки (Preferences) выбрать категорию Создать документ (New Document) (Рис. 3.2).

В списке Кодировка по умолчанию (Default encoding) указывается какаялибо из кириллических кодировок. Наиболее употребительными являются Кириллица (KOI8-R) и Кириллица (Windows). Какую из них выбрать зависит от настроек сервера, на котором планируется размещать HTML-документы.

Рекомендуется, если это возможно, использовать кодировку Кириллица (Windows). Теперь нужно установить флажок Использовать при открытии существующих файлов, для которых не указана кодировка (Use when opening existing files that don't specify an encoding), если он не установлен по умолчанию. После этого Dreamweaver будет автоматически применять выбранную в списке Кодировка по умолчанию (Default encoding) кодировку ко всем открываемым веб-страницам, если в них не задана явно другая кодировка. Далее, в категории Шрифты (Fonts), в списке Параметры шрифта (Fonts Setting) нужно указать, какие шрифты будут использоваться для отображения текста (Рис. 3.2).

Для русскоязычных HTML-документов нужно выбрать пункт Кириллица.

Теперь все вновь создаваемые HTML-документы будут поддерживать русские буквы.

Для того чтобы изменить кодировку уже существующего HTMLдокумента необходимо выполнить команду ИзменитьСвойства страницы...

(ModifyPage Properties...). Появится окно параметров текущей страницы (Рис. 3.3).

В категории Название/Кодировка (Title/Encoding) из списка Кодировка (Encoding) следует выбрать новую желаемую кодировку и нажать кнопку Перезагрузить (Reload), расположенную справа. Если перед этим документ не был сохранен, то все изменения, сделанные после последнего сохранения, будут утеряны. Чтобы этого избежать, перед изменением кодировки необходимо сохранить документ. Преобразование кодировок возможно только между кодировками одного типа. Например, изменение кодировки Кириллица (KOI8-R) в Кириллица (Windows) будет выполнено корректно, а преобразование из Западноевропейской в Кириллицу (KOI8-R) будет некорректным.

Рис. 3.3. Диалоговое окно настройки параметров страницы Настройку параметров работы редактора Dreamweaver достаточно выполнить один раз после установки программы. А далее при редактировании HTML-документов во всех сеансах работы с программой она будет работать согласно установленным параметрам.

3.4. Задание основных свойств страницы Начать следует с установки параметров страницы. Для этого необходимо из главного меню выбрать команду ИзменитьСвойства страницы...

(ModifyPage Properties...). Основное, что необходимо задать в открывшемся диалоговом окне, это название (заголовок) страницы – поле Название (Title) в категории Название / Кодировка (Title / Encoding) (см. Рис. 3.3). Считается, что каждая страница сайта должна иметь продуманное, кратко и четко сформулированное название. Визуально оно будет отображено в заголовке окна браузера и, кроме того, будет использоваться поисковыми системами и т.п.

Рис. 3.4. Диалоговое окно настройки параметров страницы Кроме заголовка, в категории Внешний вид (Appearance) этого диалогового окна (Рис. 3.4), можно установить следующие параметры страницы:

Фоновое изображение (Background image) – изображение, которое будет использовано в качестве фона страницы (графический файл с изображением можно выбрать, нажав кнопку Browse…);

Фон / Текст (Background / Text) – соответственно цвета фона страницы и текста, расположенного на ней (можно выбрать цвет из палитры, нажав на кнопке, расположенном рядом);

Ссылки / Просмотренные ссылки / Активные ссылки (Links / Visited links / Active links) – соответственно цвета ссылок / посещенных ссылок / активных ссылок;

Левое поле / Верхнее поле (Left margin / Top margin) и Ширина поля / Высота поля (Margin width / Margin height) – задают отступы (поля) по бокам, в начале и в конце страницы.

Левое и Верхнее поле (Left и Top margin) отображаются только в браузере Internet Explorer и Opera, а Ширина и Высота поля (Margin width и height) –в Mozilla Firefox, поэтому рекомендуется использовать оба параметра одновременно для сохранения совместимости.

3.5. Подготовка редактора к работе с веб-сервером HTML-редактор Dreamweaver инструменты для управления сайтами любого размера. Это отличает его от большинства простых HTML-редакторов и делает полноценным средством создания и управления сайтами. Рассмотрим использование этих инструментов подробнее.

Работа со средствами управления сайтом в Dreamweaver начинается с выполнения команды Web-сайтУправление web-сайтами... (SiteManage Sites...). На экране появится окно со списком сайтов (Рис. 3.5).

Рис. 3.5. Диалоговое окно для создания и управления сайтами Для создания нового сайта следует нажать на кнопку Создать... (New...) и в открывшемся списке выбрать Site. На экране появится диалоговое окно, в котором нужно указать сведения о сайте. Для редактирования свойств уже созданного сайта нужно выбрать его в списке и нажать кнопку Редактировать... (Edit...). При нажатии на кнопку Дублировать (Duplicate) будет создана копия выбранного в списке сайта, а при нажатии на кнопку Удалить (Remove) сайт будет удален.

Рис. 3.6. Настройка локальных параметров сайта Обратите внимание, что у окна настройки параметров сайта (Рис. 3.6) есть две закладки Основные (Basic) и Дополнительно (Advanced). При желании можно воспользоваться мастером настройки параметров сайта – на закладке Основные (Basic), но лучше переключиться на закладку Дополнительно (Advanced) – она предоставляет больше возможностей по настройке нашего сайта.

Параметры настройки разбиты на несколько категорий, отображаемых в левой части окна (Рис. 3.6). В первой категории Локальная информация (Local Info) задаются служебное Имя сайта (Site name), Локальная корневая папка (Local root folder), в которой хранится содержимое сайта на локальной машине, и некоторые другие свойства. Можно также указать Папку для изображений по умолчанию (Default images folder), в которой по умолчанию будут храниться изображения, которые необходимы для размещения на страницах сайта. Если это поле оставить незаполненым, то изображения будут располагаться в корневой папке сайта.

Рис. 3.7. Настройка параметров соединения с сервером В категории Удаленная информация (Remote Info) (Рис. 3.7) необходимо задать тип доступа к серверу для размещения сайта в интернет. В зависимости от выбранного типа доступа (поле Доступ (Access)) потребуется задать различные дополнительные параметры. Рассмотрим наиболее универсальный и часто используемый способ – соединение по протоколу FTP. Первое, что необходимо указать, – это адрес FTP сервера, на котором будут размещаться файлы (поле FTP-сервер (FTP host)). В поле Каталог на сервере (Host directory) указывается путь к папке, в которой будут размещаться файлы (если она совпадает с домашним каталогом, то это поле должно остаться пустым).

Далее в полях Имя входа (Login) и Пароль (Password) необходимо указать имя пользователя и пароль, которые будут использоваться для соединения с FTP-сервером. Обратите внимание на флажок Сохранить (Save), справа от поля Пароль (Password). Если этот флажок установлен, то пароль доступа к FTP-серверу автоматически запоминается. Если флажок убрать, то пароль необходимо будет вводить при каждом подключении к серверу.

Когда необходимые параметры заданы, можно нажать кнопку OK и вернуться к окну Управление сайтами (Define Sites) (см. Рис. 3.5). После нажатия в нем кнопки Готово (Done) можем приступать к работе над будущим сайтом.

3.6. Работа с локальной и удаленной версией сайта Для работы с локальной и удаленной версией сайта в программе Dreamweaver есть диалоговое окно Менеджер сайта (Site Manager). Половина этого окна находится в правой части рабочей области Dreamweaver, в панеле Файлы (Files) (Рис. 3.8).

Для того, чтобы полностью раскрыть окно Менеджер сайта (Site Manager), необходимо нажать на кнопку Отобразить локальные и удаленные web-сайты (Expand to show local and remote sites) в правом верхнем углу панели Файлы (Files).

Рассмотрим основные элементы панели инструментов Менеджер сайта (Site Manager) (Рис. 3.9). При нажатии на кнопку Файлы сайта (Site Files) включается режим просмотра файлов сайта, находящихся на сервере. Если работа ведется одновременно над несколькими сайтами, то переключаться между ними можно с помощью списка поля Показать (Show), расположенного на панели инструментов. Кнопка Подключение к удаленному узлу (Connects позволяет установить или, при необходимости, разорвать to remote host) соединение с сервером. По кнопке Обновить (Refresh) осуществляется обновление информации о файлах в локальной и удаленной версии сайта.

Разместить файлы на сервере можно с использованием инструмента Разместить файлы (Put Files), а получить файлы с сервера – с использованием инструмента Получить файлы (Get Files).

Менеджер сайта (Site Manager) позволяет выполнять все основные операции по управлению файлами: создание, удаление, переименование и другие. Все операции с файлами сайта рекомендуется производить в окне Менеджер сайта (Site Manager), так как при изменении имен и расположения файлов ссылки на них из других документов будут автоматически отслеживаться и обновляться. Для того, чтобы начать редактирование файла локальной копии сайта, достаточно двойного щелчка левой кнопкой мыши на нем. Редактировать можно только файлы локальной копии сайта. Вносить изменения в страницы, размещенные на сервере, можно предварительно сделав локальную копию.

3.7. Форматирование текста Основные функции форматирования текста собраны на панели свойств (Рис. 3.10). Для выделенного блока текста можно указать гарнитуру шрифта, выбрав один из пунктов списка Шрифт (Font). Пункт Шрифт по умолчанию (Default Font) означает, что для отображения текста браузер будет использовать шрифт по умолчанию. Следует обратить внимание, что в этом списке указаны не отдельные названия шрифтов, а комбинации шрифтов со схожими гарнитурами. Это связано с тем, что при отображении на клиентской машине, возможна ситуация, когда указанный шрифт не будет на ней установлен. В этом случае будет использован следующий из указанных шрифтов. Если на клиентской машине не окажется ни одного из перечисленных шрифтов, то будет использован шрифт, заданный в браузере по умолчанию.

Изменить список шрифтов (добавить, удалить или изменить комбинации) можно при помощи команды Редактировать список шрифтов... (Edit Font List...), расположенной в конце списка. Кроме того, гарнитуру шрифта можно выбрать в разделе Шрифт (Font) контекстного меню или выполнив команду ТекстШрифт (TextFont).

Размер шрифта можно выбрать в поле Размер (Size) (или в меню ТекстРазмер (TextSize) и ТекстИзменение размера (TextSize Change) или разделе Размер (Size) контекстного меню). Размер задается в относительных единицах, и может принимать значения от 1 до (по умолчанию используется 3). Каждый из этих «виртуальных» размеров на 20% больше или меньше значения по умолчанию. Так же величина шрифта может быть указана как относительная по отношению к основной в диапазоне от +7 до -7. При этом размер шрифта никогда не будет больше 7 или меньше 1, даже если относительный размер дает иную величину. Язык HTML не имеет возможности указания абсолютного размера шрифта в пунктах, как это принято в традиционных текстовых редакторах (это можно сделать при помощи стилей CSS).

Цвет текста можно указать в поле Цвет текста (Text Color) в виде шестнадцатеричного значения, которое затем и будет вписано в исходный код HTML-страницы. Цвет задается в виде #RRGGBB, где # открывает шестнадцатеричную запись, а RR, GG и BB – определяют величину соответственно красной, зеленой и синей цветовых компонент (могут принимать значения в диапазоне от 00 до FF). Гораздо удобнее выбрать цвет из палитры. По кнопке раскрывается палитра с набором «безопасных» цветов.

Так называемая безопасная веб-палитра состоит из 216 цветов, входящих в системные палитры Macintosh и PC. Благодаря этому, цвета входящие в ее состав выводятся одинаково точно на дисплеях Мас и РС. Для выбора цвета можно использовать инструмент «пипетка», которая появляется когда раскрыта палитра. Этой пипеткой можно «взять» цвет с любого элемента редактируемой страницы или самого окна программы. Если нажать кнопку Цвет по умолчанию (Default Color) на палитре, то поле значения цвета будет очищено, и текст отображаться цветом по умолчанию.

При помощи кнопок Полужирный (Bold) и Курсив (Italic) выделенный фрагмент текста можно сделать жирным и/или наклонным соответственно. Дополнительные стили оформления текста можно выбрать в меню ТекстСтиль (TextStyle) или в разделе Стиль (Style) контекстного меню.

Выравнивание абзаца текста можно задать при помощи кнопок По левому краю, По центру, По правому краю и По ширине (Left, Center, Right и Justify) меню ТекстВыравнивание (TextAlign) или в разделе Выравнивание (Align) контекстного меню.

3.8. Создание гипертекстовых ссылок Важнейшим элементом любого гипертекстового документа являются гипертекстовые ссылки. В языке HTML они реализуются с использованием тега. Для создания ссылки в редакторе Dreamweaver необходимо выделить объект (блок текста или изображение), а затем на панели свойств объекта (см. Рис. 3.10) в поле Ссылка (Link) указать URL файла, на который будет осуществляться гипертекстовый переход. Если это внутренняя ссылка (то есть файл входит в состав данного сайта), то адрес перехода проще всего указать с использованием инструмента Поиск файла (Browse for File), который вызывается по кнопке, расположенной рядом. В отрывшемся стандартном диалоговом окне необходимо выбрать файл, на который будет осуществляться переход. Если же это внешняя ссылка, то необходимо указать полный URL ресурса, начиная с имени протокола (например, http://spb.fio.ru). Поле Назначение (Target) указывает, как должен быть открыт документ, на который указывает ссылка. По умолчанию все ссылки открываются в том же окне (то есть используется установка _self). Если необходимо сделать ссылку, открывающуюся в новом окне (например, ссылку на страницу другого сайта), то в поле Назначение (Target) необходимо указать _blank.

Кроме ссылок на файлы целиком, существует возможность создания ссылки на определенное место в документе – якорь. Для этого сначала необходимо создать в документе сами якоря. Это можно сделать, выполнив команду ВставкаИменованная привязка (InsertNamed Anchor) или нажав кнопку Именованная привязка (Named Anchor) на закладке Общий (Common) панели объектов (Рис. 3.11).

В открывшемся диалоговом окне (Рис. 3.12) в поле Имя привязки (Anchor name) необходимо указать имя якоря, которое должно состоять из латинских символов и/или цифр и не может содержать пробелов. Для создания ссылки на якорь в поле Ссылка (Link) после имени файла необходимо вписать символ # и указать после него имя якоря (например, filename.html#part1). Если якорь находится в этом же файле, то имя файла можно опустить (например, #part1).

Отдельный случай представляют собой ссылки на адреса электронной почты. Для создания таких ссылок можно воспользоваться либо кнопкой Ссылка на адрес электронной почты (Email Link) на закладке Общий (Common) панели объектов (Рис. 3.13) или выполнить команду ВставкаСсылка на адрес электронной почты (InsertEmail Link).

В открывшемся диалоговом окне (Рис. 3.14) в поле Текст (Text) необходимо указать тот текст, который будет ссылкой, а в поле Эл. почта (EMail) – адрес электронной почты, на который эта ссылка будет указывать.

Рис. 3.14. Диалоговое окно для создания ссылки 3.9. Создание списков Язык HTML предоставляет возможность организации информации в виде списка. Возможно создание списков следующих типов:

маркированный список (тег ) – для представления неупорядоченной информации;

нумерованный список (тег ) – для представления упорядоченной информации;

список определений (тег ) – для представления информации вида термин/определение.

Элементы маркированных и нумерованных списков создаются при помощи тега (закрывающий тег необязателен).

Списки определений отличаются от других типов тем, что их элементы состоят из двух частей: термина и определения. Термин задается с помощью тега, а его описание указывается с помощью тега.

В редакторе Dreamweaver списки создаются очень просто. Для создания нового маркированного или нумерованного списка можно воспользоваться кнопками на панели свойств (Рис. 3.15). Так же можно использовать команды из пункта меню ТекстСписок (TextList): Несортированный (Unordered) – маркированный список, Сортированный (Ordered) – нумерованный, Список определений (Definition List) – список определений. Для создания следующего элемента списка необходимо нажать клавишу Enter, а для завершения списка – нажать Enter дважды.

Списки можно создавать из уже существующего текста – для этого необходимо выделить несколько абзацев, каждый из которых станет отдельным элементом, а затем указать тип списка одним из описанных выше способов.

3.10. Создание и форматирование таблиц Добавить таблицу в редактируемый документ в Dreamweaver можно, как обычно, несколькими способами. Самый простой способ – это выбрать кнопку Таблица (Table) на панели объектов (Рис. 3.16).

Также можно воспользоваться командой ВставкаТаблица (InsertTable).

После этого на экране появляется диалоговое окно Таблица (Table) (Рис.

3.17), в котором предлагается указать параметры будущей таблицы. В разделе Размер таблицы (Table size), в полях Строк (Rows) и Столбцы (Columns) задается количество строк и столбцов соответственно, в поле Ширина таблицы (Table width) – ширина таблицы (может быть относительной в процентах или абсолютной в пикселах). Параметр Толщина границы (Border thickness) задает толщину рамки вокруг всей таблицы в целом и каждой из ее ячеек. Если указано нулевое значение, то рамка не будет отображаться.

Параметр Поля ячеек (Cell padding) задает расстояние между содержимым ячейки и ее границами (по умолчанию 1 пиксел), а Интервал ячеек (Cell spacing) – расстояние между соседними ячейками таблицы (по умолчанию пиксела).

В разделе Заголовок (Header) можно задать «шапку» и выделенный первый столбец таблицы. В этом наборе доступны варианты Нет (None) (нет ни «шапки», ни выделенного первого столбца), Слева (Left) (выделенный первый столбец), Сверху (Тор) («шапка») и Обе (Both) (и «шапка», и выделенный первый столбец).

Рис. 3.17. Диалоговое окно параметров вставки таблицы При том ячейки, составляющие «шапку» и выделенный столбец, будут оформлены как ячейки заголовка, а текст, который мы введем в них, будет автоматически выровнен по центру и выделен полужирным шрифтом.

В разделе Специальные возможности (Accessibility) в поле Подпись (Caption) задается название таблицы. Это название будет располагаться рядом с создаваемой таблицей. Раскрывающийся список Выравнивание подписи (Align caption) позволяет задать местоположение и выравнивание названия.

После того, как таблица создана, можно наполнять ее содержанием. Кроме того, можно изменять параметры таблицы: добавлять и удалять строки и столбцы, объединять и делить ячейки, менять размеры всей таблицы и отдельных строк и столбцов, цвет фона. Для того, чтобы изменить свойства всей таблицы в целом необходимо ее выделить, щелкнув мышкой в левом верхнем углу или по нижней или правой границе таблицы. Также можно выполнить команду ИзменитьТаблицаВыделить таблицу (Modify TableSelect Table) (в этом случае курсор должен находиться в любой ячейке таблицы). На панели свойств отобразятся параметры таблицы (Рис. 3.18). Здесь можно изменить количество строк и столбцов (поля Строки и Столбцы (Rows и Cols)), ширину таблицы (поле Ш (W)), параметры отступов (поля Внутри ячейки и Между ячейками (CellPad и CellSpace)) толщину рамки (поле Граница (Border)). Кроме того, можно указать выравнивание таблицы относительно остальных элементов абзаца (список Выровнять (Align)), цвета фона и рамки таблицы (поля Цвет фона и Цвет границы (Bg color и Brdr color)), а также задать фоновое изображение (поле Фоновое (Bg Image)).

Для изменения свойств отдельной ячейки необходимо установить курсор в эту ячейку, а для группы ячеек – выделить их. При этом в нижней части панели свойств появятся параметры выделенной группы ячеек (Рис. 3.19). Можно указать их ширину и высоту (поля Ш и В (W и H) соответственно), цвета фона и рамки ячеек (поля Фон и Граница (Bg и Brdr) соответственно), а также задать фоновое изображение в поле Фон (Bg). Кроме того, можно указать вертикальное и горизонтальное выравнивание в ячейках (списки По вертикали и По горизонтали (Vert и Horz) соответственно).

Следует обратить внимание на то, что указывать высоту отдельных ячеек, следует в самом крайнем случае. Предпочтительно оставлять эти поля пустыми, тогда высота будет определяться содержимым, заполняющим ячейки таблицы. При помощи кнопок Объединить (Merge) и Разбить (Split) можно соответственно объединить или разделить ячейки. Кроме того, это можно сделать, вызвав команды Разбить ячейку... (Split Cell...) или Объединить ячейки (Merge Cells) из пункта меню ИзменитьТаблица (ModifyTable) или из раздела Таблица (Table) контекстного меню. При делении ячеек открывается диалоговое окно Разбить ячейку (Split Cell) (Рис.

3.20), в котором предлагается указать количество строк (пункт Строки (Rows)) или столбцов (пункт Столбцы (Columns)) разбиения.

Рис. 3.20. Параметры деления ячейки таблицы В таблице можно удалять и добавлять строки или столбцы. Команды, предназначенные для этого, собраны в пункте меню ИзменитьТаблица (ModifyTable) и в разделе Таблица (Table) контекстного меню.

Для удаления строк или столбцов таблицы нужно их выделить и выполнить команды Удалить строку (Delete Row) или Удалить столбец (Delete Column) соответственно. Если выделения нет, а курсор находится в ячейке таблице, то будет удалена строка или столбец, которым принадлежит текущая ячейка. Так же для удаления можно использовать клавишу Delete.

Для вставки строки или столбца предназначены команды Вставка строки (Insert Row) и Вставить столбец (Insert Column) (добавляется одна строка или столбец перед выделенной текущей ячейкой). Когда требуется вставить сразу несколько строк или столбцов, удобнее всего использовать команду Вставить строки или столбцы... (Insert Rows or Columns...) В открывшемся диалоговом окне (Рис. 3.21) необходимо указать, что требуется добавить – строки или столбцы (параметр Вставить (Insert)) и их количество (Число...

(Number of...)). Можно указать куда необходимо их добавить – Над выделенным фрагментом (Above the Selection) или Под выделенным фрагментом (Below the Selection).

Рис. 3.21. Параметры вставки строк или столбцов таблицы 3.11. Вставка изображения и редактирование его свойств Важнейшей возможностью, которой обладает язык HTML, является возможность вставки иллюстраций в текстовый документ. Для того, чтобы вставить изображение в редактируемый документ, необходимо нажать кнопку Изображения (Images) на панели объектов и в открывшемся списке выбрать ВставкаИзображение (InsertImage). В открывшемся диалоговом окне необходимо выбрать графический файл (в формате GIF, JPEG (JPG) или PNG).

Следует обратить внимание на то, что документ перед вставкой графических и большинства других элементов необходимо сохранить, иначе путь к подключаемому файлу может быть абсолютным (начиная от корня диска).

Если выделить изображение (для этого достаточно щелкнуть по нему мышью), то на панели свойств будут отображены его свойства (Рис. 3.23).

Параметры Ш и В (W и H) определяют соответственно ширину и высоту изображения. По возможности следует изменять размеры самого графического файла (используя графические редакторы), оставляя параметры Ш и В (W и H) равными исходным размерам. Если одна из этих величин не соответствует истинному значению размеров изображения, она будет выделена жирным шрифтом. Для того, чтобы вернуть параметрам их действительные значения, достаточно щелкнуть мышкой по подписи к полю (буквам Ш или В (W или H)) или воспользоваться кнопкой Сбросить размер (Reset Size).

В поле Источник (Src) указан путь к графическому файлу: при необходимости его можно отредактировать вручную или выбрать файл заново, нажав расположенную рядом кнопку Поиск файла (Browse for File).

Параметр Выровнять (Align) задает выравнивание графического объекта относительно других элементов абзаца или строки.

Параметр По вертикали (V Space) позволяет задать области пустого пространства над и под изображением (размер указывается в пикселах).

Аналогично, По горизонтали (H Space) задает размер свободного пространства слева и справа от изображения.

Параметр Ссылка (Link) позволяет создать гипертекстовую ссылку с данного графического элемента. При этом вокруг изображения появляется рамка, которая отображается цветом ссылок. Толщину этой рамки определяет параметр Граница (Border) (если указать 0, то рамки не будет). В поле Альтернатива (Alt) следует альтернативный текст, который будет отображаться вместо картинок в текстовых браузерах и при отключенной автоматической загрузке изображений. Кроме того, этот текст будет выведен в качестве всплывающей подсказки при наведении указателя мыши на объект.

При нажатии кнопки Изменить (Edit) для редактирования изображения будет открыт графический редактор, выбранный в настройках Dreamweaver.

3.12. Подготовка шаблонов Для создания шаблона необходимо в обычном HTML-документе создать типовую структуру, которую должны иметь все или несколько страниц разрабатываемого сайта. Создав на странице типовую структуру, разместив на ней навигационные и дизайнерские элементы, можно превратить этот документ в шаблон, выполнив команду ФайлСохранить как шаблон... (FileSave as Template...). В диалоговом окне (Рис. 3.24) необходимо уточнить, для какого сайта создается шаблон (поле Web-сайт (Site)), а также дать шаблону имя (поле Сохранить как (Save as)).

Рис. 3.24. Диалоговое окно сохранения шаблона Подготовленный таким образом шаблон еще нельзя использовать для создания документов. Дело в том, что все содержимое документа, созданного на основе такого шаблона, будет заблокировано, «заморожено», а редактирование документа будет невозможно. При создании шаблона необходимо указать, какие области можно редактировать, а какие следует заблокировать и оставлять неизменными. Создание новой, пустой редактируемой области (editable region) выполняется по команде ВставкаОбъекты шаблонаРедактируемая область (InsertTemplate ObjectsEditable Region). В появившемся диалоговом окне (Рис. 3.25) необходимо дать имя редактируемой области. Новая редактируемая область будет создана в том месте, где стоял курсор. В редактируемую область можно превратить и любой участок уже существующего текста, если предварительно его выделить.

Рис. 3.25. Диалоговое окно создания редактируемой области шаблона При разработке шаблона может возникнуть необходимость изменить положение редактируемых областей или удалить некоторые из них. Для этого следует выделить область, которую нужно отменить и выполнить команду ИзменитьШаблоныУдалить разметку шаблона (ModifyTemplates Remove Template Markup).

Когда все редактируемые области шаблона определены, можно его сохранить. Теперь на основе шаблона можно создавать новые документы, которые автоматически наследуют все заданные свойства страницы, имеют такую же структуру, навигационные элементы и оформление. Для создания нового файла на основе шаблона следует выполнить команду ФайлСоздать...

(FileNew...).

В диалоговом окне Создать документ (New Document) (Рис. 3.26) следует выбрать пункт Страница из шаблона (Page from Template), выбрать сайт (поле Сайт (Site)) и указать имя шаблона (поле Шаблон для сайта (Template for Site)), на основе которого будет создан новый документ. Флажок Обновлять страницу при изменении шаблона (Update page when template changes) по умолчанию установлен. Это приведет к тому, что документ будет связан с шаблоном и любые изменения в шаблоне приведут к изменениям и в данном документе.

Рис. 3.26. Диалоговое окно создания нового документа на основе шаблона Таким образом, редактируемые области текста можно будет модифицировать. Остальные части HTML-документа будут заблокированы.

HTML-текст шаблона, в котором реализуется его структура, навигация и дизайн ни случайно, ни принудительно изменить нельзя. Таким образом, шаблоны не только избавляют от лишних действий, но позволяют избежать случайных ошибок. Иногда может возникать необходимость внести изменения в заблокированную область. Для этого необходимо разорвать связь между данным документом и шаблоном. Это можно сделать по команде ИзменитьШаблоныОтсоединить от шаблона (ModifyTemplates Detach from Template). После выполнения этой команды Dreamweaver позволит редактировать любой участок этого документа. Но прежде чем выполнять эту операцию, следует подумать о внесении изменений в шаблон или о разработке нового шаблона для документов такого типа. Внесение изменений в шаблон может потребоваться и по другим причинам (изменение дизайна, изменение панели навигации). Благодаря использованию шаблонов, Dreamweaver может выполнить эти изменения и достаточно быстро сделать исправления во всех файлах, созданных на основе шаблона.

Для внесения изменений в шаблон, на основе которого создан редактируемый файл, следует выполнить команду ИзменитьШаблоны Открыть присоединенный шаблон (ModifyTemplatesOpen Attached Template). По этой команде в новом окне Dreamweaver откроет шаблон, в который можно внести требуемые изменения. Шаблон можно также открыть для редактирования из папки Templates сайта, которую создал Dreamweaver специально для хранения шаблонов.

После внесения изменений в шаблон необходимо выполнить процедуру обновления файлов, созданных на его основе. Эта процедура будет вызвана автоматически, если отредактированный шаблон сохраняется или закрывается.

Ее можно вызвать принудительно, выполнив команду ИзменитьШаблоны Обновление страниц... (ModifyTemplatesUpdate Pages...).

Рис. 3.27. Диалоговое окно обновления страниц, созданных на основе шаблона В диалоговом окне Обновление страниц (Update Pages) (Рис. 3.27) в поле Область поиска (Look in) следует указать, какие файлы следует обновить:

либо документы в рамках данного сайта (пункт Весь web-сайт (Entire Site)), либо все документы, созданные на основе этого шаблона (пункт Файлы, использующие... (Files That Use...)). После обновления файлов отчет о выполненных действиях выводится в нижней части окна (Рис. 3.28).

Можно также выполнить обновление каждой страницы отдельно. Для этого при редактировании страницы, созданной на основе шаблона, следует выполнить команду ИзменитьШаблоныОбновить текущую страницу (ModifyTemplatesUpdate Current Page). По этой команде содержимое нередактируемых областей документа будет синхронизировано с шаблоном, на основе которого он был создан.

Возможно, уже было создано несколько страниц без использования шаблонов, а переделывать их достаточно долго и трудоемко, или они были созданы на основе какого-либо другого шаблона другого сайта. Для автоматизации работы и с этими страницами можно их привязать к одному из шаблонов. Для этого достаточно выполнить команду ИзменитьШаблоны Применить шаблон к странице... (ModifyTemplatesApply Template to Page...). В диалоговом окне Выбор шаблона (Select Template) необходимо выбрать имя шаблона, который будет применен и прикреплен к этой странице.

Dreamweaver добавит все необходимое содержимое из шаблона, а старый текст разместит в соответствующих редактируемых областях.

Работу с шаблонами можно осуществлять с использованием палитры Шаблоны (Templates) на панеле Файлы (Files) (Рис. 3.29).

Так Dreamweaver осуществляет работу с шаблонами, которые освобождают от рутинных операций по копированию, дублированию и настройке подобных элементов, делает автоматическими сложные операции по обновлению, изменению и синхронизации элементов сайта.

3.13. Задания для практической работы Основы работы в редакторе Dreamweaver 1) Настройте программу редактора Dreamweaver, установив требуемую кодировку создаваемых веб-страниц.

2) Определите рабочую папку для локального сайта и параметры удаленного доступа к серверу.

3) Создайте HTML-документ в соответствии с образцом, представленным Основы работы в HTML-редакторе Dreamweaver Создатели программы Dreamweaver постарались сделать удобный и простой в использовании инструмент, облегчающий процесс создания HTMLстраниц, их редактирования и управления большим количеством связанных друг с другом документов. В данном учебном пособии рассматриваются основы работы с пакетом Adobe Dreamweaver CS3. Основное внимание уделяется инструментам и приемам работы, позволяющим создавать качественные образовательные ресурсы. Вы научитесь создавать и форматировать вебстраницы, использовать интерактивные элементы, познакомитесь со средствами автоматизации разработки и управления файлами сайта.

При организации файлов сайта рекомендуется следовать следующим общепринятым принципам:

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

графические файлы размещаются в отдельных папках (обычно images);

если имеются дополнительные файлы, используемые как компоненты страниц (например, скрипты JavaScript, стили CSS, анимации Flash), их размещают в отдельных папках в соответствии с типом;

если сайт содержит несколько тематических разделов, то каждый раздел размещается в своей папке, куда также входят все дополнительные материалы, используемые в этом разделе;

для документов, входящих в состав сайта, как правило, используют информативные названия, например links.html, page1.html, background.gif и т.д. (а не имена по умолчанию, такие как Untitled1.htm или Movie1.swf).

4) Сохраните созданный документ в рабочую папку, задав ему имя (например, text.htm).

5) Создайте HTML-документ в соответствии с образцом, представленным Дронов В.А. Самоучитель Macromedia Dreamweaver Уорнер Д., Гарднер С. Dreamweaver MX 2004 для «чайников»

6) Сохраните созданный документ в рабочую папку, задав ему имя (например, table.htm).

7) C помощью поисковой системы Яндекс найдите картинки среднего размера на любую тематику (например, животные). Сохраните несколько картинок в рабочую папку.

8) Создайте HTML-документ в соответствии с образцом, представленным Австралии. Однако благодаря человеческому вмешательству сегодня они в наличии везде, а в Австралии, в связи с их невстроенностью в пищевую цепь распространение кроликов приобрело характер национального бедствия.

Зайцеобразные - звери небольшого размера, с коротким хвостом, либо он отсутствует вовсе. Их зубы имеют некоторое сходство с зубами грызунов. Питание зайцеобразных растительное, в том числе травы, корешки, ветки и кора. Многие виды отличаются чрезвычайно высокой плодовитостью.

В отличие от ранних классификаций зайцеобразные не рассматриваются более как часть грызунов, хотя остатся бесспорным тот факт, что с грызунами у них состоит близкое генетическое родство. Отряд зайцеобразных разделн на два семейства:

семейство зайцы, Leporidae. Населяют практически все части света.

семейство пищухи, Ochotonidae. Населяют Сибирь и Северную Америку.

9) Сохраните созданный документ в рабочую папку, задав ему имя (например, picture.htm).

10) Создайте HTML-документ в соответствии с образцом, представленным ниже:

11) В качестве ссылки на веб-сайт, укажите любой интернет-адрес (например, http://cie.ifmo.ru).

12) Задайте открытие ссылки на веб-сайт в новом окне.

13) В качестве ссылки на веб-страницу, укажите любой из созданных ранее HTML-документов.

14) В качестве ссылки на изображение, укажите любую из сохраненных 15) Сохраните созданный документ в рабочую папку, задав ему имя (например, links.htm).

16) Создайте несколько HTML-документов по образцу, представленному 17) Сохраните документы в рабочую папку под разными именами (index.htm, page1.htm, page2.htm и т. д.) 18) В каждом документе, текст страница 1, страница 2, страница 3 и т.д.

сделайте ссылками на соответствующие страницы сайта.

19) В левом верхнем углу каждой страницы расположите логотип – рисунок отражающий тематику сайта. Картинку-логотип сделайте ссылкой на главную страницу.

20) Разместите созданный веб-сайт на FTP-сервере, обратитесь к нему с помощью программы Internet Explorer и проверьте работу ссылок.

21) Наполните и оформите страницы в соответствии с темой сайта.

Работа в редакторе Dreamweaver (дополнительные возможности) 1) Настройте программу редактора Dreamweaver, установив требуемую кодировку создаваемых веб-страниц.

2) Определите рабочую папку для локального сайта и параметры удаленного доступа к серверу.

3) Создайте HTML-документ в соответствии с образцом, представленным o Декартовы координаты o Полярные координаты o Комплексная плоскость o Параметрическое представление Уравнение:

На плоскости (O, x1, x2) уравнение (x1)2+(x2)2=R2 определяет окружность с радиусом R и центром в точке с координатами x1=0, x2=0.

4) В конец документа добавьте таблицу в соответствии с образцом, представленным ниже:

ЛЕВО ПРАВО

5) После таблицы добавьте несколько пустых параграфов и с помощью якоря создайте ссылку на начало документа.

6) Используя действие Переход к URL-адресу (Go To URL) создайте HTML-документ в котором щелчок левой кнопки мыши на ссылке открывает интернет-ресурс.

7) Используя действие Переход к URL-адресу (Go To URL) создайте HTML-документ в котором двойной щелчок левой кнопки мыши по ссылке открывает новую страницу.

8) Используя действие Открытие окна браузера (Open Browser Window) создайте HTML-документ в котором щелчок левой кнопки мыши по ссылке открывает новое окно, размером 200x100 px, с возможностью изменения размера окна вручную.

9) Используя действие Открытие окна браузера (Open Browser Window) создайте HTML-документ в котором щелчок левой кнопки мыши по ссылке открывает интернет-ресурс в новом окне, размером 600x400 px, с полосой прокрутки (при необходимости) и пунктами Шаблоны, CSS-стили, определение интерактивных свойств объектов 1) Настройте программу редактора Dreamweaver, установив требуемую кодировку создаваемых веб-страниц.

2) Определите рабочую папку для локального сайта и параметры удаленного доступа к серверу.

3) С помощью CSS-стилей создайте HTML-документ в соответствии с образцом, представленным ниже (в качестве графического файла используйте любое изображение, найденное и сохраненное из сети интернет; текст страницы может быть произвольным, но по смыслу согласующимся с изображением):

4) Используя действие Воспроизведение звука (Play Sound), создайте HTML-документ в котором звук проигрывается при наведении курсора 5) Используя действие Воспроизведение звука (Play Sound), создайте HTML-документ в котором щелчок левой кнопки мыши по ссылке проигрывает звук в новом файле с момента загрузки документа.

6) Используя действие Вывод сообщения (Popup Message), создайте HTML-документ в котором щелчок левой кнопки мыши по ссылке открывает окно сообщения.

7) Используя действие Задать текст текстового поля (Set Text of Text Field), создайте HTML-документ с текстовым полем, в котором текст появляется при щелчке левой кнопки мыши внутри текстового поля и исчезает при щелчке левой кнопки мыши вне текстового поля.

8) Используя технологию работы с шаблонами, создайте несколько страницы с одинаковой структурой и оформлением.

4. Создание тестовых заданий с использованием дополнения CourseBuilder 4.1. Общие сведения Пакет JavaScript-программ CourseBuilder является дополнением к HTMLредактору Dreamweaver и предназначен для создания на HTML-страницах тестовых заданий и других интерактивных элементов. Теоретические вопросы разработки систем тестирования рассматриваются в пособии «Создание образовательных интернет-ресурсов».

4.2. Вставка элементов CourseBuilder Для того, чтобы разместить интерактивный элемент CourseBuilder на HTML-странице, необходимо выполнить команду ВставкаCourseBuilder Interaction (InsertCourseBuilder Interaction) или воспользоваться кнопкой на закладке CourseBuilder Interaction панели объектов (Рис. 4.1).

Рис. 4.1. Вставка интерактивного элемента CourseBuilder Интерактивные элементы CourseBuilder можно размещать в любом месте HTML-документа. Если HTML-документ еще ни разу не был сохранен, то CourseBuilder предложит присвоить ему имя и сохранить. Для этого, в появившемся окне (Рис. 4.2) нужно нажать кнопку OK и указать место для сохранения. Чтобы избежать путаницы между уже существующими файлами и файлами, созданными CourseBuilder, документы, которые будут содержать тестовые задания, желательно сохранять в отдельной папке (например, папке test).

Рис. 4.2. Диалоговое окно с предложением сохранения документа В папку с тестовыми заданиями CourseBuilder должен скопировать необходимые ему изображения и JavaScript-программы. CourseBuilder об этом обязательно предупредит с помощью диалогового окна (Рис. 4.3).

Рис. 4.3. Диалоговое окно с сообщением о копировании файлов По нажатию кнопки OK необходимые файлы будут скопированы в папку с тестовыми заданиями, и CourseBuilder будет готов к работе: появится основное окно CourseBuilder (Рис. 4.4), с помощью которого можно вставить интерактивный элемент и управлять его параметрами.

С помощью этого диалогового окна создается «скелет» тестовых заданий и других интерактивных элементов, которые затем, впрочем, могут быть отредактированы в обычном режиме. При редактировании интерактивных элементов в обычном режиме следует быть осторожным, чтобы не разрушить созданную структуру из текста, элементов управления и невидимых вызовов JavaScript-программ.

Первая закладка диалогового окна CourseBuilder называется Gallery. На этой закладке необходимо из списка Category выбрать категорию интерактивных элементов и символическое изображение интерактивного элемента, который должен быть вставлен в HTML-документ.

При выборе одной из категорий на основном центральном поле диалогового окна CourseBuilder отображаются символические изображения интерактивных элементов. Если выбрать одно из них, то в HTML-документ будет вставлена заготовка интерактивного элемента, которую можно настроить с помощью элементов управления на появившихся дополнительных закладках.

4.3. Создание тестового задания в закрытой форме Для создания тестового задания на диалоговом окне CourseBuilder необходимо выбрать категорию Multiple Choice. Например, создадим тестовое задание с несколькими правильными ответами на основе интерактивного элемента, который имеет условное имя MultCh_ImageChkboxes (Рис. 4.5).

Элементы управления для настройки тестового задания расположены на появившихся закладках General, Choices, Action Mgr.

Рис. 4.5. Диалоговое окно CourseBuilder (закладка Gallery) Параметры, которые определяют правила проверки тестового задания, расположены на закладке General (Рис. 4.6). Имя интерактивного элемента (Interaction Name) CourseBuilder назначает автоматически, и без особой необходимости изменять его не следует. Это имя используется в процессе работы скриптов, поэтому должно состоять из латинских символов.

Формулировка тестового задания записывается в поле Question Text, может быть произвольной длины и содержать любые символы.

Рис. 4.6. Диалоговое окно CourseBuilder (закладка General) Группа переключателей Judge Interaction определяет событие, по которому будет осуществляться проверка выполнения тестового задания. Если выбран первый переключатель, то проверка будет выполняться по нажатию на специальную кнопку. Надпись на кнопке (по умолчанию «Submit») можно задать в текстовом поле справа (например, «Ответ готов»). Если выбран второй переключатель, то проверка будет выполняться сразу, как только ученик выберет один из ответов. Если выбран третий переключатель, то проверка будет выполняться по специальному событию, которое необходимо определить дополнительно.

Элемент управления Correct When позволяет задать критерий правильно выполненного тестового задания. Если в этом списке выбран пункт All Correct and None Incorrect, то тестовое задание будет считаться выполненным правильно, когда ученик выбрал все альтернативные варианты ответов, помеченные автором как правильные. Если в этом списке выбран пункт Any Correct and None Incorrect, то тестовое задание будет считаться выполненным правильно, когда ученик выберет хотя бы один из альтернативных вариантов ответов, помеченный автором как правильный. Если при выполнении тестового задания ученик выбрал неправильный ответ, то и в том, и в другом случае тестовое задание будет считаться выполненным неправильно.

Флажок Knowledge Track можно включить только в том случае, если результаты выполнения тестовых заданий предполагается обрабатывать с помощью специального программного обеспечения, установленного на вебсервере (например, Lotus Pathware).

Автор тестового задания может ограничить количество попыток и время, отводимое на выполнение тестового задания. По умолчанию количество попыток и время на выполнение задания неограничено (Unlimited). Для того, чтобы ограничить количество попыток, необходимо в списке Tries Are выбрать значение Limited To, а в текстовом поле справа указать количество допустимых попыток (например, 3). Аналогично можно ограничить время выполнения тестового задания. Для этого в списке Time Is устанавливается значение Limited To, а в текстовом поле справа указывается предельное время в секундах (например, 180). Если в процессе работы ученика с тестовым заданием закончится количество попыток или отведенное время, то по умолчанию будет выдано предупреждающее сообщение, а затем все элементы данного тестового задания будут заблокированы.

Флажок Reset включает в «скелет» тестового задания кнопку для приведения его в исходный вид. Надпись на кнопке можно изменить в обычном режиме редактирования.

Если включить флажок Layer, то «скелет» тестового задания будет размещен на отдельном слое.

Элементы управления, расположенные на закладке Choices (Рис. 4.7) предназначены для создания и изменения параметров вариантов ответов на тестовое задание. Каждый из них должен иметь уникальное имя (Name), которое используется JavaScript-программами, и поэтому должно состоять из латинских символов. В списке Choices отображаются имена альтернативных вариантов ответов, а в нижней части диалогового окна – их параметры.

Изменить количество вариантов альтернативных ответов можно с помощью кнопок Add и Delete, а поменять порядок их следования – с помощью кнопок Up и Down.

Рис. 4.7. Диалоговое окно CourseBuilder (закладка Choices) Последовательно выбирая имена альтернативных вариантов ответов из списка Choices, необходимо ввести формулировку каждого варианта ответа (в поле Text) или его графическое представление (имя файла с изображением в поле Image File). Если заполнено и поле Text, и поле Image File, то формулировка альтернативного варианта ответа будет содержать и текст, и изображение. В этом случае флажок Place before text определяет порядок следования изображения. Если флажок включен, то изображение будет размещаться до текста, а если выключен, то после. Элемент управления Appearance определяет изображение, которое будет использоваться в качестве элемента для выбора ответа.

С помощью элемента управления Choice Is каждый из альтернативных вариантов ответов должен быть помечен как правильный (Correct) или как неправильный (Incorrect). Если альтернативный вариант ответа помечен значением Not Judged, то неважно выберет ученик этот ответ или нет, так как при проверке он не будет приниматься во внимание.

Каждому альтернативному варианту ответа можно назначить свой балл (оценку), который затем использовать для интегральной оценки по результатам выполнения нескольких тестовых заданий. Для этого в поле Score необходимо указать численное значение оценки. Например, если в тестовом задании с четырьмя альтернативными ответами два правильных, то можно назначить каждому из них балл 2.5, чтобы общая оценка за выполнение тестового задания оказалась равной 5.

После того, как параметры всех альтернативных вариантов ответов указаны, можно перейти к последней закладке, которая называется Action Mgr (Рис. 4.8). Работа с закладкой Action Mgr при конструировании тестовых заданий в любой другой форме ничем не отличается.

Рис. 4.8. Диалоговое окно CourseBuilder (закладка Action Mgr) На этой закладке на псевдоязыке программирования отображается программа предъявления реакции на выполнение тестового задания (Segment:

Correctness), на окончание количества попыток (Segment: Check Tries) и отведенного времени (Segment: Check Time). Эти действия собраны в сегменты, которые могут быть развернуты или свернуты с помощью кнопок Expand и Collapse соответственно. С помощью символических стрелок действия можно перемещать по тексту псевдопрограммы. Команды псевдопрограммы можно вырезать, копировать и вставлять с помощью кнопок Cut, Copy и Paste соответственно. С помощью кнопки Add в псевдопрограмму можно добавлять новые сегменты и действия, которые перечислены в списке справа от этой кнопки. А с помощью кнопок Edit... и Rename… можно отредактировать или переименовать существующие сегменты и действия. Таким образом, Action Manager является мощным средством управления событиями интерактивных элементов CourseBuilder.

При создании тестовых заданий CourseBuilder назначает приемлемые алгоритмы обработки событий. В качестве реакции на ответ, на окончание количества попыток или отведенного времени используется небольшое диалоговое окно с сообщением (Popup Message). Единственным недостатком является то, что сообщения достаточно скупые и заданы на английском языке.

Из списка действий необходимо выбрать пункт Popup Message и в зависимости от контекста изменить текст сообщения. Например, в случае правильного выполнения тестового задания из сегмента Correctness будет выполнено условие if Correct, что приведет к вызову диалогового окна Popup Message с сообщением на английском языке: «Correct». Для изменения текста сообщения необходимо выбрать этот пункт списка Popup Message и нажать кнопку Edit… На появившемся диалоговом окне в текстовом поле Message необходимо заменить английское слово «Correct» на русское «Правильно», «Ответ правильный» или любое другое. Аналогично следует поступить и с реакцией на неправильный ответ, которая вызывается, если выполняется условие else if Incorrect. Если ученик еще не дал ответ, а уже нажал кнопку «Проверить», то выполнится условие else if Unknown Response. Сообщение «Unknown Response»

в действии Popup Message необходимо заменить на сообщение «Задание не выполнено» или на повелительное сообщение «Выполните тестовое задание!»

После того, как все необходимые действия по настройке «скелета»

тестового задания выполнены, на диалоговом окне CourseBuilder можно нажать кнопку OK. Внешний вид тестового задания в окне редактора представлен на Рис. 4.9, а в окне браузера – на Рис. 4.10.

При необходимости можно вернуться в режим редактирования тестового задания. Для этого необходимо выделить иконку, которая расположена после тестового задания (Рис. 4.9). Эту иконку следует также использовать для копирования и переноса соответствующей ей интерактивного элемента CourseBuilder. При ее выделении на панели свойств Dreamweaver появляются свойства элемента CourseBuilder, а в окне редактора должно выделиться все тестовое задание полностью. Необходимое для изменения параметров диалоговое окно вызывается по кнопке Edit… на панели свойств (Рис. 4.11).

Рис. 4.11. Внешний вид окна Properties для элемента CourseBuilder 4.4. Организация подсчета и вывода результатов Для того, чтобы организовать вывод интегрированной оценки после выполнения учеником нескольких тестовых заданий, необходимо, чтобы все задания находились в одном файле. В каждом тестовом задании, для каждого из вариантов ответов должен быть указан балл в поле Score (для элементов Multiple Choice – закладка Choices; для элементов Text Entry – закладка Responses; для элементов Drag-and-Drop – закладка Pairs). В конце HTMLдокумента после всех тестовых заданий необходимо вставить новый элемент CourseBuilder. Из списка Category следует выбрать тип элемента – Action Manager (Рис. 4.12).

Рис. 4.12. Диалоговое окно CourseBuilder (закладка Gallery) Далее на закладке General (Рис. 4.13) необходимо организовать выполнение действий по нажатию на кнопку. Для этого необходимо выбрать переключатель when the user clicks a button labeled, а в тестовом поле справа задать надпись на кнопке (например, «Результат»). Остальные элементы управления на этой закладке следует оставить без изменений.

Рис. 4.13. Диалоговое окно CourseBuilder (закладка General) Действия для вычисления интегрированной оценки необходимо задать с использованием элементов управления, расположенных на закладке Action Mgr. Во-первых, необходимо создать новый сегмент. Для этого в списке в верхней части диалогового окна выбрать пункт Segment и нажать кнопку Add.

На появившемся диалоговом окне Segment Editor (Рис. 4.14) в поле Segment Name необходимо задать имя сегмента (например, «Segment : Result») и нажать OK.

Рис. 4.14. Диалоговое окно для создания нового сегмента А во-вторых, осуществить в этом сегменте вызов диалогового окна с сообщением. Для этого необходимо выбрать из списка в верхней части диалогового окна значение Popup Message и нажать кнопку Add. На появившемся диалоговом окне (Рис. 4.15) в поле Сообщение (Message) необходимо написать текст сообщения и формулы для вычисления результатов тестирования. Например, для теста, состоящего из пяти заданий с суммарной оценкой для каждого задания в 5 баллов, в поле Сообщение (Message) можно написать следующее:

Вы набрали {G01.score+G02.score+G03.score+G04.score+G05.score} баллов, что составляет {(G01.score+G02.score+G03.score+G04.score+G05.score)* 100/25} %.

Рис. 4.15. Организация вывода результата в диалоговое окно с сообщением Математические выражения заключаются в фигурные скобки { }. G01, G02, G03, G04 и G05 – имена интерактивных объектов CourseBuilder, которые можно узнать, если заглянуть в HTML-код, с помощью которого он реализован.

Pages: |

| 2 |

Главная >> Методички

[ СКАЧАТЬ ОРИГИНАЛ ДОКУМЕНТА .pdf ]

Похожие работы:

«Министерство образования и науки Российской Федерации Федеральное агентство по образованию Ярославский государственный университет им. П. Г. Демидова Кафедра компьютерных сетей И. В. Парамонов Разработка приложений баз данных с использованием средств объектно-реляционного отображения Методические указания Рекомендовано Научно-методическим советом университета для студентов, обучающихся по специальности Прикладная математика и информатика Ярославль 2008 УДК 004.65 ББК 3 973.2–018.1я73 П 18...»

«СОВРЕМЕННЫЕ ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ФИЗИЧЕСКОЙ КУЛЬТУРЕ И СПОРТЕ Тезисы докладов международной научно-практической конференции, посвященной 70-летию образования Удмуртского государственного университета 17-18 октября 2001 года Ижевск 2001 Министерство образования Российской Федерации Удмуртский государственный университет Учебно-методический совет по физической культуре и спорту при УМО по педагогическому образованию вузов РФ Институт информатизации образования РАО Государственный комитет...»

«ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ САМАРСКИЙ ГОСУДАРСТВЕННЫЙ АЭРОКОСМИЧЕСКИЙ УНИВЕРСИТЕТ имени академика С.П.КОРОЛЕВА СПРАВОЧНЫЕ ДАННЫЕ К РАСЧЕТНО – ПРОЕКТИРОВОЧНЫМ И КУРСОВЫМ РАБОТАМ ПО СОПРОТИВЛЕНИЮ МАТЕРИАЛОВ Часть II Методические указания САМАРА 2007 Составители: В.К. Шадрин, В.С.Вакулюк, В.Б. Иванов, В.А. Кирпичев, С.М. Лежин УДК 539.3/8(083) Справочные данные к расчетно-проектировочным и курсовым работам по...»

«Электронные учебники Компьютерный учебник ТМЦДО. Высшая Математика-1. ‘TCDE. Higher mathematics-I.’ computer course. С.И.Борисов ведущий программист лаборатории инструментальных систем моделирования и обучения ТУСУР тел.(902) 951-91-68; e-mail: [email protected] А.В.Долматов ведущий специалист, Contek Soft тел.(3822) 52-46-15; e-mail: [email protected] В.В.Кручинин, к.т.н., доцент зам. директора по науке Томского межвузовского центра дистанционного обучения ТУСУР тел. (3822) 42-30-67, доп. 170;...»

«Проект Министерство образования Российской Федерации Одобрено Утверждаю ПРИМЕРНАЯ ПРОГРАММА СПЕЦИАЛЬНЫХ ДИСЦИПЛИН для научной специальности 25.00.09 Геохимия, геохимические методы поисков полезных ископаемых (геолого-минералогические науки) Москва 2000 2 ПРИМЕРНАЯ ПРОГРАММА СПЕЦИАЛЬНЫХ ДИСЦИПЛИН для научной специальности 25.00.09 Геохимия, геохимические методы поисков полезных ископаемых (геолого-минералогические науки) Пояснительная записка. Независимо от темы кандидатской диссертации и...»

«НОУ ВПО ИВЭСЭП НЕГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ САНКТ-ПЕТЕРБУРГСКИЙ ИНСТИТУТ ВНЕШНЕЭКОНОМИЧЕСКИХ СВЯЗЕЙ, ЭКОНОМИКИ И ПРАВА СЕМЕЙНОЕ ПРАВО УЧЕБНО-МЕТОДИЧЕСКИЙ КОМПЛЕКС по специальности 030501.65 Юриспруденция САНКТ-ПЕТЕРБУРГ 2011 Семейное право: Учебно-методический комплекс / Автор-составитель: Крайнова С.А. СПб: СПб ИВЭСЭП, 2011. Материалы комплекса по семейному праву предназначены для оказания методической помощи обучающимся в НОУ ВПО ИВЭСЭП по...»

«МИНИСТЕРСТВО ЗДРАВООХРАНЕНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ ГОСУДАРСТВЕННОЕ УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ БЕЛОРУССКАЯ МЕДИЦИНСКАЯ АКАДЕМИЯ ПОСЛЕДИПЛОМНОГО ОБРАЗОВАНИЯ Кафедра физиотерапии и курортологии ВОЛОТОВСКАЯ А.В., КОЛТОВИЧ Г.К., КОЗЛОВСКАЯ Л.Е., МУМИН А.Н. КРИОТЕРАПИЯ Учебно-методическое пособие для врачей Минск БелМАПО 2010 УДК 615.832.9(075.9) ББК 53.54я73 К 82 Рекомендовано в качестве учебно-методического пособия У.М.С. Белорусской медицинской академии последипломного образования протокол № от Авторы...»

«А.Г. ТКАЧЕВ, И.Н. ШУБИН ТИПОВЫЕ ТЕХНОЛОГИЧЕСКИЕ ПРОЦЕССЫ ИЗГОТОВЛЕНИЯ ДЕТАЛЕЙ МАШИН v S l b2 b b1 •ИЗДАТЕЛЬСТВО ТГТУ• Министерство образования и науки Российской Федерации ГОУ ВПО Тамбовский государственный технический университет А.Г. ТКАЧЕВ, И.Н. ШУБИН ТИПОВЫЕ ТЕХНОЛОГИЧЕСКИЕ ПРОЦЕССЫ ИЗГОТОВЛЕНИЯ ДЕТАЛЕЙ МАШИН Учебное пособие Издание второе, стереотипное Тамбов Издательство ТГТУ УДК 621.81(083) ББК К724я Т Рецензенты: Главный инженер ОАО Тамбовский завод Комсомолец имени Н.С. Артемова,...»

«С.И. САМЫГИН, Г.И. КОЛЕСНИКОВА, С.Н. ЕПИФАНЦЕВ СОЦИОЛОГИЯ И ПСИХОЛОГИЯ УПРАВЛЕНИЯ Рекомендовано УМО по классическому университетскому образованию Министерства образования и науки Российской Федерации в качестве учебного пособия для студентов вузов УДК 65.0(075.8) ББК 65.290-2я73 С17 Рецензенты: А.В. Лубский, д-р филос. наук, проф., В.Н. Шевелев, д-р филос. наук, проф. ЮФУ Самыгин С.И. С17 Социология и психология управления : учебное пособие / С.И. Самыгин, Г.И. Колесникова, С.Н. Епифанцев. —...»

«Приложение к приказу Министерства регионального развития Российской Федерации от 2013 г № МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО АНАЛИЗУ ПОКАЗАТЕЛЕЙ, ИСПОЛЬЗУЕМЫХ ДЛЯ ОЦЕНКИ НАДЕЖНОСТИ СИСТЕМ ТЕПЛОСНАБЖЕНИЯ 1. ОБЩИЕ ПОЛОЖЕНИЯ Настоящие Методические указания по анализу показателей, используемых для оценки надежности систем теплоснабжения, (далее - Методические указания) разработаны в соответствии с пунктом 2 постановления Правительства Российской Федерации от 8 августа 2012 г. № 808 Об организации...»

«МИНИСТЕРСТВО СПОРТА РОССИЙСКОЙ ФЕДЕРАЦИИ ДЕПАРТАМЕНТ ОБРАЗОВАНИЯ ГОРОДА МОСКВЫ Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ФИЗИЧЕСКОЙ КУЛЬТУРЫ, СПОРТА, МОЛОДЁЖИ И ТУРИЗМА (ГЦОЛИФК) Международный научно-практический конгресс НАЦИОНАЛЬНЫЕ ПРОГРАММЫ ФОРМИРОВАНИЯ ЗДОРОВОГО ОБРАЗА ЖИЗНИ 27–29 мая 2014 года Том 3 МАТЕРИАЛЫ III ВСЕРОССИЙСКОЙ НАУЧНО-ПРАКТИЧЕСКОЙ КОНФЕРЕНЦИИ С МЕЖДУНАРОДНЫМ УЧАСТИЕМ:...»

«Московский государственный университет имени М.В.Ломоносова Научно-образовательный центр по нанотехнологиям Химический факультет Кафедра химической технологии и новых материалов Кафедра высокомолекулярных соединений Беркович А.К., Cергеев В.Г.,Медведев В.А., Малахо А.П. СИНТЕЗ ПОЛИМЕРОВ НА ОСНОВЕ АКРИЛОНИТРИЛА. ТЕХНОЛОГИЯ ПОЛУЧЕНИЯ ПАН И УГЛЕРОДНЫХ ВОЛОКОН. Учебное пособие для студентов по специальности Композиционные наноматериалы МОСКВА 2010 Редакционный совет: проф. В.В. Авдеев, ...»

«Ю.В. Щербинина ПЕДАГОГИЧЕСКИЙ ДИСКУРС: МЫСЛИТЬ – ГОВОРИТЬ – ДЕЙСТВОВАТЬ Учебное пособие Москва Издательство Флинта Издательство Наука 2010 УДК 80:37.0(075.8) ББК 81-5 Щ64 Р е ц е н з е н т: Доктор филологических наук, профессор Кустова Г.И. Щербинина Ю.В. Педагогический дискурс : мыслить – говорить – дейЩ64 ствовать : учеб. пособие / Ю.В. Щербинина. – М. : Флинта : Наука, 2010. – 440 с. ISBN 978-5-9765-0872-9 (Флинта) ISBN 978-5-02-037203-0 (Наука) Учебное пособие раскрывает секреты...»

«МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО УСТАНОВЛЕНИЮ МЕДИЦИНСКИХ ПОКАЗАНИЙ И ПРОТИВОПОКАЗАНИЙ ПРИ НАЗНАЧЕНИИ СПЕЦИАЛИСТАМИ МЕДИКО-СОЦИАЛЬНОЙ ЭКСПЕРТИЗЫ ТЕХНИЧЕСКИХ СРЕДСТВ РЕАБИЛИТАЦИИ ИНВАЛИДА И МЕТОДИКА ИХ РАЦИОНАЛЬНОГО ПОДБОРА Методические рекомендации содержат современную и актуальную информацию о видах и типах технических средств реабилитации, входящих в Федеральный перечень реабилитационных мероприятий, технических средств реабилитации и услуг, предоставляемых инвалиду, утвержденный распоряжением...»

«2611 Федеральное агентство по образованию Государственное образовательное учреждение высшего профессионального образования Ивановская государственная текстильная академия (ИГТА) Кафедра конструирования швейных изделий КОНСТРУКТОРСКО-ТЕХНОЛОГИЧЕСКАЯ ПОДГОТОВКА ПРОИЗВОДСТВА НОВЫХ МОДЕЛЕЙ ОДЕЖДЫ МЕТОДИЧЕСКИЕ УКАЗАНИЯ к выполнению курсового проекта по дисциплине КТПП для студентов специальности 260902 Конструирование швейных изделий Иваново 2006 Настоящие методические указания определяют требования...»

«А.Л. ЧЕКИН МАТЕМАТИКА 3 КЛАСС Методическое пособие Под редакцией Р.Г. Чураковой МосКвА АКАдЕМКНИГА/УЧЕбНИК 2012 УДК 51(072.2) ББК 74.262.21 Ч-37 Чекин А.Л. Математика [Текст] : 3 кл. : Методическое пособие / Ч-37 А.Л. Чекин; под. ред. Р.Г. Чураковой. – М. : Академкнига/ Учебник, 2012. – 224 с. ISBN 978-5-49400-125-2 Методическое пособие разработано в соответствии с требованиями федерального государственного образовательного стандарта начального общего образования второго поколения и концепцией...»

«МИНИСТЕРСТВО ОБРАЗОВАНИЯ РФ КЕМЕРОВСКИЙ ТЕХНОЛОГИЧЕСКИЙ ИНСТИТУТ ПИЩЕВОЙ ПРОМЫШЛЕННОСТИ кафедра Управление и экономика В.Н. КАРАУЛЬНОВ Н.М. ГУК ДОКУМЕНТИРОВАНИЕ УПРАВЛЕНЧЕСКОЙ ДЕЯТЕЛЬНОСТИ УЧЕБНЫЙ МОДУЛЬ ДЛЯ СТУДЕНТОВ ЗАОЧНОЙ ФОРМЫ ОБУЧЕНИЯ КЕМЕРОВО 2002 2 СОДЕРЖАНИЕ ВВЕДЕНИЕ..3 1. КУРС ЛЕКЦИЙ ДОКУМЕНТИРОВАНИЕ УПРАВЛЕНЧЕСКОЙ ДЕЯТЕЛЬНОСТИ.. Тема 1 Документ и системы документации. Тема 2 Управленческая документация. Тема 3 Составление и оформление основных документов. Тема 4 Организация...»

«Муниципальное бюджетное общеобразовательное учреждение Орловская средняя общеобразовательная школа РАССМОТРЕНО СОГЛАСОВАНО УТВЕРЖДАЮ на заседании МО заместитель Директор МБОУ учителей нач. кл. директора Орловская СОШ Протокол по УВР Приказ от _2014 г. От _ 2014 № _ Ефанова И. А. № Тарасова Т. В. Ермолова Л. А. РАБОЧАЯ ПРОГРАММА по учебному курсу Технология 4 класс УМК Школа России Устиновой Т. А., учителя начальных классов Пояснительная записка Рабочая программа предмета Технология для 4...»

«Федеральное агентство по образованию Государственное образовательное учреждение Ижевский государственный технический университет Кафедра Лингвистика МЕТОДИЧЕСКИЕ УКАЗАНИЯ К КУРСУ РУССКИЙ ЯЗЫК И КУЛЬТУРА РЕЧИ для студентов ИжГТУ Ижевск, 2008 УДК 801(07)+82.085(07) ББК 81.2Р-92+81.2Р-7 М 54 Рассмотрено и одобрено на заседании кафедры Лингвистика Протокол №2 от 26 сентября 2008 г. Рецензент: Некипелова И.М. – кандидат филологических наук, доцент кафедры Лингвистика Методические указания к курсу...»

«33 ЕСТЕСТВОЗНАНИЕ И МАТЕМАТИКА реагирующих друг с другом веществ пропорциональны их молярным массам эквивалентов. Рассмотрев материал, содержащийся в различных учебниках по данной теме, можно сделать вывод, что и старое определение эквивалента как количества вещества и новое как реальной или условной частицы вещества одинаково хорошо отражают смысл понятия. Все определения эквивалента, приведенные различными авторами, и сформулированный на их основе закон эквивалентов в сущности отражают одно и...»

наверх

<< ГЛАВНАЯ | КОНТАКТЫ

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА
(Авторефераты, диссертации, методички, учебные программы, монографии)

ОГЛАВЛЕНИЕ

ЛЕВО ПРАВО

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА (Авторефераты, диссертации, методички, учебные программы, монографии)

ОГЛАВЛЕНИЕ

ЛЕВО ПРАВО

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА
(Авторефераты, диссертации, методички, учебные программы, монографии)