Понятие
сервера и
клиента.
Модель
взаимодействия.
Порядок
создания
сайта.
Подготовка
сайта на
основе WORD, EXCEL, WebBuilder.
Адрес
документа: |
http://90.189.213.191:4422/temp/kafedra_sapr_2017_gruppa_mpp78/lek6/lek6.doc
инд: 2-118-1-3 Каталог_программ Дубль |
Напоминание!:
·
Все
программы,
которые
используются
в данной
лекции, имеют
статус
свободного
применения и
не нарушают
авторских
прав.
·
Все
программы,
используемые
в данной лекции,
имеют
"портабельное"
исполнение.
Это означает,
что не требуется
установка
в
операционную
систему.
·
Все
программы
используемые
в данной лекции,
могут
испортить
Вам
информацию
или навредить
работе
Вашего
компьютера
Вашими действиями.
Поэтому любые
действия,
повлекшие вредные
последствия,
вызваны
только
Вашими
осознанными
или случайными
действиями.
Разделы
лекции:
·
Термин
"клиент-сервер"
(или
наоборот, т.к.
это не
принципиально)
означает
такую архитектуру
программного
комплекса, в
которой его
функциональные
части
взаимодействуют
по схеме
"запрос-ответ".
·
Если
рассмотреть
две
взаимодействующие
части этого
комплекса, то
одна из них
(клиент)
выполняет
активную
функцию, т. е.
инициирует
запросы, а
другая
(сервер)
пассивно на них
отвечает.
·
По
мере
развития
системы роли
могут меняться,
например,
некоторый
программный
блок будет
одновременно
выполнять
функции сервера
по отношению
к одному
блоку и
клиента по
отношению к
другому.
·
Далее
представлено
несколько
схем в рисунках,
поясняющих
данный
термин.
·
Сервер –
это
компьютер
или
несколько
компьютеров,
которые
обладают
большой
вычислительной
мощностью
(не путать с
электрической)
и хранят
большое
количество данных
(данные и
информация
это разные
понятия).
Сервер
всегда
находится во
включенном
состоянии и
подключен к
сети (либо к
локальной сети,
либо к сети
интернет),
чтобы
обрабатывать
запросы
пользователей
и выдавать
необходимые
данные. Чем
большее
количество данных
хранит
сервер на
жестком
диске, чем больше
количество
пользователей,
отправляющих
запрос, тем
мощнее
должен быть
сервер.
·
Все
сайты в
интернете
расположены
на серверах.
·
Если
сайт
содержит
небольшое
количество страниц
и данных, то
таких сайтов
на одном сервере может
быть очень
много.
·
Если
же сайт
содержит и
обрабатывает
огромное
количество
данных, то он
находится на
отдельном сервере
и, по сути, сам
является
сервером.
·
Так,
например, это
поисковые
системы (Yandex, Google, Mail.ru
и т.д.). Можно
сказать, что
все страницы
всех сайтов в
интернете
находятся на
серверах этих
компаний. В
данном
случае
понятие
сервер
представляет
собой
большое
количество
компьютеров
(серверов),
связанных
между собой и
работающих
параллельно,
для того,
чтобы
обеспечить
быструю
обработку
поискового
запроса и
выдачу
результата.
·
Уточним
взаимодействие работы
сайтов с
помощью
модели
взаимодействия
сервер-клиент.
·
Ниже
на рисунке
показана
модель
построения
сайта на
одном
компьютере
и обращение к
сайту на
другом.
·
Один
является
сервером, а
второй
клиентом. На
одном сайт
"содержится",
на втором
"обслуживается"
или
"смотрится".
Эти
два
компьютера
совершенно
одинаковые,
установлены
одинаковые
операционные
системы,
например Windows7.
Но,
на одном
компьютере
работает
программа
сервер сайта,
а второй
обращается и
читает этот
сайт.
Аналогично,
к серверу по
сети может
подключиться
и другой
компьютер, и
третий, и
"...надцатый" и
читать сайт.
Как показано
ниже на
рисунке.
Таким
образом, надо
иметь:
Необходим
отметить,
забегая
вперед, что
часто сервер
и клиент
располагаются
на одном
компьютере.
Это удобно
при отладке
программного
обеспечения.
Программист
"играет" и
"за себя" и
"за
противника" .
Выполняется
отладка
работы
программы и
проверяются
все
возможные и
"невозможные" запросы
и действия
клиента.
Начнем
с создания
сайта в
заданном
каталоге
(папке).
Но
это
получается очень
простой, и
даже скучный
сайт.
Приведем
некоторые приемы
"украшательств" и
"читабельности",
доступные в Microsoft Word
Построим
сайт с
графическими
изображениями
типа gif. Это
"живые"
картинки,
которые
позволяют
усилить
внимание или
наоборот,
ослабить.
В
каталоге
лекции
представлен
подкаталог gif-
картинок на
тему
физических
явлений природы.
Используем
эти картинки.
Последовательность
действий:
Сайт
готов,
откройте его
браузером и
проконтролируйте
отображение.
Подобный
подготовленный файл Sayter_shabr.doc (архив zip) с
картинками
по теме
механики и
техники и сформированная
соответствующая
страница index.html
находятся в
каталоге
лекции.
Внимание!
Файл
для
автозапуска
в расположении
каталога
должен
иметь
название index.htm Соответственно
и подкаталог
работы
будет index.
Редактор
Microsoft Excel обладает
теми же
возможностями
по формированию
сайта.
Принцип все
такой же -
создать и
сохранить в
формате html.
Нового в
методике нет.
Есть особенности
Excel, где
более удобно
оформлять
таблицы.
Разработано
достаточно
много
программного
обеспечения,
позволяющего
создавать сайты.
Основная
задача этих
редакторов -
максимально
предоставить
оформительские
возможности,
ввести
"красоты" и
"удобства".
Обеспечить
"привыкание"
к
определенному
стилю
оформления.
Рассмотрим
применение
редакторов
сайтов на
примере WYSIWYG
Web Builder . Будем
использовать
"портабельную"
30-дневную
версию и,
соответственно,
с меньшими
возможностями.
Необходимо
знать, что
существует
авторское
право
разработчика
на свой
программный
продукт.
Незнание
закона не
освобождает
от ответственности.
Нарушение
авторских
прав - это
нарушение закона,
за которым
может последовать
ответственность.
В данном конкретном
случае мы
используем
демонстрационную
версию с
ограниченными
возможностями
и не нарушаем
авторских
прав.
А даже
скорее
рекламируем
данный
программный
продукт.
Повторим
формирование сайта из
файла
Sayter_shabr.doc, но в
другом
редакторе.
Далее
представлены
сканы
основных
действий на
экране
компьютера.
Для
представления
сайтов с
музыкальным
оформление,
приведем
пример
воспроизведения
файлов
формата mp3 ,
которые
"оживлены"
рисунками gif.
Скачать архив музыкальное_оформление_сайтов_в_html_пример.zip
Открыть
для просмотра и просмотра2
Порядок
модернизации:
·
Откройте
каталог audioplayerengine и
замените
файл mpp78.gif на
свой вариант
рисунка. Т.е.
свой файл
переименуйте
в файл
mpp78.gif и
скопируйте в
каталог с
"заменой" .
Можно воспользоваться
примерами из
каталога лекции
gif_prroda
·
Замените
в файле index.html надпись
<title>
Гений
никогда не
скажет, что
он гений, по
себе знаю. </title> на
свою. Это
заголовок
сайта. Он виден
в
поисковике и
определяет
тему и
название
сайта .
Менять надо
то, что внутри
<title> ****
</title>
·
Специфические
команды в < >
называются
теги. Они определяют
вид, цвет и
другие
режимы
оформления .
Это
"ассемблерный
язык"
гипертекста и
поэтому его
использование
не всегда интересно. И
самое
важное - в
них легко
запутаться.
Но знать про
них надо. Ознакомиться
с основными
тэгами по адресу.
·
Укажите
на своем
сайте ссылку
на каталог с музыкальным
отображением.
Проверьте
работу.
·
Примечание.
Для работы с
файлами html
удобнее
использовать
другие
редакторы,
чем Блокнот.
Например AkelPad.zip ,
находиться в
каталоге
лекции.
1.
Наводнение.
2.
Радиационное
заражение, аварии
на АЭС.
3.
Извержение
вулканов.
4.
Цунами.
5.
Землетрясение
6. Большая
волна от
тайфуна или
шторма.
7.
Торнадо и
сильный
ветер.
8.
Молнии и
атмосферное
электричество.
9.
Пожары.
Защита жилых
здания.
10.
Космический
=Мусор=
метеориты и
болиды.
11.
Оползни.
12.
Лавины.
13.
Пыльные
(Песчаные)
бури.
14.
Таяние
ледников и
последующие
события природы
15.
Ледниковый
период
природы на
Земле.
Помните,
что
зачитывают при
задержании
полицией! - Вы
имеете право
выражать свое
мнение о
работе
сотрудников
полиции,
однако все
вами
сказанное может
быть
использовано
нами против
вас;
А
так же,
приведем
выражение
классика Некрасова
Н. А. из его произведения
"
Осторожность
"
-
Оправдаться
есть
возможность!
-
Но не
спросят! Вот
беда!
-
Осторожность,
осторожность
-
Осторожность
, господа!
И
философский
анекдот про
учебу:
Будда
с учениками
сидел у реки
и ждал лодочника.
Появился
йог, который
перешел
несколько раз
по воде, и с
пафосом
обратился к
Будде с вопросом:
- Ну, а
ты,
Просветленный,
так можешь?
На
что Будда
спросил:
- Сколько
времени ты
затратил на
то, чтобы
достичь
этого?
-
Почти всю
жизнь я
затратил на
то, чтобы научиться,
провел много
времени в
суровых аскезах.
Пришел
лодочник и
Будда
спросил его:
-
Сколько
стоит
переправа?
- Три
гроша, -
ответил
лодочник.
Будда,
повернувшись
к йогу,
сказал:
-
Слышал? Вот
столько
стоит вся
твоя жизнь.
Ред.2023-2-28-
Подготовил
Шабронов А.А. тс 913-905-8839 shabronov@ngs.ru