- •Фгбоу впо «Башкирский государственный педагогический университет
- •2. Требования к уровню освоения содержания дисциплины «Технологии Internet (Web-мастерство)»
- •3. Объем дисциплины «Технологии Internet (Web-мастерство)» и виды учебной работы
- •4. Содержание дисциплины «Технологии Internet (Web-мастерство)»
- •4.1. Разделы дисциплины и виды занятий
- •4.2.Содержание разделов дисциплины «Технологии Internet (Web-мастерство)»
- •5. Учебно-методическое обеспечение дисциплины
- •6.5. Система подготовки материалов и методических разработок
- •7. Содержание итогового и промежуточного контроля
- •7.1. Перечень примерных контрольных вопросов и заданий для самостоятельной работы
- •7.2 Теоретические вопросы к зачету.
- •Практические задания
- •8. Методические рекомендации по организации изучения дисциплины
- •8.1. Методические рекомендации для преподавателей
- •9.Учебная практика по дисциплине «Технологии Internet (Web-мастерство)» не предусмотрена.
- •2.1. Конспекты лекций по дисциплине «Технологии Internet (Web-мастерство)»
- •2.1. Язык гипертекстовой разметки html.
- •2.1.1. Основные теги.
- •Комментарии
- •Общий вид html-документа
- •2.1.2. Обычный текст или абзац
- •Обычный текст или абзац в сеpедине стpоки
- •2.1.3. Ссылки
- •Ссылки на главы дpугих документов
- •2.1.4. Списки
- •Ненумеpованный список
- •Нумеpованный список
- •2.1.5. Физические стили
- •Наложение различных стилей
- •2.1.6. Рисунки
- •Составные картинки
- •Элемент map
- •2.1.7. Таблицы
- •2.1.8. Формы html
- •Атрибут checkbox
- •Атрибут image
- •Атрибут password
- •Атрибут radio
- •Атрибут reset
- •Атрибут select
- •Атрибут submit
- •Атрибут textarea
- •2.1.9. Фpеймы
- •3.1. Базовый синтаксис css
- •3.3. Применение свойства цвета.
- •Свойство 'background-color'
- •3.4. Фоновые изображения [background-image]
- •3.5. Семейство шрифта [font-family]
- •3.6. Боксовая модель
- •Боксовая модель в css
- •3.7.Принципы css-позиционирования
- •Абсолютное позиционирование
- •Относительное позиционирование
- •4.1. Цвет и форма.
- •4.2. Модульная сетка в дизайне.
- •4.3. Типы сайтов. Модели организации сайта.
- •4.3.1. Линейная организация
- •4.3.2. Решетка
- •4.3.3. Иерархия
- •4.3.4. Паутина
- •5.1. Теория навигации
- •5.1.1 Размещение элементов навигации
- •5.1.2. Правила навигации
- •5.1.3. Основные приемы создания ссылок
- •5.2. Программы для создания web-страниц
- •6.1. Изображения в Интернет: технологии gif, jpeg, png, Flash.
- •6.1.1. Форматы изображений
- •6.1.2. Формат gif
- •6.1.3. Формат jpeg
- •6.1.4. Формат png
- •6.1.6. Другие форматы изображений
- •6.2. Анимация
- •6.3. Звук
- •6.4 Видео
- •7.1. Технологии программирования
- •7.2. Программирование на стороне клиента
- •7.2. Синтаксис языка JavaScript и основы программирования на нем
- •8.1. Технологии, работающие на стороне сервера
- •8.2. Сценарии на стороне сервера
- •8.3. Технологии создания интерактивных страниц: asp, php, ssi
- •8.4. Серверные программные интерфейсы приложений
- •8.4. Сетевые и сопутствующие протоколы
- •8.4.3. Адресация: url/uri/urn/urc
- •9.4 Работа с формами
- •9.5. Рнр: выборочная загрузка
- •9.6 Рнр: гостевая книга
- •10.1. Базовая модель Web-процесса
- •10.2. Планирование сайта
- •I определение цели
- •2. Определение аудитории
- •3. Профилирование пользователей
- •4. Требования к сайту
- •II план сайта
- •III разработка дизайна
- •Логотип
- •Навигатор по сайту
- •IV создание пробного сайта
- •V тестирование
- •10.3 Публикация и продвижение сайта
- •Упражнение 2 – создание списка
- •Упражнение 3 - вставка рисунка
- •Упражнение 4 – гиперссылки
- •Лабораторная работа № 2 Создание home page средствами Notepad (папка web)
- •Последовательность выполнения работы
- •Лабораторная работа № 3
- •Сведения о пользователе
- •Лабораторная работа № 4 Создание домашней странички (папка web)
- •Лабораторная работа № 5 JavaScript
- •Лабораторная работа № 6 JavaScript Создание и обработка форм в электронных документах, их назначение.
- •Лабораторная работа № 7 Тема «Использование Flash-технологий для создания Web-сайтов»
- •Задания для самостоятельной работы
- •Упражнение 4 Создание анимационного ролика «Шарик летит по улице города»
- •Упражнение 6 Создание собственных кнопок
- •Задания для самостоятельной работы
- •Лабораторная работа № 8. Создание web-сайта средствами редактора Dreamweaver (папка web-6)
- •5 Проверить корректность работы файла стилей!
- •Лабораторная работа №9 по технологиям Internet.
- •Лабораторная работа 10. Введение в язык php
- •Лабораторная работа 11. Обработка данных форм
- •Лабораторная работа 12. Массивы
7.2. Программирование на стороне клиента
Технологии на стороне клиента характеризуются диапазоном от простых вспомогательных приложений - запускаемых при загрузке таких типов информации, как Zip-файлы, или документов Word, — до сценариев, встроенных в языки сценариев на основе браузера, таких как JavaScript.
Вспомогательные приложения
Один из подходов к программированию на стороне клиента представлен в форме запрограммированных решений, таких как вспомогательные приложения. В ранний период истории Internet, в эпоху Mosaic и Netscape 1.x, функциональность браузеров и поддержка ими информационных средств помимо HTML были ограниченными. Если встречались новые типы информации или бинарные формы, они должны были передаваться внешней программе, называвшейся "вспомогательным приложением". Вспомогательные приложения обычно работают вне окна браузера. Примером вспомогательного приложения может выступить средство сжатия или архивации вроде WinZip, которое запускается автоматически при загрузке из Internet сжатого файла. Вспомогательные приложения часто проблематичны, поскольку они плохо интегрированы с браузером и не располагают методами обратного взаимодействия с ним. Поскольку вспомогательное приложение не было встроено в Web-браузер, встроить внешние типы информации и бинарные формы в Web-страницу было непросто. Наконец, пользователи зачастую должны были загружать и устанавливать вспомогательные приложения, что удерживало многих людей от их применения.
Идея вспомогательного приложения довольно проста: это программа, к которой браузер обращается за помощью. По отношению к Web-браузеру в роли вспомогательного приложения может выступать любая программа, если с ней можно связать MIME-тип. Когда объект отправляется в Internet, к нему в виде HTTP-заголовка прибавляется информация, обозначающая его тип. Эта информация существует в форме MIME-типа. К примеру, с каждым файлом Acrobat должен быть связан тип содержимого application/pdf. Когда браузер получает файл с таким MIME-типом, он обращается к своим параметрам, чтобы узнать, как обрабатывать этот файл. Среди таких опций может быть сохранение файла на диск, удаление файла или его передача другим программам, таким как вспомогательное приложение или сменный модуль браузера. Благодаря MIME-типам и вспомогательным приложениям разработчик может разместить на Web-сайте файлы Microsoft Word; пользователи будут иметь возможность скачать их и автоматически прочитать- в том случае, если у них есть соответствующее вспомогательное приложение.
ActiveX
ActiveX – Интернет-сторона модели компонентных объектов (Component Object Model, COM) - это компонентная технология Microsoft, предназначенная для создания небольших компонентов, или элементов управления, внутри Web-страницы. распространяет эти элементы управления через сеть Internet, добавляя в Internet Explorer новые функциональные возможности. Microsoft отстаивает мнение о том, что элементы управления ActiveX подобны скорее компонентам в общем смысле, чем сменным модулям, поскольку они могут располагаться за пределами браузера, даже внутри программ-контейнеров, таких как Microsoft Office. Элементы управления ActiveX напоминают сменные модули Netscape тем, что они постоянны и специфичны для конкретной машины. Хотя вследствие этого появляется проблема использования ресурсов, инсталляция не представляет сложности: компоненты загружаются и устанавливаются автоматически.
Применительно к элементам управления ActiveX серьезное беспокойство вызывают вопросы безопасности. Так как эти небольшие блоки кода потенциально располагают полным доступом к системе пользователя, они могут нанести серьезные повреждения. Эта возможность в сочетании с автоматической инсталляцией создает значительную проблему, связанную с ActiveX. Конечные пользователи могут поспешно нажать кнопку, чтобы установить новую функцию, которая лишь совершит злонамеренное действие, например, удалит важный системный файл Потенциально неограниченная функциональность элементов управления ActiveX создает "зияющую дыру" в системе безопасности Обращаясь к этой проблеме, Microsoft предоставляет идентификационную информацию, указывающую на то, кто написал данный элемент управления, в форме кода, представлен ли цифровой сертификат, как показывают разнообразные диалоговые окна на рис. 3.11.
Сертификаты лишь некоторым образом обозначают, что создатель элемента управления заслуживает доверия; они ничего не делают для того, чтобы предупредить непосредственный ущерб от элемента управления — это задача юстается за пользователем. Практика безопасного пользования подразумевает принятие элементов управления только из достоверных источников.
Для добавления на Web-страницу элемента управления ActiveX требуется применение тега <object>.
Java
Основным недостатком компонентных технологий вроде сменных модулей Netscape и элементов управления ActiveX является то, что они делаются в расчете на конкретные операционные системы. Не каждый пользователь работает в Windows или даже Macintosh, так как же справиться с таким неоднородным миром? Одно из решений — создать общую среду и перенести ее на все системы; в этом и есть смысл Java-технологии.
Технология Java компании Sun Microsystems (http://www.javasoft.com) — это привлекательный и революционный подход к межплатформенной разработке на базе Internet. Java подает надежды на превращение в язык разработки, не привязанный к какой-либо платформе (нечто, в части синтаксиса похожее на C++), позволяющий один раз написать программы, а затем развертывать их на любой машине, браузере или операционной системе, поддерживающей виртуальную машину Java (Java Virtual Machine, JVM). Ha Web-страницах применяются небольшие Java-программы, называемые апплетами, они загружаются и исполняются непосредственно в браузере, добавляя в него новые функции.
Апплеты пишутся на языке Java и компилируются в машинонезависимый байтовый код в форме файла .class, который автоматически загружается в поддерживающий Java браузер и исполняется в среде этого браузера. Но даже при наличии быстрого процессора может показаться, что конечная система выполняет код медленно по сравнению со скомпилированным в собственной среде приложением, т. к. байтовый код должен интерпретироваться JVM. Это приводит к общераспространенному мнению, гласящему, что Java медлен. На самом деле, Java не обязательно медлен, но его интерпретация действительно может проходить в сниженном темпе. Даже со свежими компиляторами, присутствующими в новейших браузерах и работающими по схеме "точно вовремя" (Just-In-Time, JIT), Java зачастую не обеспечивает производительности, соответствующей приложениям, скомпилированным в
Даже если бы компиляция не составляла трудности, нужно заметить, что ныне существующие Java-апплеты, как правило, не являются постоянными; могут возникать ситуации, когда их необходимо загружать снова и снова. Браузеры с поддержкой Java действуют как тонкоклиентные приложения, т. к. они добавляют код только тогда, когда им это требуется. В этом смысле браузер не перегружается дополнительными возможностями, но расширяется и сокращается по назначению.
Поместить на Web-страницу Java-апплет довольно просто; это можно сделать посредством тега <appiet> или <object>, хотя с учетом обратной совместимости предпочтение отдается <appiet>. Если бы, к примеру, у нас был файл .class под названием helloworld, мы могли бы сослаться на него с помощью следующей разметки:
Opplet code="helloworld.class"
height="50"
width="175">
<Ы>Привет всем браузерам без Java</hl> </applet>
В приведенном коде между тегами <appiet> и </appiet> помещается альтернативное представление для браузеров с отсутствующей или отключенной поддержкой Java.
Базовая схема применения Java приведена на рис. 3.12.
Безопасность в Java с самого начала рассматривалась со всей серьезностью. Поскольку загрузка и исполнение программ происходят автоматически, то программа с злонамеренным кодом может быть загружена и запущена таким образом, что пользователь будет не в силах ее остановить. В рамках первой реализации этой технологии Java-апплеты располагали ограниченным доступом к ресурсам вне среды браузера. Внутри Web-страниц апплеты неспособны осуществлять запись на локальные диски или выполнять другие вредоносные функции. Эту архитектуру называют "песочницей Java". Разработчики, желающие предусмотреть функции Java вне этой песочницы, вынуждены создавать Java-приложения, которые запускаются из браузеров как отдельные приложения. Другие технологии Internet-программирования (сменные модули Netscape и ActiveX) обеспечивают более низкий уровень защищенности от вредоносных программ.
На самом деле, что касается Web-дизайнера, на общедоступных сайтах язык Java бесполезен. В браузерах такое великое множество различных виртуальных машин Java, что идея "единожды написав, везде запустил" превратилась в "единожды написав, везде отладь". Главное преимущество Java-апплетов просто не обнаруживает себя. Здесь дизайнерам не требуется доказательств, кроме того факта, что наиболее крупные сайты, когда-то основывавшиеся на Java-апплетах, в большинстве случаев давно уже отказались от них. Тем
Рисунок 7.2. Обзор технологии Java
JavaScript
JavaScript, не имеющий к Java никакого отношения, кроме схожести названия, является основным языком сценариев на стороне клиента, применяемым в Web-браузерах. Изначально разработанный компанией Netscape для браузера Navigator 2.0, этот язык с годами получил значительное развитие, и теперь в той или иной форме поддерживается всеми важнейшими