последовательной. Она представляет собой серию последовательно связанных документов, использующих только ссылки вперед (дальше) и назад. Применяется она очень редко и подходит в основном для простых презентаций и определенных видов учебников. Использовать ее имеет смысл, когда ваш посетитель может пройти по ней до конца за достаточно короткий промежуток времени.

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

Комбинированная структура.

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

На верхнем уровне организуется плоская структура документов. В нее входит домашняя страница, а также, в зависимости от направленности узла, группа вспомогательных документов и/или индексы разделов.

Очень часто все они полностью или частично взаимосвязаны друг с другом. Из этих разделов или же прямо из домашней страницы вырастают документы древовидных структур. «Листьями» этих «деревьев» могут быть отдельные документы, плоские или линейные структуры.

Самое очевидное решение при разработке школьного сайта – это создание системы ссылок, которая бы соответствовала организационной структуре: школа -» кафедры -» классы -> персональные страницы учителей и учащихся. Однако такое решение имеет недостаток: чтобы найти персональную страницу человека, надо знать, на какой кафедре он работает, в каком классе учится, а посетитель сайта слабо ориентируется в организационной структуре школы. Кроме того, разные кафедры и классы будут представлены совершенно неадекватно своему положению в школе:

страница класса, например, содержит только список учащихся, в то время как страница кафедры - большой и весьма популярный набор Web-публикаций. Поэтому в дополнение к «списку по ранжиру» целесообразно добавить параллельный ему алфавитный список с соответствующими ссылками.

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

ПРИНЦИПЫ ПОСТРОЕНИЯ СИСТЕМЫ НАВИГАЦИИ

помогут ему путешествовать в пределах одного раздела или группы документов.

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

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

Одним из основных элементов навигации является домашняя страница Web-узла. Это та страница сайта, которая показывается при запросе корня сервера - слэша. Существует 'два основных вида домашних страниц: презентационная и информационная.

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

Информационная страница, наоборот, создается с использованием минимума графики и содержит большое количество информации. Многие известные Web-узлы не стесняются «раздувать» ее до 3-х и более экранов.

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

Независимо от вида домашней страницы существует несколько основных правил ее организации:

0 самая актуальная информация по возможности должна быть видна в первом экране;

1 элементы навигации (меню) должны быть очевидны и заметны, так как посетителю, зашедшему на сайт в первый раз, незнаком ваш стиль;

2 желательно, чтобы элементы навигации помещались в один экран;

3 домашняя страница должна пояснять, чему посвящен этот узел, или же как-то привлекать внимание посетителя;

4 не делайте страницу полностью графической - всегда найдется причина в будущем добавить туда текст: экстренное сообщение, новости и т.

п.;

5 следите за ее размером, так как терпение посетителя не бесконечно.

В настоящее время оптимален размер в 40-50 Kb. Если требуется разместить больше информации, предупредите об этом посетителя.

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

6 большинство внутренних страниц имеет верхнее или левое боковое меню, поэтому зачастую только на первой странице есть возможность самовыразиться;

7 не бойтесь нестандартных решений, проявите неординарность.

ПОДГОТОВКА КОНТЕНТА

Кроме тщательного подбора информации на сайте, основным процессом данного этапа является подготовка текстов, так как публикация текстов в Интернет имеет свою специфику.

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

Для Web-страничек более логичен способ структурированного представления: в основной статье излагаются общие вопросы, а более подробное их освещение выносится на отдельные странички, переход к которым осуществляется по ссылкам. Ссылка может стоять как в конце странички и служить указателем перехода на следующую (это аналогично линейному просмотру информации), так и непосредственно внутри текста, указывая посетителю способ подробного знакомства с данной темой.

В чем преимущество такого способа представления информации?

Посетитель получает возможность читать лишь то, что ему нужно.

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

Второе преимущество является следствием первого: небольшие странички очень быстро грузятся, что немаловажно.

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

ДИЗАЙН САЙТА

Дизайн Web-страниц предполагает использование графики. Именно ей мы обязаны появлением самых разнообразных по виду сайтов. При оформлении Web-страниц применяется два основных формата графических файлов - GIF и JPG.

Формат GIF обладает следующими свойствами:

1. поддерживает не более 256 цветов (так называемая Web-палитра);

2. использует палитру цветов;

3. использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно,GIF-файлы практически не сжимаются);

4. является потоковым форматом, т. е. показ картинки начинается во время перекачки;

5. позволяет назначить одному из цветов в палитре атрибут «прозрачный», что применяется при создании так называемых прозрачных GIFos;

6. сохраняет в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFoe;

7. поддерживает возможность помещения в файл управляющих блоков, которые позволяют вставлять комментарии в файл, осуществлять задержку между показами изображений и т. д.

Как было сказано выше, GIF поддерживает не больше 256 цветов.

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

