Корпоративные информационные системы
Загрузка изображений запрещена   Корпоративные информационные системы

Содержание сайта
  Первая лабораторная
------------------
  Вторая лабораторная
------------------
  Третья лабораторная
------------------
  Четвёртая лабораторная
------------------
  Пятая лабораторная
------------------
  Шестая лабораторная
------------------
  Проектирование ИС, №1
------------------
  Проектирование ИС, №2
------------------
  Проектирование ИС, №3
------------------
  Проектирование ИС, №4
------------------
  Проектирование ИС, №5
------------------
  Проектирование ИС, №6
------------------
  Проектирование ИС, №7
------------------
  Проектирование ИС, №8
------------------
  Проектирование ИС, №9
------------------
  Проектирование ИС, №10
------------------
  Проектирование ИС, №11
------------------
  Проектирование ИС, №12
------------------
  Полезные ссылки
------------------

Создание сайта в Internet.

Цель работы: сайт должен быть предназначен прежде всего для выкладывания отчётов о лабораторных работах. Однако, это не накладывает никаких ограничений на иные материалы, которые студент размещает на своём сайте, за исключением удовлетворения требованиям законодательства РФ. Более того, создание большого контента, а также установка счётчиков, форумов, гостевых и прочая, приветствуется, поскольку это даёт хорошую практику и знания, которые наверняка пригодятся в будущем.

Основные рекомендации:

1. Фотографии и другой графический материал должны быть разумного размера. Пример: выкладывание фотографий непосредственно из цифрового фотоаппарата, объёмом по 600-900 килобайт – явный признак неквалифицированности и некомпетентности в web-технологиях. Фотографии должны быть сокращены до, примерно, 1024х768 точек и сжаты с коэфициентом 0.7-0.9 в форматах .png или .jpg, например, с помощью программы GIMP. В этом случае они получаются объёмом 50-90 килобайт, что уже терпимо. Еще лучше использовать двойной размер: непосредственно в тексте помещать фото маленького размера (например, 200х150 точек объёмом 5-10 кб), делая её ссылкой на большую, объёмом 50-100 кб (то есть, пользователь щёлкает по маленькому фото и ему открывается большое). Смысл: если на сайт зайдёт пользователь с обычным модемным каналом (со скоростью 20-30 килобит), то он будет ждать по 15-30 минут, пока загрузится только одно фото, если оно размером в мегабайт. Он дождётся, пока загрузится вся страница?

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

3. Следует помнить, что хорошо раскрученный сайт – это репутация. Уже сейчас Internet – это хороший образ реальности. Через несколько лет жизнь существенно переместится в Internet и жить вам придётся в Internet'е. И работать.
В каталоге shablon-site приложен шаблон, который можно использовать, если нравится. Или переделать в нужный вам вид, если не очень нравится. В исходном тексте шаблона указано, что, где, для чего нужно внести изменения.
Также в каталоге есть краткое руководство по HTML (html-manual.odt) и рекомендации по созданию сайта (lab8-pravila.odt).

Правила и требования:

1. Правильное оформление блока HEAD.
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<title>Имя страницы – это то, что отобразится в заголовке браузера</title>
<meta name="Author" content="Автор – не забывайте себя порекламировать">
<meta name="description" content="Краткое описание страницы - аннотация">
<meta name="keywords" content="Ключевые слова – слова, чаще всего встречающиеся на странице, их может быть много; теги keywords, description и title проверяются на согласованность поисковыми машинами, их содержание должно соответствовать содержанию самой страницы. Лучшее решение: содержание title входит в состав description, а слова из description входят в keywords + в keywords нужно добавить наиболее часто встречающиеся слова из текста страницы и которые наиболее соответствуют теме страницы">
</head>

2. Имена файлов.
Очень часто web-серверы работают на unix’овых машинах (бесплатные хостинги — все на unix-овых машинах), а в unix файлы index.html, Index.html, iNdex и inDEx.html (например) – это разные файлы, в то время, как в Windows – это один и тот же файл. Кроме того, unix может не понять русские буквы, кодировки могут оказаться разными. На какой машине ваш web-сервер? А завтра на какой будет? Вывод: всегда пишите имена файлов только маленькими латинскими буквами. Можно ещё использовать цифры, тире и знак подчёркивания. Пробелы и другие спецсимволы использовать нельзя.

3. Правильно оформляйте ссылки.
Если вы ссылаетесь на локальные файлы, как показано в примере (*), то имена файлов должны быть относительными. То есть, не нужно указывать С:\какой-то каталог\… \имя файла, а нужно только <имя файла>. Ещё раз: пусть у вас каталог C:\Personal\my_site, в нём вы создали файл index.htm, в этом же каталоге вы создали файл about_me.htm, тогда в файле index.html ссылка на файл about_me.htm должна быть такой, как показано в (*). Если же вы укажете в ссылке C:\Personal\my_site\about_me.htm, то наверняка web-server вам выдаст: «Not found!».

