«HTML, DreamWeaver. Разработка Web-дизайна» - Курсовая работа

Содержание

СОДЕРЖАНИЕ. 1

ВВЕДЕНИЕ. 2

1. ТЕОРИЯ WEB-ДИЗАЙНА. 3

1.1 РАСПРОСТРАНЕНИЕ INTERNET 3

1.2. КОНЦЕПЦИЯ WWW 3

СОЗДАНИЕ WEB-СТРАНИЦ. 5

Требования к Web-странице. 5

Средства создания Web-страниц. 7

2. DREAMWEAVER – ОДИН ИЗ НАИБОЛЕЕ УДОБНЫХ HTML-РЕДАКТОРОВ. 9

О DREAMWEAVER-Е В ЦЕЛОМ. 9

ФУНКЦИОНАЛЬНЫЕ ВОЗМОЖНОСТИ DREAMWEAVER. 11

О рабочей области Dreamweaver. 11

Основные объекты Web-страницы. 15

Работа с текстом. 20

Настройки DreamWeaver. 22

Создание CSS. 26

2. ЗАКЛЮЧЕНИЕ. 32

СПИСОК ЛИТЕРАТУРЫ И САЙТОВ: 33

Введение

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).

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

Мы же рассмотрим визуальный HTML-редактор DreamWeaver. Этот програмный продукт расчитан на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями. Dreamweaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс Dreamweaver настолько прост, что даже начинающий дизайнер сможет быстро создать профессиональный Web-сайт. Непосредственно в Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks . Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. В последнее время она начала выпускать версию за версией данного продукта, тем самым все более совершенствуя его. DreamWeaver-3,-4,-6 и это еще не предел. Причем в каждой новой версии добавляется всё больше и больше функциональных возможностей, не по одной и не по две, а чуть ли не десятками. Многие разработчики Web-сайтов считают DreamWeaver наиболее удобным HTML-редактором как для начинающих Web-дизайнеров, так и для опытных программистов.

В данной курсовой работе содержится также приложение, а именно разработка собственной небольшой Web-странички с помощью HTML-редактора DreamWeaver.

Цель: Рассмотреть возможности визуального редактора DreamWeaver. Для достижения этой цели были поставлены следующие задачи:

1 Познакомиться с теорией Web-дизайна.

2 Познакомиться непосредственно с редактором DreamWeaver.

3 Рассмотреть основные требования, предъявляемые к Web-странице.

4 Рассмотреть средства создания Web-страниц, которые предшествовали и являлись предпосылками возникновения DreamWeaver.

Выдержка из текста работы

1. Теория Web-дизайна

1.1 Распространение Internet

Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.

1.2. Концепция WWW

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

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

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

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

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

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

Создание Web-страниц

Требования к Web-странице

Огромное количество источников по web-дизайну предлагают такое же количество правил и советов по созданию и оформлению web-страниц.

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

Заключение

Таким образом мы выяснили, что DreamWeaver - это программа для облегчения написания HTML. Как и многие подобные программы, он изобилует мощными, занимающими достаточно большое количество ресурсов на компьютере средствами облегчить создание HTML кода. DreamWeaver автоматизирует все что только можно автоматизировать, наиболее наглядно отобразит код и получившийся в следствии изменений этого кода дизайн, позволит строить таблицы "на глаз", а не впадая в длительные математические изыскания, сразу же, в процессе работы видеть происходящие изменения, возвращаться на много ходов обратно, если изменения эти вас не устроили и многое, многое другое. DreamWeaver - это на мой взгляд лучшая программа для создания HTML, хотя конечно есть масса других программ, которые в чем-то обходят DreamWeaver, но только в очень узких областях. И тем не менее компания MacroMedia не стоит на месте в своих разработках, а шагает семимильными шагами вперед. Так например в версии DreamWeaver-4 появляются два очень полезных режима Code View и Split View. Они позволяют просматривать как отдельно HTML-код и дизайн, так и просматривать все вместе. А в DreamWeaver-6 MX, это последняя версия данного программного продукта, появляется много новых функций, частично меняется расположение панелей, делая работу с ним гораздо более удобной, чем с предыдущими версиями. Также одним из главных преимуществ последней версии является то, что в ней появляется библиотека стандартных шаблонов Web-страниц, где есть большое количество уже готовых каскадных стилевых таблиц, которые не требуют от пользователя никаких усилий по созданию новых страниц. Эти шаблоны Web-страниц позволяют экономить большое количество времени при проектировании. Но! Несмотря на то, что многое в программе визуализировано и автоматизировано, все на русском и с большим количеством очевидных преимуществ, все равно HTML в чистом виде знать и понимать надо. Причем знать если не профессионально, то хоть примерно осознавать, на что вы смотрите, на какую таблицу или выпадающее меню.

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

Список литературы

1. w*w.webschool.narod.r*

2. w*w.education.kulichki.net

3. h**t: //dreamweaver3.narod.r*/

4. Dreamweaver 4. Краткий курс Карпов Б., Жданов А. 2001 Питер.

5. CD Обучение Macromedia Dreamweaver 4 (JEW) 2002 Медиа2000.

6. h**t://narod.yandex.r*/help/mini.yhtml

Примечания

Авторская работа.