Формат JPG имеет следующие особенности:

1. • позволяет сохранять полноцветные изображения с количеством цветов 16,7 млн., причем если в рисунке меньше цветов, то он перед сохранением файла все равно преобразуется в полноцветное изображение;

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

3. поддерживает прогрессивную развертку, т. е. изображение появляется вначале с плохим качеством, а в процессе загрузки качество постепенно улучшается.

Пожалуй, это все преимущества формата JPG, и основное его предназначение - хранение изображений фотографического качества.

Однако активное применение графики еще не гарантия хорошего сайта. Есть полезные сайты с минимумом графики - и масса бесполезных, забитых мегабайтными картинками.

Для Web-сайта, как, впрочем, и для других дизайнерских проектов, очень важен стиль, придающий сайту собственное лицо и узнаваемость. У стильного Web-сайта каждая страничка публикации имеет ярко выраженную черту принадлежности ко всему сайту; на нем легко ориентироваться, а поиск информации не сопряжен с опасностью заблудиться и потерять время.

Можно выделить следующие элементы, участвующие в создании стиля:

шрифт - в пределах публикации он должен иметь одинаковые характеристики (начертание, высоту, цвет);

абзац - желательно, чтобы преобладал какой-нибудь один из видов выравнивания текста на страничке;

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

Цвета ссылок выбирают таким образом, чтобы они были заметны и в то же время не мешали читать основной текст;

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

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

Очень важно, чтобы выбранная вами схема оформления не менялась в пределах публикации.

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

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

Результатом этого этапа должен быть окончательный эскиз Webстранички.

ЗАГРУЗКА САЙТА НА WEB-СЕРВЕР

Кроме того, для полноценной работы необходима раскрутка Webсайта, которая включает в себя не только его регистрацию во всех возможных поисковых системах, но и размещение информации в СМИ, а также упоминание о вашем сайте на визитках, рекламках, в газетных и журнальных статьях и т. д. Для этих же целей на Web-сайте обязательно должен быть упомянут E-mail и/или номер телефона.

При подготовке пособия использовались материалы следующих Web серверов: Института новых технологий образования http://www.school.edu.ru/int/; «Московский образовательный Интернет» http://textbook.keldysh.ru/linking/; «Сервер Информационных технологий» - http://www.citforum.ru/: «Российский клуб вебмастеров» http://www.webclub.ru/ Создание веб страниц в Microsoft word

ВВЕДЕНИЕ

Среди множеств возможностей сети Internet, таких как E-mail, ICQ и других, все же основное представлено в виде web-страниц, которые просматриваются с помощью браузеров - специальных программ для просмотра web-страниц, - таких как Microsoft Internet Explorer, Netscape Navigator, Opera и др..

Web-страница - это своеобразная газета или журнал в электронном виде. Она изображается на экране монитора пользователя и может в себе содержать различные типы информации - текст, графику, анимации, а также ссылки на некоторые ресурсы - аудио- и видео- запись, представленную в специальном электронном формате.

Web-страницы в интернете можно использовать просто для получения информации, а можно и создать свою, чтобы передать какую-то информацию другим пользователям сети.

Язык web - "HTML", с дополнением других языков - таких как Java, CGI, Perl и т.д. Однако сейчас, чтобы создать простенькую, "без особых наворотов", web-страницу с некоторой информацией, не обязательно знать эти языки. Существует большое количество программного обеспечения для их создания, наиболее распространенные из них: Microsoft FrontPage, Symantec VisualPage, Macromedia Dreamweaver.

Однако мало кто знает, что web-страницу можно создавать и в Microsoft Word (97, 2000). Microsoft Word - пожалуй самый универсальный процессор, который уже и текстовым будет назвать не совсем уместно.

Microsoft Word предоставляет инструменты для создания webстраниц, которые можно опубликовать в локальной сети Intranet какойлибо организации или в глобальной сети Internet. Также можно использовать Microsoft Word для преобразования документов Microsoft Word в web-страницы (html-документы) и наоборот.

При создании web-страниц в Microsoft Word можно использовать много знакомых средств программы Microsoft Word, такие как проверка орфографии и грамматики, автотекст и таблицы. Некоторые команды, например бегущая строка в меню Вставка, добавляются только при создании web-страниц. Некоторые функции, используемые при создании документов Microsoft Word остались недоступными или были изменены для создания web-страниц.

Работа с Web-документом в Microsoft Word В Microsoft Word web-страницу можно создать двум способами:

самостоятельно (путем добавления фона, рисунков текста и пр.) или с помощью специального мастера Microsoft Word.

Даже самостоятельно в Microsoft Word страничку будет создать очень просто, не говоря уже о создании ч помощью web-мастера. Нужно будет всего лишь выбрать из списка стиль и тип страницы, более подходящие для данной страницы. Всего лишь за два шага будет готов формат страницы, останется только вставить рисунки и текст.

