------------------ Вторая лабораторная ------------------ Третья лабораторная ------------------ Четвёртая лабораторная ------------------ Пятая лабораторная ------------------ Шестая лабораторная ------------------ Проектирование ИС, №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 По окончании загрузки обязательно нажмите Выход на вкладке редактирования. |