51474

Средства создания Web-сайтов. Введение в разработку Web-приложений

Лекция

Информатика, кибернетика и программирование

Введение в разработку Webприложений. Webстраницы Webсайты Webсервисы и Webприложений. Средства создания Webсайтов. Примеры создания простых Webсайтов средствами языка HTML.

Русский

2015-02-03

1.06 MB

22 чел.

Тема 5.7. Введение в разработку Web-приложений

5.7.1. Общие сведения о компьютерных сетях и основные определения

5.7.2. Web-страницы, Web-сайты, Web-сервисы  и  Web-приложений

5.7.3. Этапы создания сайтов

5.7.4. Средства создания Web-сайтов

5.7.5. Средства языка HTML 

5.7.6. Примеры создания простых Web-сайтов средствами языка HTML

5.7.7. Задачи для самостоятельного решения по теме «Введение в разработку
         Web-приложений»

5.7.8. Тестовые задания по теме «Введение в разработку  Web-приложений»

5.7.1. Общие сведения о компьютерных сетях и
основные определения

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

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

По территориальной распространенности сети могут быть локальными, глобальными и региональными. Локальные –  это сети, перекрывающие небольшую территорию. Региональные – расположенные на территории города или области. Глобальные на территории государства или группы государств, например, всемирная сеть  Internet.

В классификации сетей существует два основных термина: LAN и WAN.  


           LAN (Local Area Network) – локальные сети, имеющие замкнутую инфраструктуру до выхода на поставщиков услуг. Термин LAN может описывать и маленькую офисную сеть, и сеть уровня большого завода. Локальные сети являются сетями закрытого типа, доступ к ним разрешен только ограниченному кругу пользователей, для которых работа в такой сети непосредственно связана с их профессиональной деятельностью.

WAN (Wide Area Net-work) – глобальная сеть, покрывающая большие регионы, и, включающая как локальные сети, так и прочие телекоммуникационные сети и устройства. Глобальные сети являются открытыми и ориентированы на обслуживание любых пользователей.

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

 

По скорости передачи информации компьютерные сети делятся на низко-, средне- и высокоскоростные: низкоскоростные (до 10 Мбит/с), среднескоростные (до 100 Мбит/с), высокоскоростные (свыше 100 Мбит/с).

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

 

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

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

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

По  технологии использования сервера можно выделить технологию файл-сервера и архитектуру клиент-сервер. В первой модели используется файловый сервер, на котором хранится большинство программ и данных. По требованию пользователя ему пересылаются необходимая программа и данные. Обработка информации выполняется на рабочей станции. В системах с архитектурой клиент-сервер обмен данными осуществляется между приложением-клиентом (front-end) и приложением-сервером (back-end). Хранение данных и их обработка производится на мощном сервере, который выполняет также контроль над доступом к ресурсам и данным. Рабочая станция получает только результаты запроса. Разработчики приложений по обработке информации обычно используют эту технологию. Использование больших по объему и сложных приложений привело к развитию многоуровневой, в первую очередь трехуровневой архитектуры с размещением данных на отдельном сервере базы данных. Все обращения к базе данных идут через сервер приложений, где они объединяются.

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

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

Поиск и получение информации является основной, но не единственной функцией Интернета. Существуют также и другие возможности Интернет:

  1. ведение переписки с помощью электронной почты;
  2. поддержка голосовой связи и видеосвязи;
  3. общение в телеконференциях и в режиме реального времени;
  4. совершение покупок и продаж, банковских операций;
  5. дистанционная работа и дистанционное обучение;
  6. поиск развлечений на любую тему.

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

Узлом Интернета является  любое вычислительное устройство, включенное в сеть и имеющее свой уникальный IP-адрес. Так, узлом становится любой персональный компьютер, установивший связь с провайдером.

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

Любой компьютер, подключенный к сети Интернет, имеет два равноценных уникальных адреса:

числовой 32 битный  IP-адрес;

символьный доменный адрес (domain - территория, область, сфера).

32 битный числовой адрес состоит из четырех 8 битных чисел со значениями от 0 до 255. Компьютеры  IP-сетей обмениваются между собой, используя в качестве адресов 4-байтные коды, которые принято представлять соответствующей комбинацией десятичных чисел. Такие числовые адреса могут иметь несколько трактовок, из которых приведем здесь лишь следующую:

<класс сети> <номер сети> <номер компьютера>.

Такая комбинация подразумевает, что все множество из 232  представимых числовых номеров компьютеров  разделится  на сети разного масштаба:  A,  B,  C (табл. 5.7.1-1).

 

 

             Таблица 5.7.1-1

Класс

Количество сетей

Количество компьютеров в одной сети

A

126

16777214

B

16382

65534

C

2097150

254

С помощью специального механизма маскирования любая сеть, в свою очередь, может быть представлена набором более мелких сетей. Беспрецедентный рост числа компьютеров в Интернет  привел к тому, что сети классов A и B можно считать исчерпанными и еще осталась некоторая свобода во множестве сетей класса С.  В ближайшее время ожидается ситуация с нехваткой IP-адресов,  преодоление  которой в настоящее время ведется разными способами. Однако доступное множество IP-адресов все  равно когда-то будет исчерпано и на этот случай разработан и утвержден новый стандарт уже 16-байтного адреса.

Числовые адреса не очень удобны для пользователей. Поэтому в Интернет предусмотрена возможность использования их аналогов в текстовом представлении. Наличие двух представлений адресов  в Интернет приводит  к необходимости  их преобразования  из одной формы в другую или наоборот, которое реализуется DNS-серверами (Domain Name System  доменной системы имен). Слово Domain в переводе означает область, зона. Например, адрес, состоящий  из четырех доменов, может быть представлен  следующим образом:

 Домен4.Домен3.Домен2.Домен1

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

  1.  Домен1 – двухбуквенный код страны;
  2.  Домен2 – код города (обычно сокращение исходного названия);
  3.  Домен3 – наименование организации;
  4.  Домен4 – имя компьютера.

Исторически первыми доменами верхнего уровня в США были шесть тематических доменов:

  1. .com  –  сеть коммерческих организаций;
  2.  .edu   –  сеть университетов;
  3.  .gov   –  сеть государственных организаций;
  4.  .mil    –  сеть военных организаций;
  5.  .org   –   сеть общественных организаций;
  6.  .net    –  сеть сетевых служб Интернета.

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

  1.  .ru  –  Россия (домен появился в 1994 году);
  2.  .us   США;
  3.  .uk    Великобритания;
  4.  .de  –  Германия;
  5.  .cn  –  Китай;
  6.  .fr   –  Франция.

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

В конкретных адресах может быть представлено  различное  число доменов. Например, 213.180.194.129 и www.yandex.ru;  63.211.66.124 и www.microsoft.com . Цифровой IP-адрес компьютера состоит из четырех байтов.  Первый и второй байты определяют соответственно адреса мощных подсетей класса «А» и «В». А  предназначены для использования в сетях общего пользования. Адреса класса предназначены для использования в сетях среднего размера для больших компаний и университетов. Третий байт определяет адрес подсети класса «С», а четвертый – адрес компьютера в подсети.  Для удобства чтения IP-адрес записываются в виде четырех чисел со значениями от 0 до 255, разделенных точками.

В отличие от цифрового, доменный адрес состоит  из символов, и, предназначен для удобства запоминания. В специальной таблице, которая хранится на подключенном
DNS-сервере (Domain Name Service), каждому доменному имени ставится в соответствие
IP-адрес.  Доменное имя в свою очередь состоит также из  доменов более низкого уровня, разделенных между собой точками. Название доменов может включать в себя латинские буквы, цифры и некоторые специальные знаки. Главные домены – домены первого уровня стоят в Web-адресе последними. Например, в адресе www.mtuci.ru – это .ru, который означает принадлежность сервера России. Слева от домена может быть большое  число доменов более низких уровней.  Структура доменного имени отражает иерархию объединения доменов в различные группы. Доменов в адресе редко бывает больше пяти.

В самом начале Web-адреса сервера пишется название протокола. Полный адрес файла или сервера в Интернет включающий имя протокола, название сервера и полный путь, называется URL (Universal Resource Locator) универсальный указатель ресурса.

Синтаксис URL в общем случае имеет вид:

протокол://адрес_сервера:номер_порта/имя_директории/имя_файла.

Например,  географический URL типа  http://office5.butovo.msk.ru  сообщает следующее: указанный компьютер принадлежит какой-то организации, размещенной в районе Бутово г. Москвы,  в  России. Отметим,  что по одному адресу может находиться как небольшая  личная Web-страница, сайт или портал.

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


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

  1.  HTTP (Hyper Text Transfer Protocol) – протокол передачи гипертекста;
  2.  FTP (File Transfer Protocol)протокол передачи файлов.