Web-мастер Web-мастер, как и другие мастера, предоставит Вам возможность шаг за шагом провести процесс создания и форматирования web-страницы.

Для создания странички при помощи web-мастера нужно:

Выбрать команду "Создать" в меню "Файл" и перейти на вкладку "webстраницы" в окне диалога.

Щелкнуть дважды левой кнопкой мыши на пиктограмме "Мастер webстраниц".

Выбрав "web-страницы", кликнуть "Далее".

Самостоятельная разработка web-страницы Для создания web-страницы с нуля:

Выбрать команду "Создать" в меню "Файл" и перейти на вкладку "webстраницы" в окне диалога.

Щелкнуть дважды левой кнопкой мыши на пиктограмме "Новая webстраница".

Поместить в документ текст, рисунки и пр., воспользовавшись всеми доступными средствами Microsoft Word.

Большинство инструментов Word доступны и при создании webстраниц, что делает создание web-страницы еще проще. Лишь некоторые функции были изменены или оказались недоступны. Об этом описывается в таблице.

В web-документе основной текст имеет один цвет, гиперссылки другой, а использованные гиперссылки - третий. Это предусматривается как из эстетических соображений, так и для того, чтобы пользователь сразу мог отличить гиперссылку от обыкновенного текста и легко найти ее. По умолчанию Microsoft Word определяет для текста цвет черный, для гиперссылок - синий, а для использованных гиперссылок - фиолетовый.

Чтобы изменить цвета нужно выбрать команду Цвет текста в меню Формат, а затем в окне диалога установить необходимые значения параметров.

Этим действием задается собственный текст-стиль для странички, однако следует помнить о том, как цвет гиперссылок или текста будет контрастировать с цветом фона. (Подробнее: Гармония цвета).

При этом действии Microsoft Word прописывает в теге в источнике HTML установки для цвета теста, ссылок и просмотренных ссылок.

Название документа Название - это совсем не то, что заголовок, который помещается в верхней части web-документа, и не имя файла. Название HTML-документа выводится в заголовке браузера, в котором он просматривается.

Это очень важно, так как представляет удобство для пользователя.

Кроме верхней части браузера название отображается и на Панели задач.

Название будет показывать, какой сайт загружен в данном окне и пользователю будет легко ориентироваться среди многих запущенных приложений, отображаемых на Панели задач.

Чтобы присвоить web-документу название нужно выбрать команду Свойства из меню Файл и набрать название в строке ввода окна диалога.

Там же можно обозначить кодировку для web-страницы. Если web-страница содержит русский текст, то обязательно нужно выбрать "Кирилицу".

Здесь Microsoft Word вставляет тегу вместе с вашим названием в источник HTML. Например:

Работа с web-документом Горизонтальная линия В web-страницах в качестве разделителя разделов используется горизонтальная линия. Она как никогда кстати подходит для разделения абзацев или показания начала и конца страницы. При создании webстраниц в Microsoft Word есть возможность выбора среди горизонтальных линий с разнообразными узорами.

Чтобы поместить ее в страницу, нужно выбрать команду Горизонтальная линия из меню Вставка, из списка в окне диалога выбрать стиль линии или кликнуть на кнопке Другая, чтобы вставить свой рисунок в качестве разделительной линии.

При вставлении подобных линий Microsoft Word просто вставляет рисунки… а точнее копирует рисунок в web-папку, а в источнике HTML прописывает путь к нему.

Создание нумерованных и маркированных списков Так же, как и при создании обыкновенных документов Microsoft Word, при создании web-документов можно использовать технику создания нумерованных и маркированных списков. Выбрав команду Список из меню Формат, можно увидеть на экране окно диалога, в котором можно выбрать символ маркера элемента списка.

В отличии от документов Word, в web-страницах при создании маркированного списка, Word вставляет рисунки в качестве маркеров.

При помощи таблицы информацию на web-странице можно расположить оптимально компактно. Построить таблицу можно теми же способами, как и при построении документа Microsoft Word.

Остаются практически неизменными все функции с ячейками таблиц в Microsoft Word. Можно добавлять, удалять столбцы и строки, объединять и разделять ячейки. Выравнивать ячейки по высоте и ширине. Однако функции с границами подверглись изменению. Можно либо отображать все границы таблицы, либо не отображать ни одной.

В HTML границы таблицы пропиываются так: "border =0" или "border =1". "Border" - это границы таблицы, а числовое значение это их толщина.

Для того, чтобы под текстом не был простой белый лист при создании web-страниц применяют фон, который придает живность webстранице.

Чтобы добавить фон определенной структуры, нужно выбрать команду Фон в меню Формат и укажите подходящий цвет. Чтобы добавить фон определенной текстуры, нужно выбрать команду Фон в меню Формат, щелкнуть мышью на Способы заливки и выбрать нужный образец.

