15

Министерство народного образования

Республики Узбекистан

Навоийский государственный педагогический институт

Физико-математический факультет

Кафедра «Информатики и информационных технологий»

РЕФЕРАТ

ТЕМА: «Система Dreamweaver».

Научный руководитель: Выполнил: студент 4 «В»

к.ф.-м.н., курса отделения

доц. Р.А.Рузиев «Математики-информатики»

Турсунов Х.

Навои

2008 год

Содержание

Введение

Глава 1. Концепция WWW

Глава 2. Создание Web-страницы с помощью языка HTML

2.1. Язык HTML

2.2. Структура HTML документа

2.3 Форматирование текста

Заключение

Введение

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

И.А.Каримов

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

В наше время профессия Web-дизайнера стала массовой; почти каждая фирма имеет свое “представительство” в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех без массированной рекламы в сети. Этот мощный “социальный заказ” породил целую индустрию средств Web-проектирования и программирования. Американская софтверная фирма Macromedia Inc., точно уловив тенденции рынка, сделала ставку на развитие программных средств, ориентированных на различные секторы Web-дизайна и электронной коммерции. Ее успехи, достигнутые за последние несколько лет, впечатляют. Многие продукты фирмы заняли лидирующие позиции в своих отраслях, а некоторые из них можно считать флагманами, определяющими направления и тенденции развития программного обеспечения данного класса. К числу таких, редких в наше время примеров принадлежит программа Dreamweaver.

Система Dreamweaver -- это визуальный редактор гипертекстовых документов. Эта формулировка не способна точно передать существо дела. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования (WYSIWYG или What You See Is What You Get - “ что ты видишь, то ты и получишь”.), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов. Ни в одном из существующих в наше время редакторов концепция WYSIWYG не реализована полностью. Программа Dreamweaver подошла к декларируемому идеалу ближе конкурентов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы почти как специализированные программы просмотра: Microsoft Internet Explorer или Netscape Navigator.

Уже первая версия программы привлекла внимание специалистов своими большими функциональными возможностями, а также устойчивой и быстрой работой. С каждой новой версией расширялся потенциал редактора и отрабатывалось его программное ядро. Все издания Dreamweaver отмечались компьютерными специалистами, занимали ведущие позиции в рейтингах и обзорах ведущих компьютерных изданий, имели большой коммерческий успех. В 2003 году вышла шестая (MX) версия программы. Теперь только инерция заставляет называть этот продукт программой. По сути дела, это развитая среди Web-проектирования, и которую интегрировано несколько программных средств и модулей, обеспечивающих весь операционный цикл разработки и поддержки виртуальных проектов. На данный момент существует множество программ, с помощью которых можно создать собственную web-страницу, не вникая во все тонкости Интернет технологий и стандартов. Но Macromedia Dreamweaver MX - одна из самых мощных программ, поддерживающих все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. По иронии судьбы, Dreamweaver “задвинут” в тень своего более раскрученного собрата Microsoft FrontPage, но он не заслужил своей участи.

Современные сайты представляют собой сложно структурированные гетерогенные документы с динамическим контентом и интерактивными эффектами. Один, даже самый, как сейчас принято говорить, продвинутый редактор HTML не способен удовлетворить все потребности Web-дизайнера, Авторам гипертекстовых страничек приходится прибегать к услугам многочисленных программ и программных дополнений, предназначенных для работы с графикой, создания анимации, загрузки содержимого узла на удаленный сервер и другое. Пользуясь спортивной терминологией, можно сказать, что программа Dreamweaver - командный игрок. Она прекрасно взаимодействует со всеми программами, которые фирма Macromedia позиционирует на рынке средств разработки и поддержки сетевых проектов. Это, прежде всего, векторный редактор Flash, с которым система Dreamweaver образует “хорошо наигранную связку”, и “непосредственный партнер” -- растровый редактор Fireworks.

При написании данной выпускной квалификационной работы были даны: начальные сведения о структуре и построении страниц с использованием гипертекствого языка разметки - HTML. Дано описание пакета Macromedia Dreamweaver и способы создания страниц и сайтов в данном пакете. Также рассмотрена технология создания электронных учебников с использованием пакета Macromedia Dreamweaver. По завершению написанию теоретического материала был создан практический пример - «Электронный учебник по Macromedia Dreamweaver».

Глава 1. Концепция WWW

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Интернет. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

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

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

Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

Итак, Web-страница может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернет. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра. Об языке HTML будет детально рассказано в следующем разделе, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.

Глава 2. Создание Web-страницы с помощью языка HTML

2.1. Язык HTML

Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

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

Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.

Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

2.2. Структура HTML документа

A) Объявление HTML;

B) Заголовочная часть;

C) Тело документа.

A) Объявление HTML

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

<HTML>
.
.
.
</HTML>

B) Заголовочная часть.

<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы - спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.

<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
</HTML>

C) Тело документа.

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>
<HEAD>
<TITLE> Моя первая страница</TITLE>
</HEAD>
<BODY>
......................................
</BODY>
</HTML>

Теперь мы можем написать HTML-код нашей странички:

<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>

<BODY>
Здесь будут мои страницы!
</BODY>

</HTML>

2.3 Форматирование текста

Заключение

Macromedia Dreamweaver - достаточно старый пакет. Первая его версия была разработана еще в 1998 году и получила популярность благодаря благосклонности к русскому языку и снисходительному отношению к множеству русскоязычных кодировок. Программа Dreamweaver основана на принципах открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста (Application Programming Interface, API), с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса: добавить новый инструмент, создать панель или раздел меню, запрограммировать новый объект или мультимедийный ролик и пр. Можно сказать, что в настоящее время вокруг системы Dreamweaver сложилась целая индустрия по разработке программных дополнений и расширений. Фирма Macromedia создала специальный сайт для рекламы и распространения этих средств. К этому моменту, число зарегистрированных и сертифицированных дополнений приближалось к четырем сотням.

Линейка продуктов Macromedia MX, прежде всего ориентирована на удобство конечного пользователя. По сравнению с предыдущими версиями, компания сделала большой шаг вперед, предложив дизайнерам новый, продуманный дизайн и гибкость интерфейса. Dreamweaver MX- это программа, которая подойдет как и начинающим пользователям, не знакомыми с основами HTML, так и продвинутым пользователям, которые уже не один год занимаются профессиональным web-дизайном. Не зря большинство пользователей отдают предпочтение именно Dreamweaver, ведь эта компания на протяжении восьми лет создает продукты, существенно облегчающие создание сайтов и существенно оживляющие жизнь Интернета.