Протокол передачи гипертекста HTTP является основным протоколом Интернета. Гипертекст соединяет различные документы на основе заранее заданного набора гиперссылок.  

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

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

  1.  WWW (World Wide Web)всемирная паутина – основная служба Интернета. Всемирная паутина – это гипертекстовая всемирная информационная система для поиска  информационных ресурсов Интернета и доступа к ним.
  2.  Электронная почта – с ее помощью можно послать электронное письмо (текст или любой файл) любому пользователю Интернет. Время доставки писем в самую удаленную точку от места отправления обычно несколько минут.
  3.  Файловые серверы – хранилища файлов. На них хранятся тексты документов, программы, тексты книг и любой другой информации.
  4.  Службы поиска позволяют найти нужную информацию в сети. Поиск может вестись по ключевым словам искомого документа.
  5.  Серверы новостей  рассылают новости по тем или иным темам в виде электронных писем. Пользователь может подписаться на получение новостей на интересующую его тему.
  6.  Телеконференции – это обмен мнениями на интересующую тему.

Приведем небольшой список некоторых интересных ресурсов Интернет в России:

www.ru               –   поисковый сервер компании DEMOS;

www.mtuci.ru     –     МТУСИ;

www.students.ru –    портал для студентов;

www.books.ru     –    книги;

www.pogoda.ru   –    погода;

www.webcam.ru  –   все уличные Web-камеры;

www.monino.ru   –   центральный музей ВВС;

www.cbr.ru          –   центральный банк России;

www.ticket.ru      –   заказ железнодорожных, автобусных и авиабилетов;

www.newsru.com – новости страны;

www.internet.ru    – новости Интернет;

www.ixbt.ru          – компьютеры и комплектующие;

www.avp.ru          – антивирус Касперского;

www.yandex.ru    – поисковая система.

Для ориентации в море информации по ресурсам Интернет в России издаются книги и ежегодники, которые называются «Желтыми страницами Интернет». Здесь адреса URL ресурсов приводятся  по определенным темам  так же, как упорядочены книги по предметным каталогам в библиотеках.

Сам Интернет, под которым в первую очередь подразумевается служба WWW, работает на протоколе HTTP передачи гипертекста. Термин гипертекст впервые применил в 1969 году Т. Бернерс-Ли. Его идея заключалась в том,  чтобы применить гипертекстовую модель к информационным ресурсам,  распределенным в сети, и сделать это максимально простым способом. Он  заложил три основы системы,  разработав:

  1.  HTML – язык гипертекстовой разметки документов (HyperText Markup  Language);
  2.  URL  – универсальный способ адресации ресурсов в сети (Universal Resource  Locator);
  3.  HTTP – протокол  обмена гипертекстовой информацией (HyperText Transfer Protocol).  

Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Создать ее точную бумажную копию нельзя. Гипертекст – это текст, содержащий ссылки на другие документы. В Интернете под гипертекстом понимаются документ, написанный с помощью  языка  HTML (языка разметки гипертекста).

Техника чтения обычного текста состоит в том, что, закончив чтение одной страницы, можно приступить к следующей странице. Технология же гипертекста позволяет свободно переходить со страницы на страницу, следуя заинтересовавшим нас ссылкам, – никакого заранее установленного порядка чтения не существует. Для этого ссылки в html-файлах оформляются специальным  образом и ведут они себя не так, как остальная часть документа. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания. Гиперссылкой может служить слово, фраза или графический элемент, если указатель мыши, установленный на этом объекте, меняет свое изображение.

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

Всю информацию в Интернете можно делить на три части: бесплатные (freeware), условно бесплатные (shareware) и платные.

Основное, что отличает Интернет от других сетей - это ее протоколы - TCP/IP. Вообще, термин TCP/IP обычно означает все, что связано с протоколами взаимодействия между компьютерами в сети. Он охватывает целое семейство протоколов, прикладные программы, и даже саму сеть. TCP/IP - это технология межсетевого взаимодействия. Свое название протокол TCP/IP получил от двух коммуникационных протоколов. Это Transmission Control Protocol (TCP) и Internet Protocol (IP). Протокол IP является базовым элементом технологии Интернет. Его центральной частью является таблица маршрутов.  Протокол TCP обеспечивает гарантированную доставку с установлением соединения в виде потока байтов.

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

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

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

Браузер (browser - просмотр) – это специальная программа для просмотра гипертекста и путешествия по Интернету. Браузер – самая важная программа для выхода в Интернет. В настоящее время используются четыре  основные программы: Microsoft Internet Explorer (IE), Netscape Communicator, Mozilla Firefox, Opera. Все они относительно бесплатны. У всех примерно одинаковый набор функций. У всех имеются программы для отправки электронной почты, для чтения новостных групп  и для создания Web-страниц. Браузер Netscape Communicator разработан самым первым, а Internet Explorer поставляется вместе с операционной системой Windows. Браузер Opera занимает на диске меньше всего места.

Web-страницы представляют собой текстовые файлы, в которых содержатся определенные инструкции для браузера. Эти инструкции предписывают браузеру, что и как следует показывать на данной странице. Большинство браузеров исполняют и другие функции, такие как отправка электронной почты или прием файлов по протоколу FTP. Вспомогательные приложения или встроенные расширения могут позволить браузеру воспроизводить звуковые и видеоклипы, встроенные в файл HTML. Основной задачей браузеров является отправка запроса серверу на получение той или иной
Web-страницы и затем его отображения на экране. Кроме этого браузеры имеют много полезных сервисных функций.

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

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

Работа с браузером сводится к нескольким действиям: ввод адреса и дальнейшее путешествие по гиперссылкам. Для удобства работы все браузеры обладают местом для ввода адресной строки. В это строку необходимо ввести доменное имя Web-сайта, к которому вы хотите перейти и нажать кнопку "Переход" или клавишу  <Enter> (рис 5.7.1-1).

Рис. 5.7.1-1

Уже посещённые адреса можно выбрать в выпадающем меню при нажатии на стрелку рядом с адресной строкой. Для доступа к нужным адресам на будущее их можно записать в папку Избранное, выбрав в меню: «Избранное» и пункт «Добавить в избранное».

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

 

При просмотре Web-страниц часто возникает необходимость открыть ссылку в новом окне, например, чтобы продолжить чтение текущей страницы, пока происходит загрузка новой. Можно открыть сколько угодно новых окон MS IE и переключаться между ними нажатием <Alt+Tab>. Чтобы открыть ссылку в новом окне можно сделать одно из следующих действий:

  1. на ссылке нажать правой кнопкой мыши, и в контекстном меню выбрать "Открыть в новом окне".
  2. на ссылке нажать левой кнопкой мыши, придерживая клавишу <Shift>.

Чтобы развернуть страницу на весь экран можно нажать на кнопке "Во весь экран", которая находится на панели инструментов или нажать функциональную клавишу <F11>.

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

Если вместо русского текста на странице вы видите нечто вроде "АЫОМЕЙНРНПШУ ЖДОСВЮЪУ ДЛНЕПАУН", или трудночитаемые иероглифы, то необходимо сменить кодировку. Как правило, браузер сам определяет правильную кодировку, но в некоторых случаях необходимо установить её самостоятельно. Для этого необходимо выбрать в главном меню "Вид" - "Кодировка". В появившемся подменю выбрать одну из кириллических кодировок:   Cyrillic (Windows) или Cyrillic (KOI-8R) (рис. 5.7.1-2).

Рис. 5.7.1-2

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

Рассмотрим, как осуществить загрузку файлов в Internet Explorer.

Файлы могут быть загружены как с Web-страниц, так и с FTP-серверов. На практике, загрузка файлов происходит при каждом переходе на страницу – загружается HTML-документ, изображения, мультимедиа. В этом случае браузер является и программой загрузки и программой просмотра. Когда тип загружаемого файла не может быть распознан браузером, то появляется приглашение сохранить файл на диске.

Менеджер закачек ReGet  представляет собой программу для загрузки файлов с использованием протоколов FTP и HTTP. Программа ReGet способна работать сразу со многими файлами одновременно. Файлы, которые необходимо загрузить, ставятся в очередь друг за другом. Порядок их загрузки пользователь в любое время может изменить по своему желанию. ReGet  ведет загрузку нескольких файлов одновременно. Программа запоминает всю очередь файлов, сохраняя ее параметры в специальном файле. Поэтому, когда связь с Интернетом обрывается, пользователь может ее восстановить, а программа ReGet продолжит закачивать файлы на жесткий диск компьютера. На протяжении всей загрузки, пользователь может проследить время, объем и скорость передачи загружаемой информации.

Браузер  Opera  разработан  Норвежскими  разработчиками. Он построен на собственном ядре, обладающем высокой скоростью. По праву считается самым быстрым графическим браузером. Имеет встроенный менеджер закачки и почтовый клиент M2. Содержит массу полезных функций, отсутствующие в других браузерах, например, быстрое отключение загрузки изображений, изменение масштаба страницы от 20% до 1000%.

5.7.2. Web-страницы, Web-сайты, Web-сервисы  и  
Web-приложения

Web-страница – документы  HTML (язык разметки гипертекста), размещённые в Сети. В более широком понимании термина, гипертекстом является любая повесть, словарь или энциклопедия, где встречаются отсылки к другим частям данного текста.

