В настоящее время Всемирная паутина (World Wide Webили более краткоWWW ) является фактически синонимом сети Интернет. У большой части людей посещение сайтов отождествляется с Интернетом, хотя это один из сервисов данной сети, но наиболее востребованный. С помощью Всемирной паутины мы находим необходимые документы, просматриваем новости, слушаем музыку и т.д.
При этом по сравнению с Интернет в целом WWW является довольно молодым изобретением (новым сервисом сети). В 1990-м году сотрудник CERN (Европейская лаборатория ядерной физики) Тим Беренс-Ли изложим основополагающие принципы WWW. Это и послужило точкой отсчета развития Всемирной паутинны.
Все компьютеры, вовлеченные в сеть Интернет, имеют уникальные номера, что позволяет им обмениваться между собой информацией. Уникальный номер компьютера по-другому называется IP-адресом, который состоит из четырех чисел, разделенных точками (точки исключительно для удобства восприятия — на самом деле это всего лишь 32-битная последовательность), например: 107.53.12.01. По IP-адресу в Интернете можно найти любой компьютер.
Всемирная паутина организована таким образом, что часть компьютеров подключенных к сети предоставляет информацию (звук, текст, видео и т.д.), а другие компьютеры как раз и обращаются к ним за этими данными. Компьютеры, которые предоставляют свои ресурсы во Всемирной паутине, называются Web-серверами.
Очевидно, когда пользователи получают запрашиваемую информацию с Web-серверов, то должны иметь возможность ее просматривать на своем компьютере. Для этого существуют специальные программы, которые называются браузерами. В переводе слово браузер означает просмотрщик или обозреватель. То, что мы наблюдаем в окне браузера называется Web-страницами.
Основным ресурсом Всемирной паутины являются Web-сайты, которые реализованы на Web-серверах (хотя сайты крупных организаций нередко обслуживают несколько серверов). Браузеры также являются важной составляющей сети Интернет. Обмен сведениями между Web-сайтами и браузерами пользовательских компьютеров и составляет работу во Всемирной паутине. Понятно, что роль браузера в таком информационном обмене значительна.
На протяжении недолгой истории службы WWW популярность переходила от одного браузера к другому. Так, в конце 90-х годов компания Microsoft не относилась к сети Интернет серьезно. И длительное время большой популярностью пользовался браузер Netscape. Преимущества этой программы по сравнению с другими имеющимися тогда на рынке были весьма значительны, и казалось, что подобная ситуация будет продолжаться всегда. Обнаружим стратегическую ошибку в плане недооценки Интернет, компания Microsoft бросила значительные ресурсы на создание и совершенствование своего браузера, и в настоящее время Internet Explorer используется подавляющим большинством пользователей сети.
Браузеры позволяют практически мгновенно просмотреть информацию с Web-сайтов, расположенных по всему миру и найти необходимые пользователю сведения.
Чтобы представить информацию на Web-серверах для глобального использования, нужен универсальный язык, который понимали бы все браузеры. И таким языком, является HTML -язык разметки гипертекста (Hypertext Markup Language). HTML предоставляет средства для:
публикации электронных документов с заголовками, текстом, таблицами, списками и фотографиями;
получения электронной информации с помощью щелчка мыши на гипертекстовой ссылке.
В этой главе мы рассмотрим технологию создания Интернет-страниц с помощью только языка разметки гипертекста HTML. В последующих главах книги, будут использованы другие (более сложные) ресурсы разработки Web-сайтов, которые позволят вам сделать создаваемые страницы более интересными и функциональными.
Основная идея языка HTML заключается в добавлении к содержательной информации дополнительных слов (тегов), которые понимает программа браузер. Формально тег - ключевое слово, заключенное в угловые скобки (“<” и “>”). В целом теги определяют структуру документа. Приведем несколько примеров тегов:
- информирует браузер о том, что последующий текст является информацией на языкеразметки гипертекста;
- заголовок первого уровня;
- создание списка элементов.
Большинство тегов парные. Так, например, начало оформления заголовка третьего уровня (номер уровня определяет размер шрифта заголовка) начинается с тега
. После размещения самого заголовка в тексте HTML-файла должен располагаться тег
. Наклонная черта (слэш) является признаком того, что данный тег завершающий. В данном случае если завершающий тег не указать, то браузер так и будет отображать последующий текст в формате заголовка третьего уровня.
ПРИМЕЧАНИЕ
Пропуск закрывающих тегов приводит к искажению страницы в окне браузера. Однако в отличие от традиционных языков программирования такое нарушение синтаксиса не приводит к остановке отображения информации в окне браузера.
Хотя HTML называется языком, однако по своим функциям он существенно отличается традиционных языков программирования.
ПРИМЕЧАНИЕ
Теги не чувствительны к регистру, но для определенного единообразия и стиля программисты придерживаются больших или строчных букв.
Некоторые теги могут иметь параметры. Параметры указываются после имени тега через пробел в формате параметр=”значение”. Если параметров несколько, то они указываются через пробел.
Теги могут вкладываться друг в друга. При такой вложенности необходимо внимательно указывать и закрывающие теги.
Создание HTML-файла в Блокноте В этом разделе мы начнем первые практические действия. А именно разберем технические шаги, направленные на создание Web-страниц. Для этого можно использовать различные редакторы. И если вы в любой поисковой системе (Rambler, Yandex и т.д.) укажите в строке поиска “редактор HTML”, то получите массу предложений.
Например, один из бесплатных редакторов HTML-кода можно скачать с сайта http://www.chami.com/html-kit. Заметным плюсом этой и подобных программ является проверка кода.
Однако в принципе для создания страниц можно вполне использовать приложение Блокнот, которое является стандартным компонентом Windows. В этом случае ничего перекачивать не требуется, и в последующем тексте мы и будем использовать данное приложение.
Может возникнуть вопрос – надо ли подключаться к сети Интернет для последующей практической работы с примерами, приведенными в книге. Нет, подключаться не требуется. Фактически в этом случае мы не скачиваем созданные страницы с Web-сервера, а разрабатываем их прямо на своем компьютере. Таким образом, в этом случае по сравнению с реальной работой в Интернете исчезает только процесс передачи файлов.
ПРИМЕЧАНИЕ
В реальной ситуации происходит сначала закачка HTML-файлов из сети Интернет, и только потом отображение их содержимого в окне браузера.
Итак, откроем программу Блокнот (Пуск Программы Стандартные Блокнот). Наша задача сейчас - создать первый HTML-файл и просмотреть его в окне браузера. Поэтому в указанном редакторе напишем текст, приведенный на листинге 1.1. Сам текст мы далее прокомментируем, а пока отметим важный момент, связанный с сохранением файла.
HTML-файлы имеют расширение .htm или .html. Вариант четырехбуквенного расширения является более современным и в настоящее время является доминирующим. Поэтому, последующие файлы необходимо сохранять с обязательным расширением .html. Предварительно лучше создать специальную папку, где и будут размещаться ваши HTML-файлы.
ПРИМЕЧАНИЕ
В приложении Блокнот в окне сохранения файла необходимо обязательно в качестве типа сохраняемого файла выбрать вариант – Все файлы.
Таким образом, набрав информацию, представленную на листинге 1.1, в окне редактора Блокнот сохраним ее в файле ris1_1.html. После этого следует открыть браузер Internet Explorer (Пуск Программы Internet Explorer) и с помощью меню ФайлОткрыть просмотреть только что сохраненный файл. Можно также поступить по-другому - в адресной строке указать местоположение файла. На своем компьютере я выбрал в качестве имени и полного пути файла - G:\Piter\Glava1\ris1_1.html.
СОВЕТ
Можно предложить более удобный способ открытия Web-страницы в окне браузера. Для этого достаточно лишь дважды щелкнуть по пиктограмме HTML-файла. В этом случае мы используем то, что операционная система файлы с расширением html автоматически открывает в приложении Internet Explorer.
В результате выполнения описанной последовательности шагов вы должны увидеть страницу подобную представленной на рис. 1.1.
Листинг 1.1. Файл, формирующий Web-страницу на рис. 1.1
Пример первой страницы на языке разметки гипертекста HTML
и
Пример
Вторая страница на языке разметки гипертекста HTML
vlink=”#000080” text==”#555555”>
Таким образом, можно считать первые практические шаги в плане знакомства с технологией создания Web-страниц сделанными. Далее мы рассмотрим различные возможности языка разметки HTML.
Форматирование текста
В известном всем приложении Microsoft Word для форматирования текста используются заголовки и абзацы (параграфы) текста. Аналогично на Web-страницах можно оформить текст в виде заголовков различного уровня и параграфов.
Для выделения названий разделов и подразделов на странице используются теги заголовков. Этих уровней шесть и для них отводятся теги от до
.
Размер шрифта заголовков последовательно уменьшается от
до
, но при этом абсолютные размеры букв подбираются браузером самостоятельно.
На листинге 1.3 представлено содержимое файла, который позволяет оформить страницу, так как показано на рис. 1.3. Что касается тегов заголовков, то о них мы уже говорили. Кроме заголовков здесь использован тег для организации параграфа - . Закрывающий тег ( ) часто не используется, а сам параграф продолжается до тех пор, пока не встретится тег, определяющий новый параграф (как раз, этот момент присутствует в нашем примере). Кроме этого, в рассмотренных тегах использован атрибут align, с помощью которого можно выровнять фрагмент по правому краю (right), левому (left) или по центру (center).
Листинг 1.3. Файл, формирующий страницу на рис. 1.3
Пример заголовка 1-го уровня
Пример заголовка 2-го уровня
Пример 1-го параграфа текста
Пример 2-го параграфа текста
Разрабатываемая далее книга Microsoft Excel
будет включать несколько листов данных и несколько листов
управления. Исходная ситуация такова — мы располагаем рядом
клиентов (заказчиков), которые обращаются к нам по поводу ремонта
проданной им техники (ремонт в течение гарантийного срока является
вполне нормальным делом).
Разрабатываемая далее книга Microsoft Excel
будет включать несколько листов данных и несколько листов
управления.
Разрабатываемая далее книга Microsoft Excel
будет включать несколько листов данных и несколько листов
управления.
Исходная ситуация такова — мы располагаем рядом
клиентов (заказчиков), которые обращаются к нам по поводу ремонта
проданной им техники (ремонт в течение гарантийного срока является
вполне нормальным делом).
Разрабатываемая далее книга
Microsoft Excel
будет включать несколько листов данных и несколько листов
управления
NHL
<H1> -
заголовок первого уровня
Разрабатываемая далее книга
Microsoft Excel
будет включать несколько листов данных и несколько листов
управления.
Пример страницы с картинкой
>, в качестве значения которого следует указать имя файла. В следующей конструкции для заднего фона используется файл 3.jpg:
.
Если фоновое изображение небольшого размера, то браузер его размножает (самостоятельно использует его как блок для укладки всей поверхности страницы). На листинге 1.12 приведен текст HTML-файла, который обеспечивает формирование Web-страницы представленной на рис. 1.12.
Листинг 1.12. Файл, формирующий страницу на рис. 1.12
alt="НГЛУ им.Н.А.Добролюбова">
alt="НГЛУ им.Н.А.Добролюбова">.
Гиперссылки
Самая важная функциональность языка разметки HTML заключается в возможности создавать ссылки на другие документы. Это наиболее заметное отличие содержания сайтов от печатных изданий. Благодаря гиперссылкам сайты, расположенные в сети Интернет, связаны в единое информационное пространство, которое по праву называется Всемирной Паутиной.
Прежде всего, что же такое гипертекст? В отличие от обыкновенного текста, который можно только читать, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Системы помощи практически всех популярных программных продуктов устроены именно по гипертекстовому принципу. При нажатии левой кнопкой мыши на некоторый выделенный фрагмент текущего документа происходит переход к другому заранее назначенному документу или фрагменту документа.
Для формирования на странице гиперссылок существует тег A (он и называется якорем). Ключевым атрибутом тега А является href. Его значение необходимо установить на URL-адрес необходимого документа находящегося на том же компьютере либо на другом расположенном в сети Интернет.
Внешне при наведении курсора мыши на гиперссылку в окне браузера курсор мыши изменяется, а при щелчке по гиперссылке происходит открытие необходимого документа, либо в текущем окне, либо в новом окне браузера.
ПРИМЕЧАНИЕ
В современных браузерах гиперссылки по умолчанию отображаются с подчеркиванием, а также выделяются ярко-синим цветом. Если подвести к гиперссылке указатель мыши, он превращается в “ладонь руки”. В таком состоянии можно щелкнуть мышью, чтобы переместиться к другому ресурсу.
На листинге 1.16 приведен пример использования простого маркированного списка, а на рис.1.15 соответствующая страница представлена в окне браузера.
Рис. 1.15.
Листинг 1.16. Файл, демонстрирующий использование неупорядоченного списка
Файл для формирования страницы на рис. 1.15 -->
Параметры тега IMG
<LI>src – для указания имени файла и при необходимости пути к нему;
border – толщина рамки вокруг изображении;
height – высота изображения;
width – ширина изображения;
alt – текстовая информация.
МОСКВА
Шатура
Красногорск
Химки
НИЖНИЙ НОВГОРОД
Кстово
Бор
МОСКВА
Шатура
Красногорск
Химки
НИЖНИЙ НОВГОРОД
Кстово
Бор
Конфигуратор
Режим работы системы 1C:Предприятие, в котором
разработчик можеет создавать конфигурации для решения
прикланных задач автоматизации деятельности предприятия.
Режим работы 1C:Предприятие
Режим работы системы 1C:Предприятие, в котором
пользователь работает с прикладным решением, созданным
на основании одной из имеющихся конфигураций.
ХОККЕЙ
ДИНАМО
САЛАВАТ ЮЛАЕВ
АМУР
ФУТБОЛ
ЗЕНИТ
КРЫЛЬЯ СОВЕТОВ
СПИСОК УЧАСТНИКОВ
ДИНАМО,
САЛАВАТ ЮЛАЕВ,
АМУР
Место проведения
Москва 10 04 2008
Список сотрудников
Отдел быта
Транспортный отдел
Петров О.В.
Борисов А.Л.
Орлова П.В.
Викторов Д.Л.
Орлова П.В.
Список лиц
Филиалы
Руководитель
Ответственный за рекламу
Верхневолжский
Петров О.В.
Борисов А.Л.
Заречный
Орлова П.В.
Нагорный
Федоров О.В.
Козлова П.В.
Список лиц
Сотрудники
Отдел
Должность
Петров О.В.
Отдел сбыта
Зав. лабораторией
Орлова П.В.
Отдел автоматизации
программист
Информационный отдел
ведущий программист программист
КОНЦЕПЦИЯ СИСТЕМЫ 1С:ПРЕДПРИЯТИЕ
1С:Предприятие является универсальной системой автоматизации деятельности предприятия ( занимающегося как торговлей так и производством).
При этом 1С:Предприятие может быть использована для автоматизации самых разных участков работы. Основной особенностью системы 1С:Предприятие является возможность ее конфигурирования для каждого варианта использования
(программу можно настроить для “себя”). И функционирование системы делится на 2 процесса – конфигурирование (создание вида или варианта использования программы) и исполнение (собственно работа с программой 1С:Предприятие ).
На этапе конфигурирования можно создавать различные виды объектов…
Перейти к концепции системы 1С:ПРЕДПРИЯТИЕ
Здесь в строке вводится внутренняя гиперссылка, а далее по тексту обеспечивается возможность перехода по данной гиперссылке с помощью тега:
.
Вы можете также создавать гиперссылки на закладки расположенные других страницах, указывая ссылку в виде HREF="имя_страницы.html#имя_ссылки”.
Создание карт гиперссылок
Ранее мы рассматривали создание гиперссылок при наведении курсора мыши на изображение. В этом случае на рисунке появляется одна гиперссылка (один якорь). В ряде ситуаций на комбинированном изображении требуется обеспечить две или более различных гиперссылок. Например, в изображении может присутствовать фирменные знаки различных организаций, и при щелчке по одному из знаков происходит переход на сайт соответствующей фирмы. Это называется картой ссылок.
Рассмотрим – каким образом в качестве якоря гиперссылок использовать отдельные части изображения, называемые горячими точками. В примере, приведенном на рис.1.27, тег перейти в каталог файлов