Дополнительные эффекты можно найти в окне диалога выбора текстуры, которое открывается кнопкой Другая текстура.

Очень важно, чтобы фон не имел никаких аффектов, не "резал глаза" и хорошо сочетался с цветом и стилем текста и пр. (О сочетании цветов:

Гармония цвета) Стили в web-документах Накладывать стили на текст в web-документах можно точно также, как и при редактировании обычных документов Microsoft Word: выбрав стиль из списка в левом углу окна Microsoft Word или воспользовавшись окном диалога выбора стиля. Кроме обычных стилей Microsoft Word предоставляет специальные стили HTML-документов.

На страницу можно добавить графический объект из библиотеки клипов или вставить свои рисунки JPEG или GIF. Сделать это можно таким же образом, как и при работе с обыкновенными документами Microsoft Word: в меню Вставка, Рисунок.

Следует обратить внимание на ту между работой в Microsoft Word с текстовыми документами и HTML-документами. Дело в том, что в текстовых документах Word рисунки конвертируются в этот документ и содержаться в самом файле *.doc. А HTML-файл не может содержать рисунков, могут лишь прописываться пути рисунка. Чтобы облегчить работу создателя web-страницы, Microsoft Word при обычном вставлении рисунка в web-документ автоматически копирует файл этого рисунка в ту же папку, в которой находиться web-документ и в источнике HTML прописывает путь к нему.

Гиперссылки Гиперссылки преsдназначены для перехода к другому разделу или другой странице, для доступа к звуковому файлу или файлу с видео. При наборе адреса электронной почты или web-ресурса Microsoft Word автоматически преобразует его в гиперссылку.

Создать гиперссылку просто: в меню Вставка - Гиперссылка. Или выделить объект, которому следует присвоить гиперссылку и кликнуть по нему правой кнопкой мыши, а затем в контекстном меню кликнуть Гиперссылка.

Сохранение web-страницы Выбрать команду "Сохранить как" в меню Файл При помощи списка Папка определить местонахождение Ввести имя в строке ввода Имя файла (без расширения) Если нужно, выбрать расширение, а затем нажать Сохранить При создании web-страницы очень важно подбирать цвета текста и фона, текстуры и рисунки так, чтобы они хорошо смотрелись сами по себе и нормально сочетались в совокупности. Страницу просто никто не будет смотреть, если из-за плохого подбора цветов пользователю будет резать глаза.

Дополнительные возможности Преобразование документа Word в HTML-документ Сохранение webстраницы в формате Microsoft Word Предварительный просмотр webстраницы Преобразование документа Microsoft Word в формат HTML Преобразовать документ Microsoft Word в формат HTML очень просто: выбрать команду Сохранить в формате HTML или Сохранить как web-страницу в меню Файл, указать имя файла и папку, в которой он будет храниться.

Однако прежде чем опубликовывать в сети web-страницу, преобразованную из документа Microsoft Word, нужно просмотреть ее в браузере, т.к. некоторые функции Microsoft Word могут быть недоступны в HTML.

Сохранение web-страницы в формате Microsoft Word Чтобы преобразовать web-страницу в формат Microsoft Word, нужно выбрать команду Сохранить как документ Word из меню Файл и затем производить те же действия, что и при обыкновенном сохранении документа.

Предварительный просмотр Команда Предварительный просмотр используется для того, чтобы посмотреть, как созданная страничка будет выглядеть в браузере. Эта команда автоматически запускает браузер, стоящий по умолчанию и открывает текущий документ. Для просмотра web-страницы выберите команду Просмотр web-страницы в меню Файл.

ГАРМОНИЯ ЦВЕТА

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

Родственно-контрастные цвета располагаются в двух соседних четвертях цветового круга и имеют один общий (главный) цвет, два других составляющих цвета - взаимодополняющие. Существуют четыре группы родственно-контрастных цветов - желто-красные и красно-синие, красносиние и сине-зеленые, сине-зеленые и зелено-желтые, зелено-желтые и желто-красные. Эти сочетания достаточно активны.

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

Основной фактор цветовой гармонии - равновесие цветовых тонов.

Сочетать можно любые цвета по принципу контраста, родственного контраста или родства цветов. Два родственных цвета могут быть уравновешены равным количеством присутствующего в них одного из главных цветов, т.е. в одинаковой мере могут быть желтоваты, зеленоваты и т.д. Гармонизация родственных цветов возможна при условии ослабления насыщенности главных или других цветов либо уменьшения их активности путем затемнения. Например, чтобы родственные цвета (чисто желтый и желто-красный) стали гармоничными, необходимо ослабить насыщенность желтого смесью белого в таком количестве, сколько в желто-красном красного цвета. Гармоничные сочетания родственных цветов неактивны, спокойны, мягки, особенно если цвета слабо насыщены и сближены по светлоте.