Web-сайт (Web-site, от web – паутина и site — «место») – в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все Web-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к Web-сайтам на серверах был специально разработан протокол HTTP. Когда говорят «своя страничка в Интернет», то подразумевается целый Web-сайт или личная страница в составе чужого сайта.

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

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

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

Интернет-портал (portal «главный вход; ворота») – Web-сайта, предоставляющий пользователю Интернета различные интерактивные сервисы, работающие в рамках одного Web-сайта, такие как почта, поиск, погода, новости, форумы, обсуждения, голосования и т. д.  Web-порталы позволяют логически отделить разные виды предоставляемых услуг, например mail.yandex.ru, news.yandex.ru, auto.yandex.ru. Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/.

Аппаратные сервера для хранения Web-сайтов называются Web-серверами. Сама услуга хранения называется Web-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (dedicated).

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

 Классификацию Web-сайтов можно осуществить по следующим признакам:

По доступности сервисов:

  1. открытые – все сервисы полностью доступны для любых посетителей;
  2. полуоткрытые – для доступа необходимо зарегистрироваться (обычно бесплатно);
  3. закрытые – полностью закрытые служебные сайты организаций (в т.ч. корпоративные сайты), личные сайты частных лиц (такие сайты доступны для узкого круга людей).

По природе содержимого:

  1. статические  –  всё содержимое заранее подготавливается (пользователю выдаются файлы в том виде, в котором они хранятся на сервере);
  2. динамические  –  содержимое этих сайтов генерируется специальными скриптами (программами) на основе других данных из любого источника.

По физическому расположению:

  1. внешние сайты сети Интернет;
  2. локальные сайты  –  доступны только в пределах локальной сети.

По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы Web-ресурсов:

  1. интернет-представительства владельцев (торговля и услуги не связанные напрямую с Интернетом);
  2. информационные ресурсы;
  3. Web-сервис – обычно решает конкретную пользовательскую задачу напрямую связанную с сетью Интернет.

 Рассмотрим кратко, как строятся сайты.

