Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
диплом 2-3 часть.docx
Скачиваний:
40
Добавлен:
11.02.2015
Размер:
590.45 Кб
Скачать

Глава 3. Разработка сайта для мук мцб орехово-зуевского района

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

Создать сайт можно несколькими способами. У каждого из них есть свои плюсы и минусы. Одними из основных способов создания сайтов есть следующие.

  1. Создать сайт самостоятельно, используя бесплатные CMS. Главное преимущество здесь в том, что вы создаете сайт абсолютно бесплатно. Поскольку данный способ очень популярен, то вы без проблем сможете найти ответы на возникающие вопросы, а также получить помощь, если вам это потребуется.

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

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

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

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

Для этого необходимо решить следующие частные задачи:

– ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

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

– выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

– ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

– определиться со структурой Web-страниц;

– выбрать стратегию разработки и создания Web-сайта.

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

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

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

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

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

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

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.

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

Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

Итак, Web-страница может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

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

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

Дизайн сайта можно сравнить с визитной карточкой или этикеткой на коробке. Если дизайн сайта будет отталкивающим, то даже самая увлекательная информация не сможет удержать посетителя.

Оформление сайта – это особая наука. Чтобы освоить мастерство дизайна Вам нужно будет узнать, что такое колористка (теория цвета), композиция, шрифт и т.п. Дизайн, как и любая наука, имеет свои правила и законы.

Без знания HTML кода в программировании не обойтись. Поэтому запасайтесь терпением и знаниями по учебникам HTML!

Все необходимые программы – скрипты создаются при помощи языков веб-программирования. Последовательный набор команд позволяет выполнять те или иные действия на сайте.

Чтобы создать сайт бесплатно на ucoz.ru  вам потребуется не более 3-х минут! Намного дольше вы будете наполнять его информацией, исследовать тонкости шаблона и ждать его раскрутки. Но создать сайт на ucoz – очень просто. Итак, для этого вам нужно перейти на главную страницу http://ucoz.ru  и создать новый аккаунт, если у вас его еще нет. Создав новый аккаунт, вы попадете в веб-топ панель.

В вебтопе вы увидите кнопку Создать сайт. Далее нам будет предложено выбрать название сайта. Таким образом, мы бесплатно получаете домен 3-го уровня вида: mysite.ucoz.ru или mysite.my1.ru или другие варианты. В моем случае это: mukmzb.ucoz.com.

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

выбрать дизайн по шаблону

и необходимые модули для работы.

Далее нажимаете Готово и попадаете в панель управления сайтом. Теперь дело остается за наполнением сайта, добавлением пунктов меню и разработкой грамотных заголовков.

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

Мозг человека устроен таким образом, что вс. Поступающую информацию он воспринимает намного более эффективно в том случае,

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

Другое название информационного наполнения сайта – контент.

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

Процесс информационного наполнения сайта включает себя несколько последовательных этапов:

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

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

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

В обязанности копирайтера входит:

-сопоставление, а в случае необходимости исправление и доработка готового текста, при этом учитывается не только орфография, но и общая стилистика;

-редактирование написанного с целью его соответствия запросам и уровню целевой аудитории сайта

-наполнение текста ключевыми словами и фразами с целью дополнительного продвижения информационного ресурса в сети Интернет.

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

Работа с контентом не ограничивается первоначальным наполнением сайта информацией, в дальнейшем происходят:

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

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

Рассмотрим основные направления, по которым проводится работа в процессе наполнения сайта информацией.

1.Характер информации. Основной вопрос, который обычно встает тут перед заказчиком и разработчиком: достаточно ли будет только текстового наполнения или есть необходимость дополнить его картинками, графиками и видеофайлами? Но на этом этапе также определяется формат текста и файлов. Здесь преследуется только одна цель-представление пользователю информации в наиболее привычном и удобном виде.

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

-ориентация на ту целевую аудиторию, среди которой данная информация будет наиболее востребована;

-время поступления информации к пользователю: клиент должен получать сведения именно тогда, когда это наиболее оптимально в одном случае для него, а в другом-для администратора сайта;

-степень значимости информации для пользователя;

