3 Основных компонента в www:

• Язык гипертекстовой разметки документов HTML (HyperText Mark-Up Language)

• Универсальный/единообразный указатель ресурсов/способ адресации ресурсов в сети URL (Uniform Resource Locator)

• Протокол обмена гипертекстовой информацией HTTP (HyperText Transfer Protocol)

Позже команда NCSA добавила четвертый – универсальный интерфейс шлюзов CGI (Common Gateway Interface). NCSA (National Center for Supercomputing Applications) является пионером в области Web-браузеров

В Интернет используются не просто доменные имена, а универсальные указатели ресурсов URL (Universal Resource Locator) - общая форма представления адреса ресурса в Интернет. URL формируется следующим образом: <имя протокола>://адрес компьютера>{/<путь к документу>}

URL включает в себя:

• метод доступа к ресурсу, т.е. протокол доступа (http, gopher, WAIS, ftp, file, telnet и др.);

• сетевой адрес ресурса (имя хост-машины и домена);

• полный путь к файлу на сервере.

Пример: http://support.vrn.ru/archive/index.html.

http://193.232.127.161/~cstore/index.html

Префикс http:// указывает, что далее следует адрес Web-страницы, /archive описывает каталог с именем archiv на сервере support.vrn.ru, а index.html - имя файла.

Есть более общая система адресов – URI (Uniform Resource Identificator). В нее помимо адресов URL входят еще и адреса URN (Uniform Resource Name)

HTTP (от англ. Hypertext Transfer Protocol — «протокол передачи гипертекста») — один из самых распространённых сетевых протоколов Интернета, основа Всемирной паутины.

HTTP используется для передачи информации в различных форматах, на различных языках и с различным набором символов. Синтаксис HTTP-сообщения основан на стандарте MIME.

HTML (HyperText Markup Language) – это специальный язык, на котором описывается, как должен быть показан документ на экране компьютера. Самым важным элементом HTML-программы (HTML-документа) является ссылка. Ссылка позволяет передавать управление из одного HTML-документа в другой по контексту, т.е. задавать переход в той точке документа, где в этом есть необходимость по смыслу.

Можно сказать, что язык HTML – это язык для программирования гипертекста.

Второй важной особенностью HTML-документа является его независимость от компьютерных платформ (DOS, Windows, UNIX, MacOS), а так же от типа видеовывода конкретного компьютера (CGA, EGA, VGA, SVGA).

Браузеры

Браузер – это специальное приложение-интерпретатор, которое позволяет, выполнять HTML-программу, отображать гипертекстовый документ на экране компьютера. Браузер обеспечивает работу ссылок. Когда пользователь активирует ссылку, текущий документ на экране заменяется тем, на который настроена ссылка.

Наряду с термином «браузер» используют термины-синонимы «обозреватель» и «навигатор»

В настоящий момент имеются два браузера, особенности которых должен учитывать web-дизайнер при изготовлении страничек. Это "Netscape Navigator" и "Microsoft Internet Explorer".

Программы для WEB-дизайнера

http://www.macromedia.com/software/homesite/ - HomeSite 5.5 - очень хороший HTML-редактор. Обладает массой достоинств, среди них: подсветка тэгов, расширенный поиск и замена сразу в нескольких файлах, встроенный редактор стилей, проверка целостности ссылок, поддержка проектов и др.

http://www.ultraedit.com/ - UltraEdit-32 - мощный текстовый редактор для программистов. Удобен для одновременного редактирования нескольких файлов. Обладает некоторыми специфическими и полезными качествами: чтение и запись файлов в формате PC, UNIX, Mac; поиск/замена в группе файлов, подсветка тэгов, поддержка макросов, нумерация строк, неограниченный размер файла и многое-многое другое...

http://www.macromedia.com/software/dreamweaver/ - Macromedia Dreamweaver MX 2004 - самый лучший на сегодняшний день визуальный HTML-редактор. В отличие от остальных визуальных редакторов, создает гораздо более корректный код и очень удобен. Особенно полезен при написании динамического HTML.

http://www.macromedia.com/software/flash/ - Macromedia Flash MX 2004 - векторный редактор и аниматор, который позволяет создавать и встраивать в web-странички эффектные анимационные ролики.

http://www.xara.com/products/xarax/ - Xara X (ранее Corel Xara) - удивительно компактный и одновременно мощный редактор векторной графики. В большинстве случаев вполне может заменить CorelDraw или Adobe Illustrator.

http://www.adobe.com/products/photoshop/ - Adobe PhotoShop CS - безусловный лидер в области обработки растровой графики. Практически ни один профессиональный дизайнер не обходится без этой программы. В новой версии появилось очень много новшеств, предназначенных в первую очередь для web-дизайнеров: встроенные оптимизаторы графики, работа с безопасной палитрой, включенный в поставку ImageReady CS и еще многое другое. На сайте доступна демо-версия редактора.

http://www.jasc.com/products/paintshoppro/ - PaintShopPro 9.0 - очень хороший графический редактор. Понимает огромное количество графических форматов. Поддерживаются многие возможности, аналогичные PhotoShop, а также ряд уникальных инструментов и эффектов. Позволяет использовать фильтры от PhotoShop. Кроме этого, вместе с графическим редактором, поставляется и программа создания анимированных GIF-ов - Animation Shop.

http://www.ulead.com/ga/trial.htm - Ulead GIF Animator 5.0 - как понятно из названия, это программа для создания анимированных GIFов. Обладает мощными средствами оптимизации: за счет уменьшения количества цветов и удаления повторяющихся от кадра к кадру фрагментов изображения. Поддерживает импорт и экспорт в видеоформаты AVI, MOV, FLI.

http://www.moonsoftware.com/mxplorer.asp - Multimedia Xplorer 2.0 - программа для просмотра изображений. Понимает большое число форматов и умеет конвертировать между ними. Удобна при поиске нужной фотографии в клипартах, поддерживает слайд-шоу.

http://inetis.com/freeware.asp - DotColor 3.0 - утилита для получения цвета в любой точке экрана (как в десятичном RGB-формате, так и в шестнадцатеричном). При запуске сворачивается в трэй и всегда находится под рукой.

http://www.cherry-design.spb.ru/soft/cv_ruler.zip - CodeV Ruler - а это линейка, просто обычная линейка. :) Позволяет измерить на экране любое расстояние как в пикселях, так и в миллиметрах или дюймах. Очень удобная утилитка.