Страницы сайтов – это файлы с текстом, размеченным на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, обрабатываются браузером и выводятся на его средство отображения (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением в неё таблицы стилей на языке CSS или сценариев на языке JavaScript.

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

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

Изначально владелец будущего сайта определяет его основные цели и задачи, придумывает название, выбирает доменное имя. В большинстве случаев владелец не может самостоятельно создать сайт и поэтому он обращается к соответствующим специалистам. Это может быть как организация, так и частное лицо. В этом случае владелец будет выступать в роли заказчика, а частное лицо в роли исполнителя. С организациями всегда заключается договор, а с частными лицами, в основном, происходит устная договорённость, основанная на взаимном доверии. В самом договоре описываются только общие юридические моменты, оговариваются сроки, способы оплаты и т.д. Итоговый же результат (непосредственно сам сайт) в виде приложения описывается заказчиком в задании. Чтобы избежать конфликтных ситуаций и недопонимания для сложных проектов заказчик готовит специальный документ – техническое задание, в котором подробно описывает все интересующие его моменты. Когда чётко становится известно, что должно получиться на выходе, за какой срок и какими средствами, начинается непосредственно процесс создания сайта.

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

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

   Наиболее распространённые последствия атаки на сайт:

  1. несанкционированное изменение злоумышленниками (дефейсинг, хакеры)
  2. подделка сайта (дизайн и содержимое сайта может быть скопировано и у пользователя такого сайта могут украсть пароли)

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

Обычно Web-приложения создаются в разных вариантах архитектуры клиент-сервер.  Поэтому Web-приложение – это приложение, выполняющееся на Web-сервере, доступ к которому осуществляется путем передачи-получения пакетов по протоколу HTTP.

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

Обобщенная архитектура Web-приложения – это модель клиент-сервер, в которой компоненты приложения разделяются на клиентские и серверные, и взаимодействуют компоненты путем передачи и получения пакетов по протоколу HTTP (рис. 5.7.2-1). В качестве клиента выступает Web-браузер, а в качестве сервера – Web-сервер.

HTTP-пакеты

клиент

сервер

Рис. 5.7.2-1. Обобщенная архитектура Web-приложения

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

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

Итак, Web-приложения представляют собой особый тип программ, построенных по архитектуре «клиент-сервер». Особенность заключается в том, что само Web-приложение находится и выполняется на сервере, клиент при этом получает только результаты работы. Работа приложения основывается на получении запросов от пользователя (клиента), их обработке и выдачи результата. Передача запросов и результатов их обработки происходит через Интернет (рис.5.7.2-2).

Рис. 5.7.2-2. Архитектура Web приложения.

Отображением результатов запросов, а также приемом данных от клиента и их передачей на сервер обычно занимается специальное приложение – браузер (Internet Expolrer, Mozilla, Opera и т.д.). Как известно, одной из функций браузера является отображения данных, полученных из Интернета в виде страницы, описанной на языке HTML, следовательно, результат, передаваемый сервером клиенту, должен быть представлен на этом языке.

На стороне сервера Web-приложение выполняется специальным программным обеспечением (Web-сервером), который и принимает запросы клиентов, обрабатывает их, формирует ответ в виде страницы, описанной на языке HTML, и передает его клиенту. Одним из таких Web-серверов является Internet Information Services (IIS) компании Microsoft. Это единственный Web-сервер, способный выполнять Web-приложения, созданные с использованием технологии ASP.NET.

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

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

  1. прием данных от пользователя и сохранение их на сервере;
  2. выполнение различных действий по запросу пользователя: извлечение данных из базы данных (БД), добавление, удаление, изменение данных в БД, проводить сложные вычисления;
  3. аутентифицировать пользователя и отображать интерфейс системы, соответствующий данному пользователю;
  4. отображать оперативную постоянно изменяющуюся информацию и т.д.


5.
7.3. Этапы создания сайтов

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

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

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

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

Хорошая структурированность сайта обеспечивает половину успеха при его создании. Ошибки на этом этапе впоследствии приведут к большим затратам сил на их исправление.

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

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

Разработка визуальной составляющей сайта. Здесь несколько аспектов:

  1.  шрифт - в пределах публикации он должен иметь одинаковые характеристики (начертание, высоту, цвет);
  2.  абзац - желательно, чтобы преобладал какой-нибудь один из видов выравнивания текста на страничке;
  3.  цветовая схема Web-сайта - выбор тех трех цветов страницы, которые будут использоваться для представления обычного текста, ссылок и посещенных ссылок. Цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта. Цвета ссылок выбирают таким образом, чтобы они были заметны и в то же время не мешали читать основной текст;
  4.  графическое оформление сайта - должно укладываться в общую цветовую схему.

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

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

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

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

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

Рис. 5.7.3-1

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

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

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

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

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

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

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

Второстепенная страница-шаблон, обычно содержит следующие элементы
(Рис. 5.7.3-2):

меню навигации по темам;

логотип;

тематическая графика;

название страницы;

поле ввода информации;

e-mail Web-дизайнера.

Рис. 5.7.3-2. Пример структуры информации второстепенной страницы

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

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

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

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

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

5.7.4. Средства создания Web-сайтов

Для создания Web-приложений на стороне сервера используются разнообразные технологии и языки программирования:

Название  

Web-сервер  

ASP

специализированный

ASP.NET

специализированный

Java

множество, в том числе свободных

Perl

практически любой

PHP

практически любой

Python

практически любой

Ruby

практически любой

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


           Клиентские языки обрабатываются на стороне клиента пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток – это то, что обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал написанные вами скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую вы опираетесь. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню “Вид” своего браузера вкладку “Исходный код” (или что-то в этом роде). Преимущество же клиентского языка заключается в том, что обработка скриптов на таком языке может выполняться без отправки документа на сервер. Самым распространенным из клиентских языков является JavaScript. Другой вариант клиентского языка это, например, VisualBasicScript (VBS). Чтобы начать учить клиентский язык Web-программирования, понадобится поддерживающий этот язык браузер (Internet Explorer, Opera, Netscape Navigator, Mozilla).


Серверные языки. Каким образом обрабатываются скрипты на серверном языке

программирования. Для начала рассмотрим схему, представленную на рис. 5.7.4-1:



Рис. 5.7.4-1

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

Серверные языки программирования открывают перед программистом большие просторы в деятельности, однако, без предварительного груза знаний освоить довольно-таки тяжело. Здесь же стоит упомянуть, что такое Система Управления Баз Данных, или СУБД. Это, по сути, тоже сервер, на котором в определенном пользователем порядке хранится разная необходимая информация, которая может быть вызвана в любой момент. Это библиотека, в которой все материалы аккуратно сложены по полочкам и в любой момент могут быть взяты. Обычно при покупке хостинга выделяется одна База данных (БД), в которой пользователь может создавать множество таблиц, а в них уже хранить разнообразную информацию. То есть если опять же вернуться к примеру с гостевой книгой, то в какой-либо созданной Вами таблице можно хранить сообщения, оставленные пользователями. Можно, конечно, хранить их и в текстовом файле, но это менее надежно, да и к тому же я привел лишь мелкий пример, а если, скажем Вам надо хранить пароли (а их надо хранить в зашифрованном виде), или связать несколько таблиц при обращении к каким-либо данным, тут без БД не обойтись.

В настоящее время стали известны и не напрасно СУБД, обращение к которым производится посредством Structured Query Language (SQL), или структуризированным языком запросов. Чтобы работать с этими базами данных (дополнять, обновлять, делать запросы и т. д.) вам необходимо знать этот самый SQL.


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

          Среди серверных языков программирования можно выделить PHP (Hypertext Preprocessor), Perl, SSI (Server Side Include).

5.7.5. Средства языка HTML

Хотя  многие теомины уже были опмсаны ранеее, рассмотрим основные термины еще раз применительно к языку  HTML.

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

Тег (tag) начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег ещё с косой чертой  (< … />).

Атрибут (atrubute) параметр или свойства элемента. Это, по сути, переменная, которой может придаваться определенное значение в кавычках. Атрибуты расположены внутри начального тега и отделяются они пробелами.

Гиперссылка (hyperlink)- фрагмент гипертекста, который указывает на другой файл или объект.

Фрейм (frame) этот термин имеет два значения. Первое область документа со своими полосами прокрутки. Второе один кадр сложного анимированного изображения.

HTML  файл или HTML-страница-документ, созданный в виде гипертекста на основе языка HTML.

Апплет (applet) программа, передаваемая на компьютер клиента в виде отдельно файла и запускаемая при просмотре Web-страниц.

Скрипт или Сценарий (script) программа лежащая в HTML-страницы, расширяя её возможность при помощи средств мультимедиа.

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

CGI (Common Gateway Interface) общее название для программ, которые, работая на сервере, позволяют расширить возможности Web-страниц. Например, без таких программ невозможно создание интерактивных страниц. К таким программам относят виртуальные магазины, некоторые чаты и т.д.

Программный код или просто код аналог понятия «текста программы».

Код HTML  гипертекстовый документ в своем первоначальном виде, когда видны все элементы и атрибуты.

World Wide Web, WWW или просто Web  Всемирная паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. HTML является основным языком для создания документов в WWW. Изучая его, мы, фактически, изучаем часть этой системы, хотя область применения языка намного шире.

Web-страница  документ (файл), подготовленный в формате гипертекста и размещенный в World Wide Web.

Сайт  (site) набор Web-страниц, принадлежащих одному владельцу.

Броузер (browser) программа для просмотра Web-страниц.

Загрузка (downloading) копирование файлов с сервера на компьютер-клиент.

URL (Uniform Resource Locator) или универсальный указатель ресурса адрес некоторого объекта в Интернете. Типичный URL для WWW имеет вид: http://www.название.домен/имя файла.  Здесь название это часть адреса, который часто употребляется для обозначения владельца сайта, а домен — обозначение крупного «раздела» Интернета: страны, области деятельности и т. д. URL используются для того, чтобы указать конкретную Web-страницу или графический файл в гиперссылках, а также везде, где требуется однозначно определить месторасположение Web-страницы или файла.

Базовый URL  часть адреса, которая является общей для всех ссылок текущей Web-страницы.

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

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

Первая версия HTML была разработана в 1990-х годах для браузера Mosaic.

В 1997 году появилась версия 4.0, называемая Dinamik HTML. Новаторство этой версии заключается в возможности делать Web-страницы интерактивными. Появились такие понятия, как JavaScript, Java, VisualBasic Script. До сих пор практически нет определенного стандарта поддержки сценариев, поэтому, сколько браузеров, столько и методов поддержки скриптов. Результатом использования сценариев стали пометки, в каких браузерах лучше просматривать страницы.

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

Посколько при разработке Web-страницы в лабораторном практикуме предполагается использовать VS .NET, то при создании новой страницы необходимо в открывшемся меню выполнить команду Создать элемента основногоменю Fale, а затем в окне  Создать файл указать шаблон HTML Page и нажать кнопку Выполнить.

Так как при разработке Web-страницы в лабораторном практикуме предполагается использовать VS .NET, то для создания нового сайта необходимо выполнить команду Создать Web-сайт... элемента главного меню Файл. В открывшемся  окне  New Web-Cite указать шаблон Empty Web-Cite и его расположения, а затем  нажать кнопку <OK>. В результате этих действий откроется пустой  Web-Cite. Выполнить команду Add New Item … (Добавить новый элемент…) элемента главного меню Web-Cite. В результате откроется окно Add New Item (Добавит новый элемент) – путь расположения Web-сайта, в котором необходимо указать шаблон HTML-страница и имя этой страницы, например, index.htm.

В результате откроется окно  Web-страницы с именем index.htm (рис. 5.7-5-1), в котором можно увидеть Web-страницы.

Аналогичным образом создаются и другие htm-файлы, а также файлы таблиц стилей (css-файлы) и др.

В результате вышеописанных действий откроется пустое окно Конструктор  Web-страницы с именем HTMLPage1.htm (рис. 5.7.5-1).

 

Рис. 5.7.5-1

Если перейти в окно Исходный код, можно увидеть заготовку Web-страницы
(рис. 5.7.5-2).
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

   <title>Untitled Page</title>

</head>

<body>

</body>

</html>

Рис. 5.7.5-2

В результате Обозреватель решений будет иметь вид как на рис. 5.7.5-3.

Рис. 5.7.5-3

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

Если просмотреть несколько страниц, то можно заметить, что они имеют схожие элементы.

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


Все тэги в HTML выделены ограничивающими символами "<" и ">", что позволяет

легко узнавать их в процессе редактирования готового документа. А закрывающий тэг начинается со знака "/". В процессе создания документа часто возникает необходимость делать заметки – комментарии, для того, что бы впоследствии свободнее ориентироваться в HTML-пространстве. Для этого, комментарии в документе необходимо заключить в знаки "<!--" и "-->". Например:

<!--saved from url=(0063)http://www.t1.com/us.html -->

У тэгов могут быть параметры. У одних их очень много, а у других нет вообще. Параметры в свою очередь могут иметь значения. Если значение не задано, параметр примет значение по умолчанию. Короче, если не заданы значения, браузер задаст его сам. Например:

<body bgcolor="#335533">,

где body – тэг, bgColor bgcolor – параметр, ="#335533 – значение. 

HTML-документ, отвечающий спецификации HTML4.1 начинается со строки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 Эта строка говорит браузеру о том, что документ соответствует международной спецификации версии 4.1. Затем мы должны открыть документ с помощью элемента <HTML>. Запомним, что любой HTML-документ всегда открывается с помощью тэга <HTML> и закрывается с помощью тэга </HTML>. Между ними расположен сам документ, состоящий из двух разделов: HEAD и BODY (заголовка и тела).

Нельзя не сказать пару слов о таблицах стилей CSS (cascading style sheets), представляющих собой инструменты присоединения стилей к HTML-документам. С их помощью мы можем управлять шрифтом и цветом текста, распределением материала, и т.д. То есть задаются для всего документа определённые правила отображения на экране монитора тех или иных элементов данного HTML-документа. Допустим, нам нужно все заголовки первого уровня отобразить белым цветом, а заголовки третьего уровня - красным. Всё это реализуют CSS. Например:

<style type="text/css">

 h1 { color: white }

 h3 { color: red }

</style>

Раздел документа HEAD 

HEAD - раздел документа, определяющий его заголовок. Определяется элементом <HEAD>,  внутри которого располагаются следующие тэги и элементы:

  1.  <TITLE>
  2.  <META>
  3.  <BASE>
  4.  <LINK>
  5.  <STYLE>
  6.  <SCRIPT>

В заголовке содержится техническая информация, которая не видна на экране, за исключением той, что описана внутри элемента <TITLE>. Она выводится в заголовок окна браузера. Как правило, мы не обращаем на неё никакого внимания. Однако всё, что содержится в разделе HEAD, имеет огромное значение для роботов поисковых систем - автоматических сборщиков информации. Поэтому, оттого насколько правильно и грамотно оформлен заголовок, напрямую зависит посещаемость вашего сайта (под заголовком подразумеваю весь раздел HEAD).

TITLE - элемент, который задаёт название вашей странице, отображаемое в заголовке окна браузера. Например: 

<TITLE>Учебник по HTML4.1</TITLE>

META. Так как роботы поисковых машин существа очень примитивные, вам  придётся это учитывать при разработке своего сайта. Для этой цели и существует тэг <META>, у которого есть три параметра:

  1.  HTTP-EQUIVE
  2.  name
  3.  content

HTTP-EQUIVE используется для передачи дополнительной информации, в частности, при указании кодировки. Например:

<meta http-equive="content-type" content="text/html; charset=windows-1251">

name задаёт определение тэга. Имеет множество значений, из которых самыми

популярными являются description и keywords.

content задаёт значение, определяющее содержание тэга <META>.
Примеры:

<META name="description" content="Виртуальный учебник по HTML4.0">

<META name="keywords" content="HTML, учебник, интернет">.


Рекомендуется при составлении ключевых слов максимально продумать стратегию сайта.

BASE задаёт базовый адрес документа (URL), с помощью которого работают относительные  ссылки в документе. Относительная ссылка – это ссылка, в которой указывается не полный URL-адрес документа, а лишь имя файла. Тэг <BASE> имеет один обязательный параметр href, который и задаёт URL-адрес. Например:

<base  href="weoffer.html">

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

Параметры:

  1.  href - задаёт url-адрес другого документа
  2.  rel - определяет тип взаимоотношений с другими документами
  3.  type - задаёт тип таблицы стилей

STYLE - элемент, с помощью которого в документ вставляется таблица стилей CSS. Имеет параметр type, который задаёт тип вставляемой таблицы. Например:
 

     <style type="text/css">

        a { text-decoration : none }

</style>

SCRIPTE - элемент, который используется для внедрения  JavaScript-сценариев в HTML-документ. Например:

 

     <script>

       <!-- операторы javascript //-->

</script>

Раздел документа BODY. 

Тело документа определяется элементом <BODY>, внутри которого располагаются HTML-элементы и тэги, задающие свойства содержимого документа и отвечающие за то, что мы видим на экране монитора. Тэг <BODY> имеет ряд полезных параметров:

  1.  bgcolor - задаёт цвет фона документа
  2.  background - задаёт url-адрес файла, который будет использоваться в качестве фона.
  3.  link - задаёт цвет не просмотренной ссылки
  4.  alink - задаёт цвет активной ссылки
  5.  vlink - задаёт цвет просмотренной ссылки

Если вы уже работали с каким-нибудь графическим приложением, вам должна быть знакома цветовая система RGB (Red, Green, Blue), т.е. ( Красный, Зелёный, Синий ). Каждый цвет в системе RGB имеет своё собственное шестнадцатеричное значение в виде цифр и латинских букв, а также название на английском языке.

При определении цвета в HTML-документе можно использовать как название, так и шестнадцатеричное значение. Рассмотрим пример простого HTML-документа:


<head> 

 <meta content="text/html; charset=windows12-51 ">

 <meta name="description" content="виртуальный учебник по html4.0">

 <meta name="keywords" content="html, учебник, интернет">

 <title>учебник по html4.0</title>

 <style type="text/css">

   a { text-decoration : none }

 </style>

</head>

<body bgcolor="#ffa500" text="white">

 <!--текст вашего документа-->

</body>

Гипертекстовые ссылки. Основным инструментом в сети интернет являются гиперссылки. Щёлкнув по ссылке, мы даём браузеру команду загрузить на наш компьютер нужный документ. Внешний вид ссылки зависит от вашей фантазии и дизайнерского замысла. Это может быть как текст, так и изображение, и даже части изображения. В HTML-документе ссылки задаются с помощью элемента <A>, который имеет параметры href и name.

Параметр href задаёт url-адрес документа? на который указывает ссылка. Например:

<A href="http://www.real.ru">главная</A>


где слово "главная" является ссылкой на сайт: www.real.ru.

Параметр name задаёт имя для части документа, на которую делается ссылка (внутренняя ссылка). В этом случае мы создаём что-то вроде метки, например:

<A name="first"> </A>


где А это ссылка на "помеченную" часть: <A href="#first"> </A>

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

Форматирование текста. Рассмотрим элементы и тэги, участвующие в процессе форматирования текста HTML-документа. Они делятся на тэги логического и физического форматирования. Тэги логического форматирования определяют "характер" текстового фрагмента, который разные браузеры отображают по разному (по умолчанию). Тэги физического форматирования задают вид отображения выделенных участков текста в окне браузера.

Тэги логического форматирования:

<CODE> - используется для выделения текста в качестве программного кода. Текст внутри элемента браузерами обычно отображается моноширинным шрифтом. Например:

<code>$a1ref-> [o] = "q" </code>


<CITE> - используется для выделения текста в качестве цитаты. Текст внутри  элемента браузерами обычно отображается курсивом. Например:

<cite>чем больше женщину мы любим, тем меньше нравимся мы ей.</cite>

<EM> - используется для смыслового выделения фрагмента, имеющего некоторую важность. Текст внутри элемента браузерами обычно отображается курсивом. Например:


<em>важный фрагмент</em> 


           <KBD> - используется для выделения фрагмента текста, в качестве вводимого с  клавиатуры. Текст внутри элемента браузерами обычно отображается моноширинным  шрифтом. Например,  для того, что бы воспользоваться базой данных следует набрать

<kbd>exit</kbd>

<STRONG> - используется для выделения очень важных участков текста. Текст внутри элемента браузерами обычно отображается полужирным шрифтом. Например:

<strong>ну очень важный фрагмент</strong>

Тэги физического форматирования:

<I> - задаёт отображение текста курсивом. Например,

<i>курсивом </i>

<B> - задаёт отображение текста полужирным шрифтом. Например,


<b>полужирным шрифтом</b>

<U> - задаёт подчёркивание фрагмента текста. Например,


<u>подчёркнут</u>


<S> и <STRIKE> задают перечёркнутый текст. Например,


<s>перечёркнутый</s>


<TT> - задаёт текст моноширинным шрифтом. Например,


<tt>моноширинным шрифт</tt>


<SUP> - отображает текст со сдвигом вверх, иногда шрифтом меньшего размера: верхний индекс. Например,


<sup>tm</sup>


<SUB> - отображает текст со сдвигом вниз, иногда шрифтом меньшего размера: нижний индекс. Например,


<sub>log</sub>


<BIG> - задаёт фрагмент текста шрифтом большего размера. Например,


<big>большего размера</big>


<SMALL> - задаёт фрагмент текста шрифтом меньшего размера. Например,


<small>меньшего размера</small>


<BASEFONT> - задаёт основной цвет, размер и тип шрифта HTML-документа. Если в какой-нибудь части документа требуется изменить вид текста, используйте тэг <FONT>.

Тэг<BASEFONT> имеет три параметра: size, face, color. Например,


<basefont size=3 color="black" face="arial">


<FONT> - задаёт параметры шрифта для фрагмента текста, расположенного между начальным и конечным тэгами данного элемента. Имеет параметры: size, face, color. Параметром face следует задавать несколько схожих типов шрифта, т.к. на компьютере пользователя может не быть именно того шрифта, который вы указали. В этом случае текст будет отображён шрифтом по умолчанию, что может не отвечать вашим дизайнерским замыслам. Например,

<basefont size=3 color="black" face="arial">


Форматирование HTML-документа. 

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

  1.  left - выравнивает абзац по левому краю
  2.  center - текст выравнивается по центру
  3.  right - выравнивает абзац по правому краю
  4.  justify - выравнивает текст абзаца по ширине

Абзац, заданный с помощью элемента <P>, отделяется от остального текста пустой строкой. Например:


<p align="left">

        текст вашего абзаца

</p>

В данном примере текст абзаца будет выровнен по левой стороне.

BR – тэг принудительного перевода строки. Может иметь параметр clear, прекращающий обтекание изображения текстом. Возможные значения параметра clear : all, left и right. Например:

  первая строка<br>вторая строка<br>третья строка<br>


           

Результат:

первая строка
вторая строка
третья строка

HR – этот тэг вставляет в текст HTML-документа горизонтальную распределительную линию. Имеет параметры:

  1.  width - задаёт ширину линии в пикселях или в процентах от ширины окнабраузера.
  2.  size - задаёт толщину линии в пикселях
  3.  align - задаёт горизонтальное выравнивание (left, center, right)
  4.  noshade - отменяет объёмность линии. (советую использовать всегда).

Заголовки в HTML-документе задаются элементами: H1, H2, H3, H4, H5, H6. Шесть уровней заголовков различаются между собой величиной шрифта.  H1 - самый большой и самый "жирный" заголовок, а H6 - самый "тонкий" и маленький.  Заголовки отделяются от остального текста пустой строкой сверху и снизу. Элемент может иметь параметр align, с помощью которого заголовок выравнивается по горизонтали (left, center, right). Например:

<h1 align="center">самый большой заголовок, выровненный по центру</h1>

CENTER - элемент, который выравнивает всё содержимое HTML-документа, расположенное между тегами <CENTER> и </CENTER>, посередине окна просмотра браузера. В основном используется для выравнивания таблиц. Например:

<center>

<table border="1">

<tr>

<td>первая ячейка</td><td>вторая ячейка</td>

</tr>

</table>

</center>

PRE - используется для вставки в HTML-документ отформатированного текста, который будет отображён браузером с сохранением всех пробелов моноширинным шрифтом. Например:

     <pre>

       отформатированный текст

</pre>

DIV - элемент, с помощью которого фрагмент HTML-документа выделяется в качестве блока или раздела. Может иметь параметр align, выравнивающий блок по горизонтали (left, center, right). Например:

<div>

  текст блока

</div>

          

ADDRESS - элемент, который задаёт фрагмент текста в качестве почтового адреса. Браузеры такой текст обычно отображают курсивом. Например, наш адрес

<address>москва, ул.строителей, 15</address>

BLOCKQUOTE - элемент задаёт фрагмент текста в качестве цитаты. Текст, размеченный данным элементом на экране, отображается с отступом вправо. Например,

<blockquote>

        текст блока

</blockquote>

Таблицы в HTML-документе. 

У таблиц в HTML-документах есть два предназначения. Одно из них - представление данных в виде таблицы, другое - табличный дизайн. Кто бы вам ни говорил, что табличный дизайн является неправильным, используйте его всегда, когда посчитаете нужным. Я не занимался статистическими вычислениями, какой процент сайтов в сети имеет табличный каркас. Однако, открыв наугад пять корпоративных сайтов и просмотрев их "HTML-внутренности", я обнаружил, что все они использовали таблицы в качестве инструмента форматирования HTML-документа. Таблицу определяет элемент <TABLE>, внутри которого располагаются следующие элементы:

  1.  <CAPTION>
  2.  <TR>
  3.  <TD>
  4.  <TH>

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

bgcolor - задаёт цвет фона всех ячеек таблицы.

background - задаёт URL-адрес изображения в качестве фона таблицы.

border - задаёт толщину рамки таблицы в пикселях. При значении border="0" и по умолчанию браузер не прорисовывает рамку.

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

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

align - выравнивает таблицу по горизонтали. Имеет значения: left, center, right. По умолчанию - left.

cellpadding - задаёт расстояние (отступ) между содержимым каждой ячейки таблицы и рамкой этой ячейки в пикселях.

cellspacing - задаёт толщину внутренних рамок таблицы (расстояние между соседними ячейками) в пикселях.

Например:


<table bgcolor="orange" border="1" cellspacing="0" cellpadding="5" width="300" > 

<tr>

<td>первая ячейка</td><td>вторая ячейка</td>

</tr>

<tr>

<td>первая ячейка</td><td>вторая ячейка</td>

</tr>

</table>

первая ячейка

вторая ячейка

первая ячейка

вторая ячейка

CAPTION - элемент, который задаёт заголовок таблицы. Имеет параметр align, который выравнивает заголовок по вертикали: top - над таблицей, bottom - под таблицей. Например,

<caption>заголовок таблицы</caption>

TR определяет строку таблицы, которая может быть разбита на любое количество ячеек элементами <TD> или <TH>. Элемент <TR> имеет следующие параметры:

bgcolor - задаёт цвет фона всех ячеек в строке.

align - выравнивает содержимое всех ячеек в строке по горизонтали. Имеет значения: left, center, right.

valign - выравнивает содержимое всех ячеек в строке по вертикали. Имеет значения: top,middle,bottom.

TD  – это элемент задаёт ячейку в строке. Имеет параметры:

bgcolor - задаёт цвет фона всех ячейки.

background - задаёт URL-адрес изображения в качестве фона данной ячейки.

align - выравнивает содержимое данной ячейки по горизонтали. Имеет значения: left, center, right.

valign - выравнивает содержимое данной ячейки по вертикали. Имеет значения: top,middle,bottom.

width - задаёт ширину ячейки в пикселях или в процентах по отношению к ширине таблицы.

height - задаёт высоту ячейки в пикселях или в процентах по отношению к высоте таблицы.

nowrap - блокирует автоматический перенос по словам в пределах данной ячейки.

owspan - задаёт объединение нескольких соседних ячеек в одну по вертикали.

colspan - задаёт объединение нескольких соседних ячеек в одну по горизонтали.

TH определяет ячейку в качестве заголовка. Имеет те же самые параметры, что и элемент <TD>. Например,


<table bgcolor="orange" border="1" cellspacing="0" cellpadding="5" width="300" > 

<caption>таблица с объединением ячеек по вертикали</caption>

<tr>

<th rowspan="3">я большая ячейка!</th><td>а я маленькая</td>

</tr>

<tr>

<td>и я маленькая</td>

</tr>

<tr>

<td>и я тоже.</td>

</tr>

</table>

Таблица с объединением ячеек по вертикали

Я большая ячейка!

А я маленькая

и я маленькая

и я тоже.

Или


<table bgcolor="orange" border="1" cellspacing="0" cellpadding="5" width="300" > 

<caption>таблица с объединением ячеек по горизонтали</caption>

<tr>

<th colspan="3">я большая ячейка!</th>

</tr>

<tr>

<td>а я маленькая</td><td>и я маленькая</td>

</tr>

<tr>

<td>и я маленькая.</td><td>и я маленькая</td>

</tr>

</table>

Таблица с объединением ячеек по горизонтали

Я большая ячейка!

А я маленькая

и я маленькая

и я маленькая

и я маленькая

 

Формы в HTML-документе. 

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

  1.  <FORM>
  2.  <TEXTAREA>
  3.  <INPUT>
  4.  <SELECT>
  5.  <OPTION>

FORM. Элемент, который собственно обозначает наличие формы в HTML-документе. Между его начальным и конечным тэгами содержатся все теги и элементы, участвующие в построение формы. Тэг<FORM> имеет следующие параметры:

  1.  action - единственный обязательный параметр. Задаёт URL-адрес электронной почты или CGI-программы, по которому отправляется содержимое формы.
  2.  method - задаёт способ отправки данных. Возможные значения: get (по умолчанию) и post.
  3.  name - присваивает форме имя. Используется при наличии нескольких форм.
  4.  enctype - задаёт способ кодировки содержимого формы. Возможные значения: application/x-www-form-urlencoded (по умолчанию) и multipart/form-data.

Например:

<form action="http://www.real.com/dr/cgi" method="post"  ame="second">

</form> 

TEXTAREA - создаёт область в виде прямоугольника для ввода нескольких строк текста. Имеет следующие параметры:

  1.  name - задаёт название области.
  2.  cols - задаёт ширину области в количестве печатных символов.
  3.  rows - задаёт высоту области в количестве строк.

Например,

<form action="http://www.real.com/cgi-bin/dr/cgi" method="post"   name="first">

дополнительная информация:<br>

<textarea name="additional" cols="40" rows="5">

</textarea>

</form>

Начало формы

Дополнительная информация:

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

кнопок и переключателей. Имеет следующие параметры:

name - задаёт полю или кнопке идентификационное имя.

type - задаёт тип поля (по умолчанию – text и может принимать следующие значения:

  1.  text - создаёт поле для ввода одной строки текста. Используется совместно с параметрами: maxlength - задаёт максимальное количество символов, вводимых в строку; size - задаёт ширину поля в символах; value - задаёт начальное значение поля, которое может изменить пользователь. 

Например, 

        <input type= "text" name="t1" maxlength="40" size="20" value="фамилия">

Начало формы

Конец формы

  1.  password - создаёт поле для ввода пароля, в котором вводимая пользователем информация отображается в виде звёздочек. Используется совместно с параметрами: maxlength - задаёт максимальное количество символов, вводимых в строку; size - задаёт ширину поля в символах.

Например,

<input name="t2" type="password" maxlength="40" size="20">

Начало формы

Конец формы

  1.  file - создаёт поле для ввода имени файла, который пользователь может приобщить к данной форме. 

Например,

 

<INPUT name="t3" type="file" maxlength="40" size="20">

 

Начало формы

Конец формы

  1.  hidden - задаёт поле, которое не отображается на экране монитора, но содержит информацию, которую не может изменить ни пользователь, ни браузер.
  2.  checkbox - создаёт поле для односложных ответов (да/нет, вкл/выкл, истина/ложь) в виде установки флажка или галочки. Используется совместно с параметрами: value - задаёт значение для выбранной кнопки; checked - определяет обозначенный вариант выбранным по умолчанию; name - задаёт полю идентификационное имя. 

Например,


<INPUT type="checkbox" name="t4" value="Англия">Англия
<INPUT type="checkbox" name="t4" value="Франция">Англия
<INPUT type="checkbox" name="t4" value="Италия">Англия

Начало формы

Англия Франция Италия

Конец формы

  1.  radio - создаёт переключатель в группе. На экране отображается в виде круглой кнопки. Все кнопки в группе имеют одинаковый параметр name. Используется совместно с параметром value - задаёт значение для выбранной кнопки.

Например,


<INPUT type="radio" name="t4" value="день">день
<INPUT type="radio" name="t4" value="неделя">неделя
<INPUT type="radio" name="t4" value="месяц">месяц

Начало формы

день неделя месяц

Конец формы

  1.  submit - создаёт кнопку, при нажатии которой происходит пересылка содержимого формы. Используется совместно с параметром value - значение которого определяет надпись на кнопке.

Например,


<INPUT type="submit" value="отправить">

Начало формы

Конец формы

  1.  image - создаёт кнопку отправки данных в виде изображения (заменяет кнопку submit). Адрес изображения задаётся параметром src. Параметр align выравнивает изображение по вертикали.

Например,

<INPUT type="image" src="button.gif">

  1.  reset - создаёт кнопку сброса всех введённых значений формы. В момент нажатия данной кнопки форма приобретает первоначаль-
    ный вид.
     

Например,

<INPUT type="reset" value="сброс">

Начало формы

Конец формы

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

  1.  name - задаёт имя списка.
  2.  size - задаёт количество видимых пунктов списка. При значении size равным единице, отображается раскрывающийся список, а при значении больше единицы - прокручиваемое меню.
  3.  multiple - задаёт возможность выбора нескольких пунктов из списка.

Пункты меню внутри элемента <SELECT> задаются при помощи тэга <OPTION>. Например,


<SELECT size="1">
<OPTION value=1>from 1 to 3 days
<OPTION value=2>from 4 to 7 days
<OPTION value=3>from 8 to 14 days
<OPTION value=4>from 15 to 18 days
<OPTION value=5>from 19 to 23 days
<OPTION value=6>from 24 to 30 days
</SELECT>

Начало формы

Конец формы

Навигационные карты. 

Итак, вы уже знаете, что ссылки на веб-страницах могут быть в виде текста или изображения. Однако с помощью HTML возможно задавать активные области на изображении и таким образом получать несколько разных гиперссылок. Можно конечно "разрезать" изображение на части и добиться того же результата, тем не менее, навигационные карты сегодня являются отнюдь не редкостью. Представьте себе сплэш-страницу, состоящую из фотоколлажа, где есть необходимость точно задать ссылки в соответствии с расположением того или иного фрагмента изображения. Всё это легко реализовать при помощи навигационной карты.

Для того, чтобы обозначить какое-нибудь изображение в качестве объекта навигационной карты, существует параметр usemap тэга <IMG>. Всё очень просто. Добавляем в HTML-документе к нужному изображению параметр usemap, который задаёт имя навигационной карты. Например: 

<IMG src="log1.gif" usemap="#log1">


Сама же навигационная карта создаётся при помощи элемента <MAP> и тэга <AREA>

и располагается, как правило, в самом начале HTML-документа, в разделе <HEAD>.

MAP - элемент, обозначающий начало и конец навигационной карты. Имеет параметр name, задающий имя карты, которое должно соответствовать значению параметра usemap. Внутри элемента <MAP> располагается один или несколько тэгов <AREA>.

AREA - этот тэг задаёт активную область на изображении. Имеет слtдующие параметры:

  1.  shape - задаёт форму активной области изображения. Имеет значения: rect, circle, poly (прямоугольник, круг, многоугольник).

coords- определяет координаты активной области изображения. Координаты записываются в виде целых чисел и разными способами в зависимости от формы активной области.

  1.  href - задаёт адрес ссылки в виде URL.

nohref- задаёт область изображения как неактивную.

target- задаёт окно (fraim), в которое будет загружаться документ по ссылке. Используется только с параметром href. В качестве значения задаётся имя соответственного фрейма.

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

Пример 1:

<AREA shape="rect" coords="гориз.x1, верт.y1, гориз.x2, верт.y2>


Заданы две координаты: левый верхний угол прямоугольника (гориз. x1,верт. y1) и нижний правый угол (гориз. x2,верт. y2).


Пример 2:

<AREA shape="circle" coords="гориз.x, верт.y, радиус z>

Заданы три числа: центр круга (гориз.x, верт.y) и его радиус (радиус z).
Если в виде формы активной области изображения задан многоугольник (poly), значениями параметра coords будут координаты его вершин. Начало координат лежит в левом верхнем углу изображения.

Фреймы (окна, кадры). 

С помощью фреймов вы можете разбить окно браузера на несколько разных частей, каждая из которых будет содержать отдельный HTML-документ. Вы спросите, зачем это нужно? Допустим, вы хотите иметь на своём сайте навигационное меню, которое должно всегда присутствовать на экране и не прокручиваться ни при каких условиях. Для этого необходимо разбить окно браузера на две части: левую(25% от окна браузера) и правую(75% от окна браузера). В левую помещается навигационное меню, а в правую - основное содержание сайта. Пользователь, нажав на ссылку навигационного меню, увидит запрашиваемый документ в правом фрейме. Фреймы в HTML-документе создаются при помощи следующих элементов и тэгов:

  1.  <FRAMESET>
  2.  <FRAME>
  3.  <NOFRAME>

FRAMESET – этот элемент определяет структуру документа, как  фреймовую (разбивает окно браузера на фреймы). Исключено одновременное использование элементов <FRAMESET> и <BODY> в одном HTML- документе. Элемент может содержать внутри себя только элементы <FRAMESET>, <NOFRAME> и тэг<FRAME>. Элемент <FRAMESET> имеет следующие параметры:

  1.  cols – задаёт вертикальные фреймы (количество и размеры) в пикселях или процентах. Последний в списке фрейм можно задавать с помощью звёздочки. Это будет означать, что он займёт всё оставшееся пространство.

Например,

<FRAMESET cols="40%, 50%, 10%">
<FRAMESET cols="160,200, 40">
<FRAMESET cols="40%, 50%, *">


Все три HTML-строки имеют различный синтаксис, но обозначают одно и то же: окно браузера разбивается на три вертикальных фрейма шириной соответственно 160, 200 и 40 пикселей.

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

Например,

<FRAMESET cols="25%, 75%">
<FRAMESET cols="200, 600">
<FRAMESET cols="25%, *">


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

  1.  frameborder – задаёт наличие или отсутствие у фреймов рамки. Значение ="1" - рамка будет, ="0" - рамки нет. 

Например,

<FRAMESET frameborder="0">

FRAME – задаёт параметры одного фрейма. Имеет следующие параметры:

  1.  src – задаёт  url-адрес HTML-документа, который будет изначально загружен в данное окно;
  2.  name – задаёт имя фрейма, которое будет использоваться для ссылки на данный фрейм в виде значения параметра target элемента <A>;
  3.  noresize – не позволяет пользователю изменить размер фрейма;
  4.  scrolling – определяет наличие у фрейма полос прокрутки; значения: yes, no, auto (да, нет, автоматически по необходимости);
  5.  marginheight – задаёт ширину полей данного фрейма по вертикали (сверху и снизу) в пикселях;
  6.  marginwidth – задаёт ширину полей данного фрейма по горизонтали (слева и справа) в пикселях;
  7.  frameborder – задаёт наличие или отсутствие у фрейма рамки; значение ="1" - рамка будет, ="0" - рамки нет.

Например,

<FRAME src="menu.htm" name="menu" noresize scrolling="auto" marginheight="4" marginwidth="5" frameborder="0">

5.7.6. Пример создания Web-сайтов средствами HTML

Исходный код файла index.htm представлен на рис. 5.7.6-1.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

 <TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<BODY bgColor="#ff1111" LINK="#CC00FF"  VLINK="#0000ff" ALINK="#CC00FF">

 <FONT face=TIMES color=white size=40>

<B>МОСКВА,   2009 ...... ИЗУЧАЕМ   WEB-ДИЗАЙН</B></FONT>

 <center>

<img src = "pic/00.jpg"  WIDTH = 380  HEIGHT= 280   BORDER= 8 alt =  "pic/00.jpg">

<br><br><br><br>

<H2>

<FONT  FACE= "TIMES"   COLOR= WHITE><B><I>

WEB-ДИЗАЙН  - ЭТО ЗАМЕЧАТЕЛЬНО,  ЭТО ИНТЕРЕСНО.....

</I></B></FONT></H2></center>

<BR>

<center>

<h3>

<font face=Arial  color = "Black"><i>

<A HREF = "1.HTM">Далее</A>

</i>

</font>

</h3>

 </CENTER>

</BODY>

</HTML>

Рис. 5.7.6-1

Рис. 5.7.7-2

Исходный код файла 1.htm представлен на рис. 5.7.6-3.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

 <TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<BODY bgcolor = "#FFCCCC" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF">

<a HREF = "index.htm">

<i><B>

<font face = "Tahoma" color = "red"></font>НАЧАЛО</B></i></a>

<CENTER>

<FONT face=TIMES color="OLIVE"></font>

<b>Карточка студентки</b><b><br>  

<FONT face=TIMES color="olive">  Наташи  Петровой</FONT></b><P></CENTER>

<center>

<img src="pic/girl.jpg"   width=200   height=290 alt = "pic/girl.jpg">

<BR><div>

<table bgcolor="#FDA0A0" align=center border=8 cellpadding=2 cellspacing=2 width=90%>

<tr  align=center>

<th><font color=OLIVE>Место  учебы</font></th><th><font  color=olive>Факультет</font>

</th><th><font color=OLIVE>Курс</font></th><th><font color=OLIVE>Специальность</font>

</th><th><font color=OLIVE>Подробнее</font></th><th><font color=olive> Ваш  e-mail</font></th></tr><tr  align=center>

<th><font color=OLIVE>М Т У С И</font></th><th><font  color=olive>ОТФ-2  </font>

</th><th><font color=OLIVE> 1 курс  </font></th><th><font color=OLIVE>ЗС0801</font>

</th><th><font color=OLIVE>Изучение защиты информации<br>это очень актуально в наше время</font>

</th><th><font color=OLIVE>np2009@mail.ru</font></th>

</tr></table></div></center>

<center><br>

<font  face="Arial Black"><i>

<A HREF = "3.HTM">Далее</A>

</i></font></CENTER></BODY></HTML>

Рис. 5.7.6-3

Рис. 5.7.6-4

Исходный код файла 3.htm представлен на рис. 5.7.6-5.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

 <TITLE>МОСКВА, 2009</TITLE>

</HEAD>

<body BGCOLOR="#f6f6f6" "#FFCCCC" LINK="#CC00FF" VLINK="#0000ff" ALINK="#CC00FF"> 

<A HREF = "index.htm"><i><B>

<font face  = "Tahoma"  color = "red">

НАЧАЛО

</font></b></i></a>

<h2>

<font  face = "Monotype Coursive"  COLOR="RED">

МОСКВА,   СКВОЗЬ  ДЫМКУ   ТЫСЯЧЕЛЕТИЙ </FONT></h2><br>

<IMG SRC="pic/384.JPG" WIDTH=300 HEIGHT=340 allgn=LEFT BORDER=4 alt="pic/384.JPG">

<IMG SRC="pic/386.JPG" WIDTH=300 HEIGHT=340 ALIgn=RIGHT BORDER=4 alt= "pic/384.JPG">

<DIV>

<FONT FACE="ARIAL" color="red">

Такая  мощная   оборонительная

 система15  века, выдержала  

500 лет  и не рухнула!

 Почти как  пирамиды в  Египте!

Могли же строить

в  глубокой  древгости!

</font></DIV>

<br><br><br><br><br><br><br><br><br><br><br><br><br>

<CENTER>

<font face="Arial"></FONT>

<i>

<A HREF = "5.HTM">Далее</A>

</i>

</CENTER></body></html>

Рис. 5.7.6-5

Рис. 5.7.6-6

Исходный код файла 5.htm представлен на рис. 5.7.6-7.

<body BGCOLOR="#ddFFFF" "#FFCCCC"   LINK="#CC00FF"  VLINK="#0000ff" ALINK="#CC00FF">

<A HREF = "index.htm"><i><B><font face  = "Tahoma"  color = "red">

Назад

</font></b></i></a>

<center>

<font  face = "tahoma" COLOR="RED"></font>

С 

<FONT COLOR="RED"></font>

П

<FONT  COLOR="Green"></font>

И

<FONT  COLOR="whithe"></font>

С

<FONT  COLOR="Violet"></font>

К

<font  COLOR="orange"></font>

 И

&nbsp;&nbsp;&nbsp;&nbsp;

<font  COLOR="puple"></font>

И 

&nbsp;&nbsp;&nbsp;&nbsp;

<font  COLOR="green"></font>

Т

<font   COLOR="yellow"></font>А

<font COLOR="blue"></font> Б

<font  COLOR="RED"></font> Л

<Font  COLOR="yeloow"></font> И

<font  COLOR="green"></font> Ц

<font  COLOR="red"></font>Ы

<H1>СПИСКИ  НУМЕРОВАННЫЕ</H1>

<H2>ПРИЛОЖЕНИЯ  MICROSOFT  OFFICE  2000</H2></CENTER>

<FONT COLOR=RED></font>

<ol>

<LI>Word</LI>

<LI>Excel</LI>

<LI>Access</LI>

<LI>Power Point</LI>

<LI>Outlook</LI>

<LI>Internet  Explorer</LI>

</ol>

<CENTER>

<H1>СПИСКИ  НЕНУМЕРОВАННЫЕ</H1>

<H2>ГРАФИЧЕСКИЕ  ПАКЕТЫ</H2>

</CENTER>

<FONT COLOR=RED></font>

<UL>

<LI>3D   MAX  7.0

<LI>PHOTOSHOP 5.0

<LI>COREL  DROW 9.0

<LI>AUTOCAD   6.0

<LI>MACROMEDIA  FLASH 6.0

<LI>GIF  ANIMATOR  5.0

</UL>

<H2>СПИСКИ  ОПРЕДЕЛЕНИЙ</H2>

<FONT COLOR=RED></font>

<dl>

<DT>3D  MAX 7.0</dt>

<DD> Пакет  предназначен  для  создания  сцен  рехмерной  графики</dd>

<DT>PHOTOSHOP 5.0;</dt>

<DD>Пакет  предназначен  для  работы  с растровой  графикой,  обработки  и

монтажа  фотографий</dd>

<DT>COREL  DROW 9.0;</dt>

<DD>Мощнейший  графический  пакет, предназначенный для  векторной  графики</dd>

<DT>AUTOCAD   6.0;</dt>

<DD> Графический  пакет  для  пректирования  деталей</dd>

<DT>MACROMEDIA  FLASH 6.0;</dt>

<DD>Это восторг,  чудо-юдо- для создения  Flash-аннимаций</dd>

<DD>GIF  ANIMATOR  5.0;</dd>

<DT>Для создания  небольших  аннимаций</dt>

</dl>

<font face="arial"><i>

<A HREF = "z_4.HTM">Далее</A>

</i></font></body></html>

Рис. 5.7.6-7

Рис. 5.7.6-8


5.7.7. Задачи для самостоятельного решения по теме «Введение в разработку Web-приложений»



5.7.8. Тестовые задания по теме «Введение в разработку  Web-приложений»

 




 

А также другие работы, которые могут Вас заинтересовать

38416. Строительство жилого дома в Санкт-Петербурге 2.05 MB
  В инженерном оборудовании здания применены новейшие разработки и рекомендации.1 Состав работ охватываемых технологической картой.2 Детальная проработка Детальная проработка выполнена для плит покрытия.4 Дополнительные данные Лето работы ведутся в две смены.
38417. Проектування системи відеоспостереження магазину “Епіцентр” м. Черкаси 502.31 KB
  Системи відеоспостереження є сьогодні обов'язковим та основним елементом будьякої сучасної системи безпеки. Можливість дистанційного візуального контролю всього обєкту що охороняється його внутрішніх приміщень навколишнього простору і периметра дозволяє створювати високоефективні системи безпеки без витрат на зміст великого штату охорони. Ці системи здатні не тільки відображати оперативну обстановку але зберігати і архівувати всю відеоінформацію для подальшої обробки.
38418. Разработка новой и усовершенствование существующей автоматизированной системы очистки воды 15.56 MB
  1 Современные системы очистки воды 7 1.4 Результаты анализов очищенной воды 34 2. Основные положения Закона Российской Федерации О питьевой воде федеральной целевой программы Обеспечение населения России питьевой водой Водного Кодекса РФ межрегиональной программы Возрождение Волги и аналогичных региональных программ предусматривают повышение санитарно гигиенической надежности технологий водоподготовки в условиях трансформации качества воды в водоисточниках под воздействием природных и антропогенных факторов. Основными источниками...
38419. МОДЕРНИЗАЦИЯ УСТАНОВКИ ДЛЯ ОЧИСТКИ ВОДЫ 14.09 MB
  Актуальность работы обусловлена необходимостью производства качественной воды в постоянно возрастающих объемах. Целью диссертационной работы является теоретическое обоснование разработка новой и усовершенствование существующей автоматизированной системы очистки воды. Научная новизна работы заключается в обоснованном выборе режимов работы отчистного оборудования и создании автоматизированной системы управления обеспечивающей производство воды отвечающей высоким требованиям СанПиНа.
38420. Разработка стратегии развития предприятия на примере ИП «СОРОЧИНСКАЯ Л.В.» 475 KB
  Стратегическое планирование дает главное - цель, зная которую руководство фирмы будет принимать решения, обоснованные и направленные на ее достижение. На предприятии планируются все процессы: маркетинг, финансы и так далее. Стратегическое планирование включает в себя эти и другие планы.
38421. Анализ эффективности проведения соляно-кислотных обработок на Талаканском НГКМ 147.13 KB
  Простая солянокислотная обработка Применение простых кислотных обработок – наиболее распространенного вида кислотных обработок нефтяных скважин направлено на воздействие растворами кислоты на продуктивные породы призабойной зоны скважин с целью повышения их производительности. Простые кислотные обработки являются методом первичного воздействия раствором кислоты на породы призабойной зоны скважины. Если кислотные ванны подготавливают поверхность ствола скважины в интервале продуктивных коллекторов то цель простых кислотных обработок –...
38422. Встановлення, налаштування і оптимізація операційної системи MS Windows 7 в покроковому режимі 2.88 MB
  Вміння налаштувати операційну систему, дозволить уникнути багатьох неприємностей і незручностей: елементарний захист комп’ютера від несанкціонованого доступу, неналежне налаштування роздільної здатності і частоти оновлення екрану, залишки деінстальованих програм, а також помилки в самій операційній системі, які можуть призвести до помітного зниження швидкодії комп'ютера і втрати даних на жорсткому диску і т.п.
38423. ОПТИМИЗАЦИЯ АВТОМАТИЗИРОВАННОГО УЧАСТКА ОБРАБОТКИ СТУПИЦЫ ВЕДОМОГО ДИСКА СЦЕПЛЕНИЯ 2.45 MB
  2 Определение количества и типа основного и вспомогательного технологического оборудования 45 3.4 Технологическое проектирование вспомогательных служб участка 50 Материалы и грузооборот участка 62...