4. Средства разработки.
Очень хорошее и простое средство - nvu (читается «энвью»), без излишеств и легко осваивается. Можно также пользоваться и другими средствами – что вам проще освоить, решайте сами. В составе AltLinux имеется quanta+ (Quanta plus), документация на русском.
Не рекомендуется пользоваться Flash – далеко не у всех установлены новейшие браузеры, которые понимают этот выпендрёж, или не у всех загружены соответствующие плагины. Соответственно, они не смогут увидеть ваши гениальные разработки.
Запрещается использовать фреймы! Есть мнение, что в следующих версиях языка HTML они будут исключены.

5. Кодировка.
Не забывайте правильно оформлять тег
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
или
<meta http-equiv="content-type" content="text/html;charset=koi8-r">
Он очень важен для правильного отображения текста страницы браузером, поскольку определяет кодировку страницы. Есстественно и страница должна быть в означенной кодировке, иначе будет абракадабра.

6. Оформление.
Не злоупотребляйте графикой: очень многие (более половины всего российского Internet’а) работают пока ещё по модемному каналу со скоростью 1.5 – 3.0 килобайта в секунду и, следовательно, фотка объёмом в 100 кб будет грузиться в среднем минуту, то есть, целую минуту потенциальный читатель вашего шедевра будет пялиться в экран и ждать появления всего лишь одной фотки на экране. А если вы их положили на страницу не одну? Вывод: а) изображения должны быть разумного размера; б) можно вставлять на страницу маленького размера изображения (6-10 кб) и делать их ссылками на большие, например, так:
<p>
<a href="pic2_big.jpg"><img src="pic2_small.jpg" align="left" border="0" height="188" hspace="12" width="250" alt="Альтернативный текст, кот. отображается, если в браузере заблокирована загрузка изображений">
</a>
</p>
Кстати, обратите внимание на параметр alt=”. . . “ и не забывайте его оформлять правильно. Текст из alt – один из важнейших параметров, анализируемых поисковиками при вычислении рейтинга страницы. Текст из alt должен соответствовать теме/содержанию страницы и желательно, чтобы в ketwords слова из alt присутствовали.

7. E-mail.
Регистрация на yandex.ru: Заходите браузером на Яндекс. Кнопочка "Регистрация". Заполняете анкету. Самое сложное здесь - подобрать логин: он должен быть как можно короче и быть осмысленным. Вводите пароль. ЗАПИСЫВАЕТЕ НА ПРОМОКАШКУ! Иначе забудете! Возможно операцию подбора логина придётся повторить несколько раз. Потому как не Вы один жаждете зарегистрироваться на Яндексе. Кто-то раньше Вас успел. По завершении регистрации вы станете обладателем эдектронного адреса ваш_логин@yandex.ru. И пишите письма!

8. Резервирование места под сайт
Одновременно с электронной почтой yandex предлагает Вам и место под WEB-сайт с адресом ваш_логин.narod.ru (то есть, бесплатный hosting). Обратите внимание на правильность написания адреса e-mail и адреса сайта.
Для выделения места на сервере под Ваш сайт откройте браузер, введите в адресной строке narod.yandex. ru и войдите в сеанс (нажмите Войти и введите логин - совпадающий с именем почтового ящика - и пароль). На обновленной странице появится кнопка Создать сайт. Нажмите ее и подождите немного. Далее выберите формат Tabula Rasa и жмите Дальше. На появившейся странице ничего не вводя жмите Дальше. На следующей странице нажмите Начать заполнять.
С этого момента для Вашего сайта место выделено. Теперь можно выйти (Выход) и посмотреть, что по умолчанию отображается на сайте. Чтобы попасть на свой сайт откройте новую вкладку браузера и введите в адресной строке ваш_логин.narod.ru

9. Редактирование сайта
Редактирование сайта целесообразнее делать в такой последовательности. На своей рабочей станции (ПЭВМ) разрабатываются страницы сайта и просматриваются. Затем отредактированные страницы закачиваются на сервер. Для обновления сайта на сервере зайдите на narod.yandex. ru и войдите в сеанс (нажмите Войти и введите логин - совпадающий с именем почтового ящика - и пароль). Появится кнопка Редактировать, жмите ее. В открывшемся окне нажмите на стрелку рядом с надписью Конструктор сайтов и в появившемся контекстном меню выберите Управление файлами.В появившемся окне можно будет загрузить на сервер отредактированные страницы сайта. Всплывающую подсказку уберите, нажав надпись Я в курсе. Слева в окне отображается дерево каталогов Вашего сайта (пока там только главная страница). Справа - отображаются файлы.
Чтобы загрузить файл(-ы) нажмите Загрузить файл. Далее с помощью Обзора укажите нужные файлы. Конечно, обязательно надо загрузить главный файл сайта index.html. Соглашайтесь с заменой старой версии файлов.
Теперь можно посмотреть обновленную версию сайта. Чтобы попасть на свой сайт откройте новую вкладку браузера и введите в адресной строке ваш_логин.narod.ru По окончании загрузки обязательно нажмите Выход на вкладке редактирования.