 |
Организация гиперссылок. Виды гиперссылок
|
|
|
|
Навигация – это наука или даже искусство перемещения из одного места в другое. Однако Web не является физическим местом, пользователи используют навигационные указатели, чтобы перемещаться в информационном пространстве. Многие идеи из навигации в реальном мире могут быть адаптированы для применения в Web. Тем не менее, разработчикам сайта следует помнить, что Web – это не реальный мир, и прямое копирование этих идей будет не всегда работоспособным. Навигация в Web должна помогать пользователям ориентироваться с тем, чтобы они могли определить свое текущее местоположение, направление, куда им следует двигаться, и то, как можно попасть куда-либо еще. Наиболее важной особенностью Web является использование гипертекста.
Гипертекст – это система, предназначенная для связывания между собой различных объектов: текста, изображений, анимационных последовательностей и т.д. Для организации гипертекстовых данных используются гипертекстовые ссылки.Гипертекстовая ссылка в составе электронного документа указывает на определенную позицию того же документа или на другой документ. Обычно гипертекстовые ссылки активизируются щелчком мыши. При отсутствии гипертекстовых ссылок пользователь вынужден был бы вручную вводить URL интересующей его Web-страницы. Посредством гипертекстовых ссылок связаны практически все документы, представленные в Web.
Внутридокументные ссылки
Такие гиперссылки предназначены для навигации в пределах одного документа (одной Web-страницы), когда вы хотите организовать быстрый переход к конкретным разделам большого документа. Создание таких типов гиперссылок проходит в два этапа:
1) Расстановка в тексте Web-страницы специальных невидимых меток (anchor). Такие метки ставят в те места документа, на которые хотят организовать переход по гиперссылке. Для вставки метки используют следующую конструкцию:
|
|
|
<A NAME="имя_метки"></A>
2)Создание гиперссылок на метки. В значении атрибута HREF тэга <A> используют имя метки. <A HREF="#имя_метки"> Ссылка на другой раздел документа </A>
Ссылки между документами
4) Для задания ссылки на другие Web-страницы или объекты используют следующую конструкцию: <A HREF="имя_файла">Ссылка на другую страницу</A> От корректности указания имени файла зависит работоспособность ссылки.
</ol>
</div>
</div>
<footer>Web-студия <a href="ainurka_m_92@mail.ru"target="_blank">ainurka_m_92 </a></footer>
</div>
</div>
</body>
</html>
ЛАБОРАТОРНАЯ РАБОТА №6
<ГРАФИКА>
Web-графика (типы изображений и форматы графических файлов)
Для большинства людей Web является средой визуальной передачи информации. При отключении отображения графики или доступе в Web из неграфической среды пользователи могут продолжать работать с Web-страницами, однако большая часть информации, передать которую можно только визуально, будет потеряна. Привлекательность графической среды для передачи информации заключается в том, что графика позволяет повысить понимание и восприятие материала пользователем. Цвета, изображения и фон используются в Web не только для того, чтобы сделать сайты более привлекательными, но и для того, чтобы информировать, развлекать и вызывать у читателя требуемые подсознательные реакции. Тем не менее, всякая дополнительная возможность приносит с собой не только преимущества, но и трудности. Дизайнер должен учитывать все детали и противоречия, могущие повлечь за собой ошибки, а также подводные камни использования изображений в Web. Учитывая все возможные трудности, может даже показаться, что «текстовый дизайн» более практичен.
|
|
|
Компьютерные изображения бывают двух разных типов: векторные и растровые. В Web поддерживаются исключительно растровые изображения, если только не установлено какое-либо дополнительное расширение для браузера (plug-in). Растровые изображения в простейшем случае являют собой набор пикселов, имеющих различные цветовые значения. Поскольку в изображениях количество самих пикселов обычно велико и, кроме того, имеется цветовая информация о каждом пикселе, то растровые изображения могут достигать весьма больших размеров. Несжатое растровое изображение размером 640х480 с 24-битным цветом может занимать порядка одного мегабайта, что делает непрактичным передачу простых растровых изображений в Internet.
Одним из подходов, решающих проблему размера файла, является сжатие изображения. Существует две основных формы сжатия изображений: с потерями и без потерь. Сжатие изображения без потерь означает, что сжатое изображение идентично несжатому. Поскольку все данные об изображении должны быть сохранены, степень сжатия и, соответственно, экономия на размерах файла относительно невелики. Сжатие с потерями, с другой стороны, не предполагает сохранение всей информации об изображении, однако позволяет достигнуть гораздо большей степени сжатия. При использовании сжатия с потерями вы должны делать выбор между качеством изображения и его размером. Поскольку человеческий глаз может и не заметить потерь качества, выгода от использования такого сжатия вполне ощутима.
Форматы графических файлов GIF и JPEG
Формат GIF
GIF является наиболее широко распространенным форматом графических файловWeb. Схема сжатия, используемая в GIF, дает хорошие результаты для изображений с большими областями непрерывного цвета, поэтому данный формат весьма эффективен для сжатия иллюстраций с «плоским» цветом. Изображения с большими, горизонтальными и протяженными областями непрерывного цвета сжимаются очень хорошо, тогда как изображения со значительным изменением цвета на единицу площади сжимаются гораздо хуже. Изображения в формате GIF могут поддерживать не более чем 8-битный цвет. Это означает, что максимальное число цветов в изображении не может превышать 256. Изображения в формате GIF способны поддерживать эффект прозрачности (transparency). Для нее отводится один бит (бит прозрачности), который позволяет назначить один цвет прозрачным. Данная возможность позволяет создавать изображения с прозрачным фоном и добиваться других более сложных и интересных визуальных эффектов.
|
|
|
Формат JPEG
Данный формат использует метод сжатия с потерями. Он предназначен для отображения фотографических изображений, содержащих тысячи и даже миллионы цветов или оттенков серого. Поскольку этот формат применяет сжатие с потерями, всегда существует возможность выбора между меньшим размером файла и лучшим качеством изображения. Тем не менее, формат JPEG позволяет хранить изображения с 24-битным цветом в файлах гораздо меньшего размера, чем GIF, что позволяет существенно снизить время загрузки изображения.Хотя формат JPEG хорошо сжимает фотографические изображения, он совсем не предназначен для хранения рисованных изображений и текста. Изображения в формате JPEG не поддерживают ни создание анимации, ни какую-либо форму прозрачности, поэтому если дизайнеру требуется один из этих эффектов, он должен воспользоваться другим форматом файла, например GIF. Поскольку JPEG так хорошо подходит для фотографий, а GIF для рисованных иллюстраций, правильным выбором формата файла вполне можно достичь хорошего сочетания качества изображения и размера файла.
GIF-анимация
Визуальные данные запоминаются гораздо лучше, чем та же информация, приставленная в текстовом виде или прочитанная вслух. Анимация - это движение некоторых объектов (в роли таких объектов могут выступать слова). Анимационные последовательности создаются средствами GIF, Flash, а также с помощью сценариев Dynamic HTML и других подобных технологий.Решение об использовании анимации принимается исходя из рассмотрения особенностей сайта. Анимационные последовательности могут отображаться разными способами. Для реализации движения в реальном времени файл полностью копируется на клиентскую машину, а затем воспроизводится со скоростью 24-30 кадров в секунду. В отличие от движения в реальном времени, потоковая среда позволяет воспроизводить содержимое файла в процессе его копирования.Включение анимации в состав Web-узла увеличивает время загрузки Web-страниц. Поэтому, прежде чем принимать решение об использовании анимационных последовательностей, необходимо ответить на следующие вопросы.
|
|
|
Если хотя бы на один из этих вопросов получен отрицательный ответ, это означает, что накладные расходы, связанные с использованием анимации, превышают выгоды от нее и следует подумать об альтернативных способах оформления узла. последовательно сменяющихся иллюстраций может произвести почти тот же что и анимация.
Анимационный GIF. Одним из наиболее популярных способов привлечения внимания пользователей к содержимому Web-страницы является включение анимационных GIF-изображении. Анимационный формат GIF позволяет объединять несколько изображений в одном файле и отображать их последовательно одно за другим. Таким образом на одном небольшом участке Web-страницы можно разместить много разнообразных данных.
<!--cover-->
<div class="page" id="cover">
<div class="cover">
<div class="authors">Шестаков П.Н. Мырзатай А.К.</div>
<div class="banner">
<ul>
<li><img src="images/cover_slider/1.jpg" alt="" /></li>
<li><img src="images/cover_slider/2.jpg" alt="" /></li>
<li><img src="images/cover_slider/3.jpg" alt="" /></li>
<li><img src="images/cover_slider/4.jpg" alt="" /></li>
<li><img src="images/cover_slider/5.jpg" alt="" /></li>
<li><img src="images/cover_slider/6.jpg" alt="" /></li>
<li><img src="images/cover_slider/7.jpg" alt="" /></li>
<li><img src="images/cover_slider/8.jpg" alt="" /></li>
<li><img src="images/cover_slider/9.jpg" alt="" /></li>
<li><img src="images/cover_slider/10.jpg" alt="" /></li>
<li><img src="images/cover_slider/11.jpg" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
$(function() {
$('.banner').unslider({
dots: true
});
});
</script>
<div class="title">
<div class="small">Профессиональное</div>
<div class="big">обучение</div>
</div>
<div class="footer">
Карагандинский Государственный Технический Университет
<img src="images/kstu.png" class="logo">
</div>
ЛАБОРАТОРНАЯ РАБОТА №7
<ФОРМЫ>
|
|
|