-тип информации;

-собственные критерии лица или компании, которым принадлежит сайт.

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

-меню- представляет собой «оглавление» сайта с указанием его основных разделов; иногда каждый пункт меню содержит раскрывающиеся при наведении мышки подразделы;

-выпадающие списки - являются аналогами меню, но менее наглядны, так как разделы в них не видны пользователю сразу;

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

-кнопки по типу «назад» («back») и «вперед» («forward»), которые переводят пользователя на следущую и предыдущую страницу; удобны в тех случаях, когда каждая страница на сайте является продолжением другой;

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

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

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

Дополнение и изменение контента сайта. Сайт способен привлечь большое количество клиентов только в том случае, если его контент постоянно обновляется. Основными путями достижения этого являются:

-регулярная публикация новостей;

-создание новых разделов и дополнение существующих;

-наличие форумов и блогов.

Документ в окне с кодом HTML - это текстовый документ специального формата. Все файлы этого формата имеют расширение.html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < и >, например<html><head><title></title>. Такие элементы разметки называются тэгами. Тэги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом в определенном порядке элементов:

•       левой угловой скобки <;

•       необязательного символа слэш /, который означает, что тэг является конечным тэгом, закрывающим некоторую структуру, например, </title>. В этом смысле можно читать символ / как конец некоторого элемента разметки, например, строки или абзаца;

•       имени тэга, например, html;

•       необязательных атрибутов. Тэг может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например,align="center";

•       правой угловой скобки >.

Таким образом, открывающий тэг <html>, стоящий вначале документа HTML и означающий его начало, состоит из имени html и двух угловых скобок < >, а тэг </html>, находящийся в конце Web-документа, кроме указанных элементов содержит также символ слэш /, означающий закрывающий тэг и указывающий на конец документа. Тэг <div align="center">, означающий разделение документа на части, содержит, кроме имени div, атрибут align со значением "center", означающий выравнивание по центру.

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

Язык HTML не различает большие и малые буквы, так что тэги <HEAD><head> и <Head> эквивалентны. Далее мы будем использовать написание тэгов в нижнем регистре.

Большинство тэгов спарены: за открывающим тэгом следует соответствующий ему закрывающий тэг, а между ними содержится текст или другие тэги.

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

Большинство тэгов могут иметь один или несколько атрибутов - параметров, дающих дополнительную информацию о том, как браузер должен обрабатывать текущий тэг. Однако атрибутов может и не быть вовсе. Атрибут тэга состоит из имени, например, align,знака равенства = и значения, которое задается строкой символов, например, "center":align="center". Значения атрибутов обычно заключаются в кавычки. Однако если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить, например: align=center.

Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:

<html>

<head>

</head>

<body>

</body>

</html>

Структура HTML-документа содержит следующие обязательные элементы:

• тэги <html> и </html>, которые отмечают начало и конец документа;

•       заголовок, ограниченный тэгами <head> и </head>;

•       тело, ограниченное тэгами <body>...</body>.

В заголовке, ограниченном тэгами <head> и </head>, с помощью тэгов <title>...</title> определяется название документа, которое должно описывать его содержимое и обычно содержит не более 5-6 слов. Это название отображается браузерами в строке заголовка рабочего окна программы, а роботы, составляющие индексы для поисковых систем, идентифицируют документ, используя его название.

Кроме элемента <title>...</title>, заголовок может содержать элементы <meta>...</meta>. Открывающий тэг <meta>включает пары имя=значение, описывающие свойства документа, например, авторство, список ключевых слов и т.д. Эти данные используются также поисковыми серверами при индексации документов. Имея под рукой таблицу тэгов и таблицу цветов. Теперь вы можете смело наполнять страницы сайта любой информацией.

Таблица тэгов.

Основные теги

<html></html>

Указывает программе просмотра страниц что это HTML документ.

<head></head>

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

<body></body>

Определяет видимую часть документа

Теги оглавления

<base href="www.?">

Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)

<base target="?">

Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)

<meta name="allow-search" content="?">

Указание для поисковых роботов как следует сканировать данную страницу

<meta http-equiv="distribution" content="?">

Указание для поисковых роботов относится ли данная страница к мировым

<meta name="robots" content="?">

Указание для поисковых роботов как следует сканировать данную страницу

<meta name="author" content="?">

Указание автора странички

<meta name="keywords" content="?">

Описание содержащийся информации (для поисковых машин)

<meta http-eguiv="content-type" content="text/plain;churset="?">

Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (восновном иностранные) автоматически перекодируют страници получаемые сервером в определенную кодировку. Поэтому уточняйте передпостановкой этого тега у поставщиков хостинга этот вопрос.

<meta name="description" content="?">

Ключевые слова странички (для поисковых машин)

<title></title>

Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

<body bgcolor="?">

Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

<body text="?">

Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

<body link="?">

Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

<body vlink="?">

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

<body alink="?">

Устанавливает цвет гиперссылок при нажатии.

Теги форматирования текста

<pre></pre>

Обрамляет предварительно отформатированный текст.

<h1></h1>

Создает самый большой заголовок

<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5>

Создает заголовоки промежуточных размеров

<h6></h6>

Создает самый маленький заголовок

<b></b>

Создает жирый текст (нерекомендованный)

<i></i>

Создает наклонный текст (нерекомендованный)

<tt></tt>

Создает текст - имитирующий стиль печатной машинки. (нерекомендованный)

<kbd></kbd>

Создает текст - имитирующий стиль печатной машинки. (рекомендованный)

<var></var>

Название переменных отображается курсивом

<cite></cite>

Выделение цитат курсивом

<address></address>

Отображается курсивом в виде отдельного абзаца

<em></em>

Наклонный текст (воспринимается посковыми роботами как выделение)

<strong></strong>

Жирный текст (воспринимается посковыми роботами, как особо сильное выделение)

<font size="?"></font>

Устанавливает размер текста в пределах от 1 до 7.

<font color="?"></font>

Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Гиперссылки

<a href="URL"></a>

Создает гиперссылку на другие сайты.

<atarget="?"></a>

Указывает в каком окне открывать гиперссылку.

параметры

Значение

_Blank

Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно

_Parent

Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку

_Self

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

_Top

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

 

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

<a href="NAME"></a>

Создает гиперссылку на другую страницу.

<a href="mailto:EMAIL"></a>

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

<a href="#name"></a>

Создает гиперссылку на метку текущей страници.

<a name="name"></a>

Отмечает часть текста, как метку для гипперссылок на странице.

<a href="NAME#name"></a>

Создает гиперссылку на метку другой страници.

Форматирование

<p></p>

Создает новый параграф

<p align="?"></p>

Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center

<nobr>

Запрещает перевод строки.

<wbr>

Указывает где разбивать строку для переноса при необходимости.

<br>

Вставляет перевод строки.

<blockquote></blockquote>

Создает отступы с обеих сторон текста.

<dl></dl>

Создает список определений.

<dt>

Определяет каждый из терминов списка

<dd>

Описывает каждое определение

<ol></ol>

Создает нумерованный список

<li>

Определяет каждый элемент списка и присваивает номер

<ul></ul>

Создает ненумерованный список

<li>

Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align="?"></div>

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

Графические элементы

<img src="name">

Добавляет изображение в HTML документ

<img src="name" align="?">

Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

<img src="name" border="?">

Устанавливает толщину рамки вокруг изображения

<img src="name" vspase="?">

Устанавливает поля сверху и снизу

<img src="name" hspase="?">

Устанавливает поля сбоков

<img src="name" alt="?">

Всплывающая подсказка при наведении на имедж

<hr>

Добавляет в HTML документ горизонтальную линию.

<hr size="?">

Устанавливает высоту (толщину) линии

<hr width="?">

Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

<hr noshade>

Создает линию без тени.

<hr color="?">

Задает линии определенный цвет. Значение RRGGBB.

Таблицы

<table></table>

Создает таблицу.

<tr></tr>

Определяет строку в таблице.

<td></td>

Определяет отдельную ячейку в таблице.

<th></th>

Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

<caption></caption>

Определяет подпись таблицы

Атрибуты таблицы

<table border="#">

Задает толщину рамки таблицы.

<table cellspacing="#">

Задает расстояние между ячейками таблицы.

<table cellpadding="#">

Задает расстояние между содержимым ячейки и ее рамкой.

<table width="#">

Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

<table height="#">

Устанавливает высоту таблицы в пикселах или процентах от высоты документа.

<tr align="?"> или <td align="?">

Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

<tr valign="?"> или <td valign="?">

Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.

<td colspan="#">

Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1)

<td rowspan="#">

Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1)

<td nowrap>

Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

<td width="#">

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

<td height="#">

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

Фреймы

<frameset></frameset>

Предваряет тег <body> в документе, содержащем фреймы;

<frameset rows="value,value">

Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы фреймов.

<frameset cols="value,value">

Определяет столбцы в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы фреймов.

<frame>

Определяет единичный фрейм или область в таблице фреймов.

<noframes></noframes>

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

Атрибуты фреймов

<frame src="URL">

Определяет какой из HTML документов будет показан во фрейме.

<frame name="name">

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

<frame marginwidth="#">

Определяет величину отступов по левому и правому краям в нутрь фрейма; должно быть равно или больше 1.

<frame marginheight="#">

Определяет величину отступов по верхнему и нижнему краям в нутрь фрейма; должно быть равно или больше 1.

<frame scrolling=VALUE>

Указывает будет-ли выводится линейка прокрутки во фрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

<frame noresize>

Препятствует изменению размеров фрейма пользователем.

Ифрейм и его атрибуты

<iframe></iframe>

Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер.

<iframe src="URL">

Определяет какой из HTML документов будет показан в ифрейме.

<iframe name="name">

Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .

<iframe vspase="?">

Устанавливает поля сверху и снизу с наружи от ифрейма

<iframe hspase="?">

Устанавливает поля сбоков с наружи от ифрейма

<iframe marginwidth="#">

Определяет величину отступов по левому и правому краям в нутрь ифрейма; должно быть равно или больше 1.

<iframe marginheight="#">

Определяет величину отступов по верхнему и нижнему краям в нутрь ифрейма; должно быть равно или больше 1.

<iframe scrolling=VALUE>

Указывает будет-ли выводится линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

<iframe width="#">

Определяет ширину ифрейма

<iframe height="#">

Определяет высоту ифрейма;

<iframe title="?">

Текст всплывающей подсказки

Формы

<form></form>

Создает формы

<select multiple name="NAME" size="?"></select>

Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

<option>

Указывает каждый отдельный элемент меню

<select name="NAME"></select>

Создает ниспадающее меню

<option>

Указывает каждый отдельный элемент меню

<textarea name="NAME" cols=40 rows=8></textarea>

Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.

<input type="checkbox" name="NAME">

Создает checkbox.

<input type="radio" name="NAME" value="x">

Создает radio кнопку.

<input type=text name="foo" size=20>

Создает строку для ввода текста. Параметром Size указывается длина в символах.

<input type="submit" value="NAME">

Создает кнопку "Отправить"

<input type="image" border="0" name="NAME" src="name.gif">

Создает кнопку "Отправить" - для этого используется изображение

<input type="reset">

Создает кнопку "Очистить"

Таблица цветов.

000000

000020

000040

000060

000080

0000a0

0000c0

0000ff

002000

002020

002040

002060

002080

0020a0

0020c0

0020ff

004000

004020

004040

004060

004080

0040a0

0040c0

0040ff

006000

006020

006040

006060

006080

0060a0

0060c0

0060ff

008000

008020

008040

008060

008080

0080a0

0080c0

0080ff

00a000

00a020

00a040

00a060

00a080

00a0a0

00a0c0

00a0ff

00c000

00c020

00c040

00c060

00c080

00c0a0

00c0c0

00c0ff

00ff00

00ff20

00ff40

00ff60

00ff80

00ffa0

00ffc0

00ffff

200000

200020

200040

200060

200080

2000a0

2000c0

2000ff

202000

202020

202040

202060

202080

2020a0

2020c0

2020ff

204000

204020

204040

204060

204080

2040a0

2040c0

2040ff

