ВВЕДЕНИЕ:

Очевидно, что в процессе создания домашней странички, коммерческого или некоммерческого сайта используется один и тот же набор технологий, одинаковые приемы и технические решения. Более того, во всех этих случаях наибольший объем работ по подготовке проекта ложится на плечи web-мастера, или, как еще называют представителей данной профессии, web-дизайнера — специалиста, разрабатывающего все содержимое будущего ресурса Интернета, что называется, «от А и до Я». Теоретическим основам web-дизайна и будет посвящена эта книга, в которой есть полное описание по Web-дизайну. Книга имеет 12 частей.

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

Web-дизайн — это творчество, причем творчество ярко выраженное. Именно в сфере web-дизайна вы можете полностью проявить все свои способности, ведь здесь цензором результатов вашего труда являетесь вы сами и посетители вашей странички. Никто не ограничивает вас ни в объеме, ни в содержании, ни в компоновке разрабатываемого вами ресурса, никто не загоняет вас в какие-либо жесткие рамки. Творите, и рано или поздно созданный вами проект найдет заслуженное признание многомиллионной аудитории пользователей Интернета.

  Зачем это нужно?

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

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

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

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

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

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

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

Что же представляет собой тот «полигон», на котором начинающий web-мастер может испытать собственные силы и способности? Разумеется, это собственная домашняя страничка, ваш первый самостоятельный проект или первый любительский некоммерческий сайт, который вы создадите своими руками.

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

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

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

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

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

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

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

Можно что-либо забыть, упустить или даже просто не знать о том, что впоследствии вам понадобится какая-то программа или утилита. Ниже предложен полный список средств, которыми вы должны располагать перед тем, как возьметесь за разработку своего первого Интернет-проекта. Данные программы рассчитаны на использование под управлением Microsoft Windows 9X/NT/2000/XP. Итак, для полноценной работы web-дизайнеру необходимы:

Среда разработчика документов HTML — так называемый WYSIWYG-peдактор, рекомендуется программа Microsoft FrontPage версии 98 или 2000, либо FrontPage Express.

Редактор векторной графики, рекомендуется CorelDraw Версии 8 или 9.

Редактор растровой графики, рекомендуется Adobe Photoshop версии 4.0или выше.

Броузер Microsoft Internet Explorer версии 4.0 или 5.0.

Броузер Netscape Navigator версии 4.01 или выше.

Перекодировщик кириллицы, рекомендуются программы ConvHTML и SNKDECode.

Оптимизатор HTML, рекомендуется UtilMind HTML Compressor версии 1.5или выше.

Оптимизатор растровых изображений GIF, рекомендуется программа Gif-Clean 32.

Оптимизатор растровых изображений JPEG, рекомендуется программа JPEGCleaner версии 2.1 или выше.

Редактор GIF-анимации, рекомендуется программа Ulead GifAnimator.

Фрагментатор графики, рекомендуется программа PictureDiser.

FTP-клиент, рекомендуется программа CuteFTP.

Более подробно данное программное обеспечение будет рассмотрено в последующих уроках по мере ознакомления с соответствующими тематическими разделами этой книги. Значительная часть этих приложений доступна в Интернете для свободного копирования в виде версий freeware и shareware; их бесплатные реализации представлены на прилагающемся к настоящей книге компакт-диске.

  Основные принципы Web-дизайна

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

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

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

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

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

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

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

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

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

ВНИМАНИЕ. В современном Интернете принято молчаливое соглашение о том, что — профессиональный сайт должен корректно отображаться при экранном разрешении 640x480 точек с цветовой палитрой в 256 цветов.

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

ПРИМЕЧАНИЕ. При отображении html-документа, рассчитанного на просмотр с экранным разрешением 800x600 точек, на компьютере, настроенном на разрешение 640x480 точек, в нижней части главного окна броузера появляется горизонтальная полоса прокрутки, что значительно затрудняет изучение документа и вызывает множество нареканий у пользователей.

СОВЕТ. Для того чтобы web-страница правильно отображалась при использовании экранной палитры в 256 цветов, в случае включения в состав документа графических элементов старайтесь представлять максимально возможное количество графики в формате GIF и лишь самые необходимые изображения — в формате JPEG.

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

Затем щелкните правой кнопкой мыши в любом свободном от ярлыков участке Рабочего стола и, выбрав в появившемся меню пункт Свойства, перейдите на вкладку Настройка диалогового окна Свойства: Экран. Установив соответствующие значения в разделах Цветовая палитра и Область экрана, щелкните мышью на кнопке Применить, после чего согласитесь с изменением параметров экранных настроек без перезагрузки Windows.

СОВЕТ. Рекомендуется проверить корректность отображения содержащейся в html-документе информации при изменении экранных настроек в броузерах как Microsoft Internet Explorer, так и Netscape Navigator.

Следующее правило обусловлено тем, что вам неизвестно программное обеспечение, которое используется вашими потенциальными посетителями для просмотра web-страниц. Речь идет о броузерах. Как уже говорилось, согласно статистике самыми популярными броузерами среди пользователей Интернета являются Microsoft Internet Explorer и Netscape Navigator различных версий,все остальные распространены в значительно меньшей степени. Как известно,Microsoft Internet Explorer и Netscape Navigator используют различные алгоритмы обработки HTML-кода, из-за чего один и тот же элемент в этих двух броузерах может отображаться совершенно по-разному.

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

ВНИМАНИЕ. Web-страница должна идентично отображаться в Microsoft Internet Explorer и Netscape Navigator, причем весьма желательно — в последней и предпоследней версиях данных программ.

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

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

Успехов вам в освоении новых технологий и просторов Сети!

Теперь вперед - с ознакомлением книг!!!

Здесь перечисленны книги, Вы можете теперь и ознакомиться с ними на нашем сайте! Для Вашего удобства - я помещаю эти ссылки на книги - в конце каждой страницы и Вам не нужно будет возвращаться назад, что бы загрузить новую книгу или ту книгу какая Вам понравится. Здесь дано краткое описание, а для каждого названия книги - баннер. Так, что не запутаетесь. Если на книге пока или уже нет ссылки для ознакомления - её всё равно можно скачать или заказать на диске, посмотрите в бесплатных книгах может они перекочевали туда. Видео файлы смотрите в "Подробностях" или в "Разном". Удачи Вам!!!