Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата

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

4. Программы для создания Web-страниц

4.1 HTML-редакторы

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

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

MS FrontPage

Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании
Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое
(особенно это касается Netscape Navigator). Странички получаются какими-то кривыми, поэтому для создания качественных Web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже.

Macromedia DreamWeaver.

Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производсту программ для создания веб-сайтов, а также законодателем моды в этой области. Последния версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).

Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.

HomeSite 4

Следующий редактор - HomeSite 4 - для создания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Opera).

HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).

Еще одна отличительная особенность HomeSite - это его «склейка» с
Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода.

EVR Soft 1st Page 2000 v2

Одним из последних HTML-редакторов является EVR Soft 1st Page 2000 v2.

Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты!"). Редактор содержит несколько режимов - Normal, Easy,
Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям.

5. Macromedia DreamWeaver

5.1. Интерфейс данного пакета

Идея данного описания проста - мы будем постепенно строить сайт
(например домашнюю страничку). При этом я постараюсь пройтись по всем возможностям DreamWeaver. Расскажу где и чем лучше всего пользоваться.

Начнем мы с самого простого - с интерфейса пакета.

[pic]
Так выглядит внешний вид DreamWeaver 3 после его установки и загрузки.
Основные панели я выделила и подписала.
Начнем разбор интерфейса с панели "палитра объектов" - палитры, при помощи которой мы помещаем практически все внешнюю (не касающуюся текста) информацию на нашу страничку. Эта палитра имеет несколько разных вариантов, которые могут быть открыты при помощи выпадающего меню в верхней части
"палитры объектов".
|[pic] |По умолчанию всегда стоит палитра common objects (основные объекты). В нее |
| |включено практически все что вам нужно (слева-навправо, сверху-вниз): |
| |Image (картинка) - вставляет на страничку графический элемент |
| |Rollover Image (перекатыш) - вставляет на страничку конструкцию, которая |
| |имитирует анимированную кнопку (кнопку изменяющую свой вид при наведении на |
| |нее) |
| |Table (таблица) - вставляет на страничку таблицу |
| |Tabular data (табличные данные) - вставляет готовую с таблицу с готовыми |
| |данными (например из Exel) |
| |Horizontal Rule (линейка) - вставляет декоративный элемент - линейку (обычно|
| |используется как разделитель абзацев) |
| |Navifgation Bar - вставляет навигационную панель состоящую из нескольких |
| |кнопок |
| |Draw Layer (нарисовать слой) - вставляет на страничку слой (как в PhotoShop)|
| | |
| |Line Break (мягкий перенос) - вставляет на страничку (в тексте) мягкий |
| |перенос |
| |E-mail Link (сслыка на электронную почту) - вставляет на страничку ссылку на|
| |электронный адрес |
| |Date (дата) - вставка в документ текущей даты (можно с автообновлением) |
| |Flash - вставляет флеш-анимацию в страничку |
| |ShockWave - вставляет Shockwave-анимацию |
| |Generator - вставляет заготовку Generator |
| |FireWorks - вставляет объект FireWorks |
| |Applet - вставляет ява-апплет |
| |ActiveX - вставляет ActiveX |
| |Plugin - вставляет объект, проигрываемый плагином |
| |SSI - вставляет инклюд (подключаемый внешний HTML файл) |
|[pic] |Палитра Invisibles возволяет добавлять в исходный код странички: |
| |закладки |
| |комментарии |
| |ява-скрипты |
| |неразрывные пробелы |
|[pic] |Палитра head помогает нам добавлять различные описания и свойства странички,|
| |такие как: |
| |мета-теги |
| |ключевые слова |
| |описания странички |
| |устанавливать параметры обновления странички |
| |указывать базовую ссылку (ссылку по умолчанию) |
| |указывать ссылки |
|[pic] |Палитра Frames (фреймы) поможет сделать одним нажатием на кнопку сложную |
| |фреймовую структуру. Подробнее о фреймах и их применении позже. |
|[pic] |Палитра forms (формы) служит для визуального создания форм (того, что вы |
| |довольно часто заполняете на различных сайтах). Она состоит из объектов: |
| |form - сама форма |
| |text field - текстовое поле |
| |button - кнопка |
| |checkbox - чекбокс (это где вы галочку на выборах ставите) |
| |radio button - радиобаттон, обеспечивает выбор одного из вариантов |
| |list/menu - делает выпадающий список или меню |
| |filefield - форма для закачки файлов |
| |imagefield - поле картинки |
| |hidden filed - скрытое поле |
| |jump menu - для перехода по клику на другую страничку |
|[pic] |Палитра специальных символов поможет вам просто и легко добавить на свою |
| |страничку знак копирайта, зарегистрированной торговой марки, йены и многого |
| |другого. Достаточно просто нажать на нужную кнопку. |

5.2. Диалоговые окна
При нажатии на каждую кнопку возникают различного рода диалоги, возникающие при добавлении объектов из "палитры объектов" в поле документа.
Большая часть этих диалогов, например таких как: вставка картинки, горизонтальной линейки, мягкого переноса, флеш, shockwave, generator, plugin, activeX, java applet и server-side include вообще не требуют пояснений, так как либо не содержат никаких диалоговых окон, либо сводятся к указанию нужного файла на жестком диске.

[pic]
Начнем со вставки rollover image (картинки-перекатыша). В основном, подобные объекты используются для различных навигационых элементов на сайте.
В окне диалога есть четыре основных поля. Сверху-вниз это:

. image name - название картинки (используется java-скриптом, для разделения различных объектов данного типа на страничке). Никогда не делайте названия одинаковыми!

Рекомендуем скачать другие рефераты по теме: методы изложения, сочинение евгений онегин.





Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата