- •Часть 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.Основные термины Интернет
5.2.Программы, используемые в web-мастеринге
Для того чтобы Web-мастер чувствовал себя максимально комфортно при разработке нового проекта, помимо рабочего места и персонального компьютера ему необходим определенный набор программного обеспечения, базовый инструментарий, без которого создателю Web-сайта просто не обойтись. Начинающему Web-мастеру порой бывает трудно сориентироваться не только во всем многообразии наименований существующих программ, но даже в списке минимально необходимых для работы приложений. Можно что-либо забыть, упустить или даже просто не знать о том, что впоследствии вам понадобится какая-то программа или утилита.
Для изготовления профессиональных страничек придется изучить несколько программ:
Программа обработки растровой графики
- одна из важнейших программ. При помощи этой программы вы сможете создавать те эффекты, которые Вы видите в Интернет, рекламах и т.д. Желательно уметь для этого класса программ:
сканировать фотографии;
корректировать отсканированные и готовые фотографии, в том числе - тоновая и цветовая коррекция;
ретушировать фотографии;
кадрировать;
понимать различие в форматах графических файлов;
грамотно использовать фильтры;
работать со слоями.
В качестве конкретных программ можно привести следующие:
Adobe PhotoShop - данная программа является лидером в области графических программ такого рода, но она требует и соответствующих ресурсов от Вашего компьютера.
Paint Shop Pro - лучшая shareWare-программа, которая, к тому же, поддерживает фильтры от Adobe PhotoShop и очень быстро работает с объемными (>20M) фотографиями. Может импортировать и экспортировать изображения в 40-50 разных форматов.
Программа обработки векторной графики
- еще одна из важных для дизайнера программ. Позволяет создавать с нуля или с использованием клипарта различные логотипы, кнопки, эффектные надписи и т.п. вещи. Принципы векторных редакторов сильно отличаются от растровых, поэтому осваивать их придется отдельно. Вам потребуются следующие навыки:
работать с графическими объектами;
умение работать с кривыми и узлами кривых;
умение работать с направляющими и сеткой;
разбираться в цветовых моделях (RGB, CMYK, HSB);
работать с текстом - умение разместить его на любой кривой;
грамотно использовать градиенты и заливки (включая фрактальные);
грамотно использовать эффекты.
Типичными представителями данного класса являются Corel DRAWи Adobe Illustrator. Можно порекомендовать программу Corel Xara. Данная программа разработана фирмой XARA и в отличие от двух предыдущих, очень быстрая и маленькая, но некоторые эффекты и команды, доступные в других программах, в ней сделать или трудно, или вообще невозможно.
Программы просмотра Web-страниц - браузеры
В настоящее время имеется несколько браузеров. Это Microsoft Интернет Explorer, Opera, Firefox, Avantидругие. Желательно иметь на компьютере все браузеры. Хорошая Web-страничка должна одинаково выглядеть в любом из этих браузеров.
Простой текстовый редактор
Понадобится для ручного исправления и добавления HTML-кода, т.к. существующие визуальные редакторы не могут полностью контролировать процесс создания Web-странички. В качестве примера подойдет обычный «Блокнот» из стандартной поставки WindoWs или один HTML-редакторов, которые имеют встроенные команды на проверку правильности тэгов и структуры документов.
Визуальные редакторы
Эти редакторы позволяют быстро разрабатывать несложные Web-странички и корректировать уже написанные, но с ними нужно быть осторожными, т.к., благодаря именно им, Ваша страничка может плохо глядеться в другом браузере.
Текстовый процессор
Полезен для набора текста, возможностью проверки орфографии и исправления ошибок в распознанных текстах. Как пример - обычный «Microsoft Word».
Программы распознавания текста
Эти программы помогут сэкономить массу времени, избавляя от ручного набора напечатанных текстов. Программы по распознаванию русского языка - это CuneiForm и FineReader.
Некоторые специальные программы
Эти программы позволят выполнить некоторые эффекты и справиться с такими задачами, которые другими способами трудновыполнимы или не выполнимы вообще. Ниже перечислены некоторые из этих программ:
Ulead GIF Animator - программа, позволяющая Вам создавать анимированные GIF-рисунки. Обеспечивает полный контроль над выходным файлом. Обладает очень мощными средствами оптимизации.
Фильтры для Adobe PhotoShop - они способны существенно повысить работоспособность и двумя-тремя нажатиями создать впечатляющие эффекты.
Macromedia Flash - практически стандарт для использования в WEB векторных изображений. Обладает собственной средой разработки и позволяет создавать впечатляющую векторную анимацию.
Программы для создания VRML-миров или 3D-программы, позволяющие экспортировать в данный формат. В качестве примера - Интернет3D Space Builder.
Программы для обработки звука. Это программы вообще отдельного класса, но для простой обработки звука, например, подойдет CoolEdit.
Пожалуй, это более-менее полный список программ для создания Web-страничек. Не все из них, конечно, нужно сразу же иметь, чтобы начать писать свои странички. Для начала достаточно какого-нибудь браузера и визуального редактора, а уже по мере накопления опыта освоите и другие программы.
Перекодировщик кириллицы, программы ConvHTML и SNKDECode.
Оптимизатор HTML UtilMind HTML Compressor.
Оптимизатор растровых изображений GIF, программа Gif-Clean.
Оптимизатор растровых изображений JPEG, программа JPEGCleaner.
Редактор GIF-анимации, программа Ulead GifAnimator.
Фрагментатор графики, программа PictureDiser.
FTP-клиент, программа CuteFTP.