5. Понятие Java-script

JavaScript — прототипно - ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

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

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

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

6. Понятие jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки, управление передаётся JQuery, идентифицирующей кнопки и затем преобразовывающий его в обработчик события клика. Такое разделение поведения и структуры также называется принципом ненавязчивого JavaScript.

Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, большая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов. Это позволяет собрать для ресурса именно ту JavaScript-функциональность, которая на нём была бы востребована.

2. Специальная часть

   1. Аналитическая часть

      1. Выбор метода проведения лабораторных работ

На лабораторные работы по программному пакету 3Ds Max выделено 15 пар. За это время необходимо дать базу знаний достаточную и необходимую для дальнейшего саморазвития в каком-либо направлении.

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

Особенностью этого метода обучения является конечная цель. Ученик с самого начала создает конечную картину, видит, как его труды приобретают готовый вид. Это способствует мотивации, ученик чувствует себя творцом, он осознает свои силы и, возможно, определяет свое будущее в сфере компьютерной графики. Так, увлекшись созданием сцены, ученик не в тягость для себя, изучает довольно сложные для понимания, понятия и методы программного пакета 3Ds Max и всей области 3D в целом.

2. Выбор методов разработки

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

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

1. Выбор программ для разработки

Для верстки страниц целесообразнее всего использовать программу Dreamweaver. профессиональный редактор HTML для проектирования, написания кода и поддержки сайтов, web-страниц и приложений сети. Визуальные возможности редактирования в Dreamweaver позволяют быстро создавать страницы без того, чтобы писать код вручную.

К основным достоинствам Dreamweaver относятся:

Цветовая подсветка кода, которая позволяет легко отделить HTML от PHP и JavaScript, сразу же найти область комментариев, увидеть ошибку в написании кода.

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

Автоматическая подстановка классов CSS из подгружаемого файла стилей. Эта функция Dreamweaver позволяет быстро и эффективно работать с классами подгружаемого файла стилей. Даже если над файлом стилей работает несколько человек (через систему контроля версий CVS или SVN), всегда видно все доступные и вновь созданные классы – что не даст запутаться или забыть о том, что уже написано, а что еще нет.

Для работы с графикой существует огромное количество редакторов, в том числе и бесплатный Paint, входящий в состав Windows, но наиболее гибким и надежным инструментом остается Adobe Photoshop.

Adobe Photoshop имеет ряд преимуществ, из-за которых предпочтительнее использовать именно его в работе как с 3D графикой, так и в редактировании текстов и верстке страниц. Из них нужно выделить, широкий простор действий со слоями, огромное количество фильтров и гибкое подключение модулей, которые помогут работать совместно с множеством редакторов.

Верстка страницы производится с помощью CSS и элементов DIV. Работа с DIV подобна работе со слоями в Adobe Photoshop, элементу DIV присваивается стиль, в котором описаны его размеры, положение и цвет или картинка фона, повторение которой тоже можно настроить.

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

JQuery – библиотека java-script, которая позволяет наполнить страницы интерактивностью, создавать то, для чего ранее требовалась работа PHP, исключать из сайта громоздкий и, во многом, устаревший Flash.

3. Выбор дизайна

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

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

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