Гармоничные контрастные цвета расположены на концах диаметров цветового круга. Однако не все контрастные цвета гармоничны. Случаи трехцветной гармонии. К двум гармоничным родственно-контрастным цветам может быть прибавлен третий - главный цвет, их роднящий, ослабленной насыщенности. Цвета окажутся попарно родственноконтрастными и попарно дополнительными. Такие сочетания высокогармоничны и колористически богаты. К двум гармоничным родственным цветам может быть добавлен один контрастный. Так, гармония образуется, если родственные зеленовато-желтый и лиственно-зеленый цвета дополнить красно-синим цветом, т.е. дополнительным промежуточному двух первых.

В дополнение к отмеченным цветовым сочетаниям существует множество монохромных сочетаний. Монохромные это те цвета, которые имеют одно название, но разную светлоту и насыщенность.

Эффектно воспринимаются серый в сочетании с черным и белым.

При построении композиции на сочетании хроматических цветов с черным, белым и реже серым есть свои особенности. Черный цвет оказывает на хроматические, особенно средние по светлоте и высоконасыщенные красные и зеленые цвета, сильное воздействие: эти цвета светлеют, насыщенность их возрастает, они как бы светятся. С увеличением площади черного цвета в композиции отчетливее проявляется этот эффект: белый цвет, особенно белые обводки хроматических цветов, сообщают композиции своеобразный колорит;

цвета становятся воздушными, пастельными.

Контрастные цвета от сочетания друг с другом становятся ярче, заметнее один на другом. Один и тот же красный цвет на зеленом фоне смотрится ярко и четко, на оранжевом приглушенно.

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

На светлом фоне все цвета темнеют, на темном светлеют. Истинная светлота цвета может наблюдаться только на нейтральном фоне средней светлоты. В зависимости от фона ахроматические цвета приобретают кажущуюся цветность. Так, серое пятно на зеленом фоне приобретает розовый оттенок. Хроматические цвета в окружении цветов высокой насыщенности несколько меняют цветовой тон, например, желтый цвет на зеленом фоне становиться слегка оранжевым, а красный в окружении зеленого - более насыщенным. Например, красная точка на разных фонах.

Качество красной точки одно, а зрительное восприятие разное.

Чем больше цвета отличаются один от другого по светлоте, насыщенности и цветовому тону, тем менее они гармонируют друг с другом.

Существует понятие краевого контраста т.е. равномерно окрашенная поверхность кажется у края светлее или темнее если она граничит с более темной или светлой поверхностью.

Недоступные или измененные функции при создании web-страниц в Microsoft Word Выделение цветом Недоступна Размеры шрифта Изменена Эффекты шрифтов (полужирный, курсив, подчеркнутый) Эффекты анимации текста Другие эффекты (приподнятый, с тенью, малые прописные и т.п.) Табуляция Недоступна web-браузерами как пробелы. Для Линейка разметки Изменена Формулы, Изменена использовать эту графику в webдругие OLEстраницах, но уже нельзя исправить объекты прямоугольники и тени Колонтитулы Недоступна Перекрестные ссылки Форматирование абзацев Нумерация страницы Как правило, web-сайты содержат множество web-страниц, в которых, в свою очередь, содержиться множество рисунков. Все это образует множество файлов, из которых и состоит web-сайт. Каждый web-сайт имеет свою главную страничку, homepage, которая по идее создателя сайта должна загружаться самой первой и в которой должны быть указаны все пути к ресурсам сайта (гиперссылки).

При покупке домена и жесткого пространства на сервере, предоставляющим услуги хостинга, создатель сайта оговаривает с администратором сервера, какая страничка будет стартовой. Однако у серверов, предоставляющих бесплатные услуги хостинга существуют некоторые правила, которым приходится подчиняться создателю сайта, если он не хочет платить за домен и дисковое пространство сервера, на котором будет располагаться его сайт.

Как правило, HTML-файл стартовой странички должен называться index.html - именно такое имя прописано для первой страничке на большинстве серверов бесплатного хостинга для всех клиентов. Этот файл, как и все остальные файлы и папке должны лежать в одном каталоге пользователя на сервере хостинга. Это, в принципе, единственное правило, касающееся web-папок, которое устанавливает сервер хостинга. Остальные HTML-файлы могут иметь любое имя. Главное, чтобы пути к файлу соответствовали существующему HTML-документу.

Но для удобства управления обычно используется определенная схема хранения файлов сайта на web-серверах. Сущность ее заключается в том, что все файлы.html (*.htm, *.shtml, *.shtm, *.sht, *.xml, *.css, *.asd и пр.) содержались в корневом каталоге сайта на сервере хостинга - это обязательно, так как в противном случае не будут работать ссылки на HTML-файлы, которые прописаны в web-документах.

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

