- •Часть 2
- •Содержание Оглавление
- •Глава12.Основные термины Интернет 122
- •Краткий экскурс в теорию сетей
- •1.1Как появился Интернет
- •1.2 Система адресации в Интернете dns — доменная система имен
- •Общие принципы создания Web-узла
- •2.1 Web-технология html
- •2.2.Браузеры
- •2.3.Сервер, сайт, домашняя страничка
- •2.4.Анатомия сервера
- •Говорим по-русски. О кодировках кириллицы
- •3. Создание html - документов ,Web-страницы
- •3.1. Классификация html-редакторов.
- •3.1.1.Визуальные редакторы
- •3.1.2. Текстовые редакторы
- •4. Другие Web-технологии
- •4.1.Java
- •4.2. Cgi (Common GateWay Interface)
- •4.3. Ssi (Server Side Includes)
- •4.4. Css(Cascading Style Sheets)
- •4.5. Рнр (Personal Home Page tools)
- •4.6. Asp (Active Server Pages)
- •4.7. VbScript(Visual basic Script)
- •4.8. Macromedia Flash
- •4.9. Dhtml (Dynamic Hyper Text Markup Language
- •4.10. Xhtml и xml
- •Web-дизайн
- •5.1 Что такое Web-дизайн?
- •5.2.Программы, используемые в web-мастеринге
- •Технологии Web-дизайна
- •6.1. Структура узла web-сайта
- •6.1.1. Плоская структура
- •6.1.2. Линейная структура
- •6.1.3. Древовидная структура
- •6.1.4. Комбинированная структура
- •6.1.5. Принципы построения системы навигации
- •6.1.6. Организация домашней страницы
- •6.2. Логическая и физическая структура сайта
- •6.2.1. Заглавная страница
- •Динамическая и статическая компоновка сайта
- •6.2.2. Статическая компоновка страницы
- •6.2.3.Динамическая компоновка страницы
- •6.2.4. Элементы Web-страницы
- •7. Планирование и реализация Web-сайта. Три этапа.
- •7.1. Этап определения объема работы. Переговоры с заказчиком. Создание концепцииWeb-узла. Обсуждение бюджета и плана работы. Подписание договора.
- •7.1.1. Работа с заказчиком
- •7.1.2. Создание концепции Web-узла
- •7.1.3. Бюджет исрокивыполнения проекта
- •7.1.4. Роли участников разработки
- •7.1.5. ПланированиеWeb-узла
- •7.1.6.Требования кWeb-узлу и составление графика выполнения работ
- •7.2. Этап разработки компонентовWeb-узла и связывание их между собой.
- •7.2.1. Разработка дизайна интерфейса
- •7.2.2. Компьютерная графика в Web-дизайне
- •Графический формат gif
- •Графический формат jpeg
- •Графический формат png
- •7.3. Этап тестирования готовогоWeb-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла.
- •7.3.1. Web-хостинг
- •Путь первый. Бесплатный хостинг
- •Путь второй. Хостинг у провайдера
- •Путь третий. Платный хостинг
- •Путь четвертый. Хостинг у знакомых
- •7.3.2. Маркетинг
- •7.3.3. Правила раскрутки сайта
- •Регистрация в каталогах
- •Индексация в поисковых системах
- •7.3.4. Обслуживание Web-страницы, сайта
- •7.3.5. Обновление информации и создание новых разделов
- •7.3.6. Регистрация в поисковых системах
- •Подготовка к регистрации
- •Регистрация сайта в поисковых системах
- •Стандарт исключения для поисковых систем
- •Контроль за состоянием учетной записи
- •Использование рейтинговых счетчиков
- •8.Службы баннерного обмена
- •Что такое баннер?
- •Эффективность баннера
- •Системы баннерного обмена
- •Зарубежные баннерные сети.
- •Текстовые баннеры
- •Интерактивные баннеры
- •Использование бесплатных досок объявлений
- •Службы редиректа
- •Сложный баннер
- •9. Основные принципы эффективного и стильного Web-сайта
- •Основы стильногоWeb-сайта
- •6.3. ОсновныеправилаWeb-дизайна
- •. Наиболее распространенные ошибки при создании сайта:
- •Глава12.Основные термины Интернет
3.1.1.Визуальные редакторы
MacromediaDreamWeaver
Разработчик:Macromedia ,Сайт программы:
WWW.macromedia.com/softWare/dreamWeaver/
DreamWeaver всегда считался инструментом скорее дизайнера, чем программиста. Однако в последней версии (7.0) имеется полный набор средств, как для визуального конструирования, так и для кодирования. DreamWeaver - это приложение, в котором разработчик может работать в одной среде, быстро создавая, развивая и обслуживая Web-сайт и Интернет-приложения с помощью средств визуального редактирования, разработки приложений и быстрого написания кода, реализованных в едином интегрированном решении.
DreamWeaver - профессиональный инструмент для создания Web-сайтов и приложений. Пожалуй, это самая лучшая программа из визуальных редакторов на данный момент. Разработчики утверждают, что MacromediaDreamWeaverMX предназначена для проектирования, разработки и администрирования профессиональных Web-сайтов и приложений. Кроме того,DreamWeaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash.
Adobe GoLive CS
Разработчик: Adobe. Сайтпрограммы:
WWW.adobe.com/products/golive/main.html
AdobeGoLiveCS — это универсальное многофункциональное профессиональное средство для создания, построения и управления Web-сайтами от компании — производителя популярнейшего графического пакета Photoshop. Последняя версия AdobeGoLive получила название AdobeGoLiveCS, поскольку вместе с другими ключевыми продуктами Adobe (PhotoshopCS, IllustratorCS и InDesignCS) входит в комплект программ CreativeSuite, что и обозначает аббревиатура «CS».
ПрофессиональныйHTML-редактор, с мощными и удобными инструментами для редактирования не только HTML, но и JavaScript, DHTML (динамическийHTML), таблиц стилей (CSS) и мультимедийных файлов QuickTime. AdobeGoLive содержит уже созданные и готовые к применению Java-скрипты (в AdobeGoLive они называются action). В GoLive реализованы автоматическая проверка синтаксиса HTML-кода и его совместимости с различными версиями ИнтернетExplorer и NetscapeNavigator. При обнаружении тэгов, которые не поддерживаются тем или иным браузером, программа сообщает об этом.
AdobeGoLiveCS содержит развитые средства планирования архитектуры и структуры контента с возможностью построения диаграмм, а также совершенные средства визуальной разработки, обеспечивает двойной режим отображения (кода и результирующего вида).
Программа обеспечивает возможность выбора из 58 профессионально разработанных темплейтов, которые идеально подходят для галерей изображений, бизнес-сайтов, сайтов электронной коммерции и т.п., а также возможность выбора из 35 профессиональных CSS-стилей.
MicrosoftFrontPage2003
Разработчик:Microsoft, Сайт программы:
WWW.microsoft.com/frontpage
MicrosoftFrontPage — это простой в освоении и удобный Web-редактор для проектирования, подготовки и публикации Web-сайтов. Благодаря интеграции с семейством продуктов MSOffice, привычному интерфейсу и обилию шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым с основами работы в MSWord. Программа предоставляет широкие функциональные возможности и разнообразные средства оптимизации коллективной разработки, позволяет быстро создавать динамические комплексные Web-узлы практически любой сложности.
Последняя версия продукта (FrontPage 2003) упрощает работу с изображениями из других приложений. Например, FrontPage 2003 поддерживает написание сценариев для Flash-объектов, а для включения в Web-узел объекта MacromediaFlash достаточно всего лишь перетащить его в рабочую область FrontPage.
FrontPage удачно сочетает возможности использования визуального конструктора и средства редактирования кода. В новой версии программы появилось разделенное окно (режим Split), которое состоит из двух областей — «Конструктор» (Design) и «Код» (Code). В окне Design ведется разработка в режиме WYSIWYG, а в окне Code идет автоматическое обновление кода при внесении изменений в макет.
Функция интеллектуального поиска и замены осуществляет поиск и замену атрибутов или тэгов на заданных страницах. При этом можно указывать сложные правила поиска и замены, что позволяет быстро выполнять обновления Web-узла. FrontPage предоставляет возможность оптимизации HTML-кода, написанного в других приложениях за счет удаления избыточных тэгов, пробелов и т.п.
Технология MicrosoftIntelliSense позволяет уменьшить вероятность ошибок при написании программного кода благодаря автоматическому завершению операторов и показу параметров, доступных для набираемого кода.
CuteSite Builder 4.0
Разработчик: globalscape, Сайт программы:
WWW.globalscape.com
CuteSiteBuilder — хорошая программа для начинающих пользователей. Она позволяет легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых темплейтов. Пользователь может добавить свой контент и опубликовать сайт одним щелчком мыши, при обновлении сайта идет загрузка только модифицированных страниц. Функция CustomFormWizardFields позволяет сформировать до 12 полей в формах обратной связи. Автоматически генерируемые формы удобно использовать для получения информации от посетителей вашего сайта. Функция визуального редактирования (WYSIWYGEditing) обеспечивает просмотр текстового форматирования и картинок в том виде, в каком они отображаются на сайте. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция PhotoSequenceWizard предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции SiteMap графически отображается структура Web-сайта.
NamoWebEditor 5.5
Разработчик:NAMO, Сайт программы:
WWW.namo.com
С NamoWebEditor, Вы сможете создать и разработать Ваш сайт практически без знания HTML программирования, используя Namo как обычный текстовый процессор. Все что Вам нужно, так это набрать текст, поместить Вашу графику и все. Таблицы и кадры создаются очень легко, Вы сможете изменять их размеры обычным щелчком мыши. «Продвинутые» пользователи могут использовать в своей работе и встроенный редактор HTML кода. Редактор поддерживает цветную разметку тегов. Namo позволяет добавлять на Ваши страницы Java скрипты, VB скрипты и Java апплеты. Поддерживает DHTML и CSS стили.
NamoWebEditor 5.5 предоставляет удобные инструменты разработки; имеется как редактор кода, так и визуальный редактор, работа в котором практически не отличается от работы в MicrosoftWord.
Программа содержит средства управления сайтом, интегрированную графику — многочисленные клипарты и заготовки страниц. В версии NamoWebEditor 5.5 появилась новая функция — WebCanvas 1.0, представляющая собой мощное и удобное средство для работы с векторной графикой.