206000

206020

206040

206060

206080

2060a0

2060c0

2060ff

208000

208020

208040

208060

208080

2080a0

2080c0

2080ff

20a000

20a020

20a040

20a060

20a080

20a0a0

20a0c0

20a0ff

20c000

20c020

20c040

20c060

20c080

20c0a0

20c0c0

20c0ff

20ff00

20ff20

20ff40

20ff60

20ff80

20ffa0

20ffc0

20ffff

400000

400020

400040

400060

400080

4000a0

4000c0

4000ff

402000

402020

402040

402060

402080

4020a0

4020c0

4020ff

404000

404020

404040

404060

404080

4040a0

4040c0

4040ff

406000

406020

406040

406060

406080

4060a0

4060c0

4060ff

408000

408020

408040

408060

408080

4080a0

4080c0

4080ff

40a000

40a020

40a040

40a060

40a080

40a0a0

40a0c0

40a0ff

40c000

40c020

40c040

40c060

40c080

40c0a0

40c0c0

40c0ff

40ff00

40ff20

40ff40

40ff60

40ff80

40ffa0

40ffc0

40ffff

600000

600020

600040

600060

600080

6000a0

6000c0

6000ff

602000

602020

602040

602060

602080

6020a0

6020c0

6020ff

604000

604020

604040

604060

604080

6040a0

6040c0

6040ff

606000

606020

606040

606060

606080

6060a0

6060c0

6060ff

608000

608020

608040

608060

608080

6080a0

6080c0

6080ff

60a000

60a020

60a040

60a060

60a080

60a0a0

60a0c0

60a0ff

60c000

60c020

60c040

60c060

60c080

60c0a0

60c0c0

60c0ff

60ff00

60ff20

60ff40

60ff60

60ff80

60ffa0

60ffc0

60ffff

800000

800020

800040

800060

800080

8000a0

8000c0

8000ff

802000

802020

802040

802060

802080

8020a0

8020c0

8020ff

804000

804020

804040

804060

804080

8040a0

8040c0

8040ff

806000

806020

806040

806060

806080

8060a0

8060c0

8060ff

808000

808020

808040

808060

808080

8080a0

8080c0

8080ff

80a000

80a020

80a040

80a060

80a080

80a0a0

80a0c0

80a0ff

80c000

80c020

80c040

80c060

80c080

80c0a0

80c0c0

80c0ff

80ff00

80ff20

80ff40

80ff60

80ff80

80ffa0

80ffc0

80ffff

a00000

a00020

a00040

a00060

a00080

a000a0

a000c0

a000ff

a02000

a02020

a02040

a02060

a02080

a020a0

a020c0

a020ff

a04000

a04020

a04040

a04060

a04080

a040a0

a040c0

a040ff

a06000

a06020

a06040

a06060

a06080

a060a0

a060c0

a060ff

a08000

a08020

a08040

a08060

a08080

a080a0

a080c0

a080ff

a0a000

a0a020

a0a040

a0a060

a0a080

a0a0a0

a0a0c0

a0a0ff

a0c000

a0c020

a0c040

a0c060

a0c080

a0c0a0

a0c0c0

a0c0ff

a0ff00

a0ff20

a0ff40

a0ff60

a0ff80

a0ffa0

a0ffc0

a0ffff

c00000

c00020

c00040

c00060

c00080

c000a0

c000c0

c000ff

c02000

c02020

c02040

c02060

c02080

c020a0

c020c0

c020ff

c04000

c04020

c04040

c04060

c04080

c040a0

c040c0

c040ff

c06000

c06020

c06040

c06060

c06080

c060a0

c060c0

c060ff

c08000

c08020

c08040

c08060

c08080

c080a0

c080c0

c080ff

c0a000

c0a020

c0a040

c0a060

c0a080

c0a0a0

c0a0c0

c0a0ff

c0c000

c0c020

c0c040

c0c060

c0c080

c0c0a0

c0c0c0

c0c0ff

c0ff00

c0ff20

c0ff40

c0ff60

c0ff80

c0ffa0

c0ffc0

c0ffff

ff0000

ff0020