Например, если картинки принадлежат документу index.html, то обычно в корневом каталоге сайта создается папка "INDEX.FILES" или "INDEX", куда помещаются все рисунки, расположенные в документе undex.html. Но при этом нужно учесть, что путь рисунка в источнике HTML должен выглядеть так: "INDEX.FILES/01.gif" или "INDEX/photo24.jpg".

В сфере создания редакторов HTML-страниц работают крупнейшие компании – разработчики программного обеспечения. Выбор редактора – дело персональное. Я остановлюсь на наиболее популярных из них.

Macromedia Dreamweaver. Писать о Macromedia Dreamweaver беспристрастно довольно сложно, так как именно четвертая версия данного HTML-редактора используется автором для тех случаев, когда необходимо создать Web-страницу. На сегодняшний день Macromedia Dreamweaver является одним из главных конкурентов FrontPage 2000. Как и все продукты подобного типа, Dreamweaver (http://www.macromedia.com) состоит из двух основных программ – менеджер сайта и редактор страниц. Менеджер сайта, запускаемый по умолчанию, работает в двух режимах – Site Map и Site Files. Если первый вариант показывает пользователю привычное дерево сайта, с которым можно производить различные операции, такие, как добавление страниц, переименование страниц и т. д., то Site Files отображает дерево файлов и данные с FTP-сервера, т. е., по сути, является встроенным FTP-клиентом. Главная особенность данного пакета – он генерирует "чистый" код, не добавляя ничего своего, кроме мета-тега с упоминанием версии используемого ПО. В программе также доступен инструмент Clean Up HTML, который позволяет убрать излишние теги.

Macromedia Dreamweaver можно назвать полупрофессиональным инструментом в том смысле, что использовать его могут как новички, так и пользователи, обладающие хорошим знанием языка HTML. Данный продукт также является идеальным для тех, кто не считает себя докой в дизайне, поскольку есть возможность заказать специалисту шаблон документа в формате DWT (по сути, унифицированный HTML-документ). В шаблоне можно отразить основные свойства страниц сайта, как-то: фон, кнопки, заголовки, мета-теги и т. п. Затем пользователь, желающий дополнить сайт содержанием, просто должен будет создать документ HTML, используя "заготовку". Деление участков страницы на редактируемые и не подлежащие изменению удобно с той точки зрения, что в таких условиях нанести ущерб странице довольно трудно.

Allaire Homesite 4.5. Homesite (http://www.allaire.com)предоставляет возможность создавать страницы, одновременно работая с кодом и не упуская из виду конечную версию обрабатываемого HTML-файла. Первое и безусловное удобство – это наличие трех режимов: редактирования, просмотра и дизайна. Поддерживается опция Extended Replace, предусматривающая замену текста или тегов HTML в нескольких файлах или во всей директории. В то же время негативную оценку получила работа Homesite с русским языком. С момента выхода версии 4.5 в Allaire Homesite появились некоторые новые функции, незнакомые пользователям предыдущих версий. Например, редактор CSS, с его помощью страницу можно построить на основе Cascading Style Sheets. В целом от работы с Homesite остаются позитивные впечатления, и для сведущего Webдизайнера Homesite станет незаменимым помощником, к использованию которого будет легко привыкнуть.

1st Page 2000. В момент инсталляции и запуска программы уже можно обнаружить две отличительные черты 1st Page (http://ww.ewrsoft.com): во-первых, размер дистрибутива – заархивированный в формат ZIP, он составляет около 5 MB. Вторую приятную особенность продукта Evrsoft пользователи ощутят, потянувшись курсором к стартовому меню, – программа загружается в трех доступных режимах: Easy, Expert и Hardcore. Четвертый режим – Normal – определяет запускаемый по умолчанию вариант, и в процессе работы с программой можно выбрать, какой из трех режимов является оптимальным для вас. В меню Tools любознательный пользователь обнаружит весьма интересную утилиту HTML Source Compressor, которая после окончания работы над страницей может существенно уменьшить ее размер путем удаления избыточных тегов. После того как вы почувствуете, что начальный режим работы вами вполне освоен, и захотите перейти к азам HTML, тут на помощь приходит режим Expert. При переключении в экспертный вариант из интерфейса уходит панель инструментов с крупными картинками, вместо нее появляется рабочая панель, определяющая теги HTML или ASP (Active Server Pages). Hardcore mode программы предоставляет дизайнеру наибольшие возможности, включая и работу непосредственно с кодом. К числу преимуществ Hardcore-версии относится также и библиотека скриптов, среди которых такие незаменимые, как счетчики и почтовые формы.

Adobe GoLive. Продукт одного из лидеров рынка издательских систем (http://www.adobe.com) удобен для тех, кто привык работать с программными пакетами соответствующего производителя. Работавшим с Photoshop или PhotoDeluxe знакомыми покажутся плавающие панели инструментов и настраиваемый интерфейс. Интерфейс программы дает пользователю возможность проследить за созданием страницы в нескольких режимах – Layout (собственно страница), Frames (документ с фреймами), Source (исходный код HTML), Outline (довольно интересный режим, представляющий код Web-страницы в виде алгоритмической записи, что особенно удобно для программистов) и Preview (просмотр документа). Основным плюсом GoLive 4.0 является интегрированный редактор QuickTime, с помощью которого можно управлять видеофайлами, встроенными в страницу.

Microsoft FrontPage. Для новичка в Web-дизайне трудно придумать более подходящий инструмент, нежели продукт FrontPage 2000, интерфейс которого полностью интегрирован с Microsoft Office (http://www.microsoft.com). Новая версия совмещает в одном пакете бывшие некогда отдельными программами FrontPage Explorer и FrontPage Editor. Поддержка CSS и DHTML порадует и профессиональных дизайнеров, в то же время внедренная поддержка ASP позволит интегрировать в Web-сайт и базу данных Microsoft Access. Есть и возможность просмотра HTML-тегов в режиме WYSIWYG-редактирования.

У пользователей до сих пор популярностью пользуется и предыдущая версия этого пакета: FrontPage 98.

Сервера предоставляющие web пространство для вашего сайта Вы желаете разместить свою страничку в Internet, но не знаете где.

По указанным ниже адресам это можно сделать бесплатно!

Каким бы замечательным ни был ваш сайт, его не помешает зарегистрировать в поисковых системах. Это поможет тем, кто ищет, находить и ваш сайт тоже.

Редакторы векторной графики Corel Draw – www.corel.com Adobe Illustrator – www.adobe.com Macromedia FreeHand – www.macromedia.com Редакторы растровой графики Adobe PhotoShop – www.adobe.com Macromedia Fireworks – www.macromedia.com Corel PhotoPaint – www.corel.com Анимация для Web Macromedia Flash – www.macromedia.com Adobe ImageReady – www.adobe.com Macromedia Fireworks – www.macromedia.com Corel Rave – www.corel.com Button Studio – www.interkodex.com Buttonz & Tilez – www.b-ischo.horizont-is.net Adobe ImageReady – www.adobe.com Macromedia Fireworks – www.macromedia.com Трехмерный анимированный текст Xara 3D – www.xara.com Расширения файлов, встречающихся в Internet php, php3, phtml Web-страницы с включениями Дарнелл Р. JavaScript: справочник. – СПб.:Питер, 2000. – 192с.

Кристиансен Т., Торкингтон Н. Perl: библиотека программиста – СПб.: Питер, 2000. – 736с.

Павлов А. CGI-программирование: учебный курс. – СПб.: Питер, 2001. – 416с.

Ратшиллер Т., Геркен Т. PHP4: Разработка Web-приложений.

Библиотека программиста. – СПб.: Питер, 2001. – 384с.

Сандерс Б. Эффективная работа: Flash 5. – СПб.: Питер, 2001. – 352с.

Хиллер С. Microsoft Visual Basic, Scripting Edition в действии / Перев. с англ. – СПб.: Питер, 1997. – 448с.

http://www.webclub.ru – Всероссийский клуб вебмастеров.

http://www.apache.ru – Официальный сайт Web-сервера Apache/ http://www.phpclub.net – Клуб разработчиков PHP.

http://www.photoshop.ru – О PhotoShop по русски Библиотеки информации по компьютерным технологиям http://www.citforum.ru – CIT Forum.

http://www.rusdoc.ru – Русская документация http://www.submarine.ru – Журнал “Желтая подлодка” http://www.izcity.com/ – Журнал “IZone” Сайты производителей программного обеспечения http://www.macromedia.com/ – Macromedia http://www.microsoft.com/ – MicroSoft http://www.adobe.com/ – Adobe http://www.corel.com/ – Corel http://www.allaire.com – Alaire http://www.evrsoft.com – EvrSoft http://www.softquad.com – SoftQuad http://www.apache.com – Apache http://www.php.net – PHP http://www.activestate.com – Perl http://www.mysql.com – MySql Бесплатное программное обеспечение http://www.freeware.ru http://www.softlist.ru http://www.listsoft.ru http://www.softbox.ru Active Server Pages – Активные Страницы Сервера, обычные страницы, которые содержат скрипты, выполняющиеся на сервере наряду с обычным HTML-кодом (если вы посмотрите на строку адреса в окне браузера, то заметите довольно часто встречающееся расширение.asp).

Bulletin Board System. Тип компьютерного сервиса. Пользователи могут читать и публиковать различные сообщения. Передавать или скачивать файлы.

Закладка. Файл Gopher или WWW. Информация в этом файле размещена так, что получить доступ к желаемой странице можно без дополнительного серфинга.

Программа, предоставляющая возможность навигации по страницам Internet.

Маркер. Элемент оформления текста. Например, маленький круг, квадрат, звездочка.

Common Gateway Interface – Общий шлюзовой Интерфейс, способ взаимодействия Web-программ с браузером пользователя. Под CGIпрограммами понимают программы, написанные на любом языке программирования, способного выполняться на Web-сервере, включая C, C++, Visual Basic или даже командные языки операционных сред (например, C Shell). Но большинство CGI-программ пишется на языке Perl.

Character Set Символы, которые объединены в определенную группу. Например, ASCII.

Любой символ, введенный с клавиатуры в компьютер.

Диаграмма. Рисунок, показывающий взаимодействие тех или иных данных.

Cascade Style Sheet – каскадные таблицы стилей.

Domain Name Server Имя сервера домена. Каждое подразделение Internet имеет два домена. Основной DNS обычно располагается на сетевой машине. DNS сервера используют в своих обращениях к удаленным узлам 32 битные адреса IP, мнемонически заключенные в четырехразрядную буквенную комбинацию. Любой хост может получить соответствующий DNS у ближайшего информационного сервера DNS по известной системе Domain Name Server через сетевой протокол DNS. Просто хост посылает запрос на известный IP адрес DNS сервера свой IP адрес и имя сервера. Сервер DNS штудирует собственную базу данных, находит IP адрес и отправляет на хост соответствующий ответ DNS.Если же сервер DNS не находит искомую буквенную комбинацию, то он отсылает запрос на так называемый корневой сервер, который, в свою очередь, сверяет информацию с файлом настроек root.cache. Так происходит до тех пор, пока имя хоста не будет найдено в Internet.

Подразделение Internet. У каждого домена есть своя метка.

Например, метки.com,.net,.mil,.org означают, что это соответственно домен коммерческой, сетевой, военной и общественной организации.

Download Закачивание файлов с другого компьютера в Internet на собственный винчестер.

Ethernet Один из видов сети с весьма высокой пропускной способностью.

Довольно часто компьютеры, использующие протоколы TCP/IP подсоединяются к Internet через Ethernet.

Шрифт или семейство знаков с индивидуальным стилем.

Freeware Бесплатное программное обеспечение.

File Transfer Protocol. Метод пересылки файлов на ваш компьютер. В Internet имеются тысячи мест, поддерживающих этот метод. Иногда единственная возможность получить файл — это воспользоваться протоколом FTP.

Программа,позволяющая вам присоединиться к серверу FTP.

FTP команды Команды с синтаксисом FTP.

Вы можете получать файлы с серверов FTP по электронной почте, используя услуги, например, сервера http://www.emailfile.com Компьютер, поддерживающий протокол FTP.

Graphic Interchange Format.Один из стандартных графических файлов WWW.

Тот, кто взламывает сети. Хакер может проникнуть практически в любую сеть. Делается это разными способами. Например, через порт терминала или порт электронной почты.

Host (Хост) Главный компьютер сети, сервер.

JavaScript Компания Netscape разработала язык создания сценариев JavaScript, а компания Microsoft — VBScript. Эти языки используются на стороне клиента, то есть генерируют объекты на основании HTML-страницы на стороне клиента в окне его браузера.

Обмен частными текстовыми сообщениями в Internet или в другой компьютерной сети.

Mailing list классифицированных по определенным темам. Своеобразная подписка.

Бегущая строка в документе HTML.

Почти то же, что Multimedia.

Multipurpose Internet Mail Extensions. Протокол передачи звука, графики и других двоичных данных. Применяется при передаче почтовых сообщений.

Moving Pictures Expert Group. Протокол, по которому упаковываются видеозаписи.

Multimedia Звуковое, графическое и видео сопровождение информации Область сообщений в конференциях Usenet.

Сетевой протокол, с помощью которого весь мир пользуется конференциями Usenet.

Автономный режим работы компьютера (без подключения к Internet).

Интерактивный режим работы сетевого компьютера (с подключением к Internet).

Страница.Любой документ World Wide Web.

Perl (Practical Extraction and Report Language) Perl является одним из наиболее гибких языковых средств, служащих для программирования интерфейсов CGI. Изначально Perl предназначался для обработки больших объемов данных и генерации отчетов по обработке этих данных (как явствует из его названия). За последние несколько лет Perl превратился в полнофункциональный язык программирования.

Personal Home Page. PHP часто еще называют препроцессором гипертекста (Hypertext Preprocessor). По сути PHP серверный (выполняющийся на стороне сервера) мультиплатформный язык описания сценариев, встраиваемый непосредственно в HTML-код.

Поле данных удаленного терминала.

Метод,с помощью которого передается информация от хоста к пользователю.

Поставщик услуг Internet.

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

Server Side Include – включения на стороне сервера, технология, позволяющая вносить элемент динамики в статические страницы, не прибегая к CGI-программированию.