ff0040

ff0060

ff0080

ff00a0

ff00c0

ff00ff

ff2000

ff2020

ff2040

ff2060

ff2080

ff20a0

ff20c0

ff20ff

ff4000

ff4020

ff4040

ff4060

ff4080

ff40a0

ff40c0

ff40ff

ff6000

ff6020

ff6040

ff6060

ff6080

ff60a0

ff60c0

ff60ff

ff8000

ff8020

ff8040

ff8060

ff8080

ff80a0

ff80c0

ff80ff

ffa000

ffa020

ffa040

ffa060

ffa080

ffa0a0

ffa0c0

ffa0ff

ffc000

ffc020

ffc040

ffc060

ffc080

ffc0a0

ffc0c0

ffc0ff

ffff00

ffff20

ffff40

ffff60

ffff80

ffffa0

ffffc0

ffffff

Вот, наконец, ваш сайт создан и размещен на сайте провайдера. А после Вас ждёт нелёгкий путь раскрутки собственного сайта и дальнейшая обязательная его поддержка.

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

Когда вы ищете информацию в Интернете, вы, скорее всего, обращаетесь к поисковым системам, таким как YandexRambler,Altavista, или к Интернет-каталогам, например, AportMail.ruYahoo. Поэтому очень важно, чтобы данные о вашем сайте попали в подобные системы, и каждый желающий, который интересуется тематикой вашего сайта, мог его легко обнаружить.

Процесс попадания информации о вашем сайте в каталоги и поисковые системы, иногда называемые поисковыми машинами, состоит из нескольких этапов.

• Вы вводите данные и описание своего сайта на специальной странице Интернет-каталога или поисковой машины.

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

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

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

Вот список популярных поисковых систем, в которых нужно обязательно зарегистрировать свой сайт:

• Яндекс (http://www.yandex.ru)

• Rambler (http://www.rambler.ru)

• Апорт (http://www.aport.ru)

• Altavista (http://www.altavista.com)

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

• Mail.RU (http://www.mail.ru)

• Интернет-столица (http://www.data.ru)

• Yahoo (http://www.yahoo.com)

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

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

Подготовка к регистрации в автоматических поисковых системах потребует небольшой корректировки файлов вашего Web-сайта.

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

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

Также внимательно просмотрите заголовки страниц, которые отображаются в строке заголовка браузера (на самом верху окна браузера). Они должны соответствовал содержанию страницы. Такой заголовок в коде странице находится между тэгами <title> и </title>и его легко найти и отредактировать. Это можно сделать либо с помощью вашей программы редактирования Web-страниц, либо вручную с помощью текстовок редактора.

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

Наберите в адресной строке вашего браузера адрес поисковой системы, например, http://www.yandex.ru. Загрузится главная страница поисковой системы.

Найдите на странице ссылку Добавить сайт, обычно расположенную в нижней части главной страницы системы, и нажмите на нее. В разных системах эта ссылка может называться по разному, например. Добавить ресурсДобавить URLAdd URLSubmit a site и так далее. После нажатия на ссылку откроется страница добавления сайта в поисковую систему.

Прочитайте правила регистрации в системе и заполните регистрационную форму.

Нажмите кнопку Добавить URL!, и через несколько секунд загрузится страница с сообщением об успешной регистрации.

Система Яндекс также сразу предлагает внести информацию о вашей странице в каталог. Для внесения в каталог информации о вашем сайте заполните поля новой регистрационной формы.

Нажмите кнопку Добавить!, и через несколько секунд появится сообщение о том, что ваш ресурс будет добавлен в каталог после проверки гидом.

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

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

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

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

Услуги бесплатной регистрации предоставляют следующие службы:

• TAU (http://www.design.ru/free/addurl/) - регистрирует сайт во всех основных российских и зарубежных поисковых системах.

• AddMe! (http://www.addme.com/) - регистрирует в 25 зарубежных поисковых машинах

• @Submit! (http://www.uswebsites.com/submit/) - регистрирует в основных зарубежных поисковых системах.

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

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

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

ЗАКЛЮЧЕНИЕ

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

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

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

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

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]