
- •Курс: «телекоммуникационные и компьютерные технологии в политической журналистике»
- •Модуль 3.
- •Что такое Web-сайт.
- •Язык создания Web-страниц.
- •Задания для самостоятельной работы.
- •Тестовые вопросы по модулю.
- •Глоссарий.
- •А) Основная литература.
- •Б) Дополнительная литература
- •Модуль 3. Создания Web-сайтов с помощью html-языка. Модульная лекция: мл 3-1.
- •Что такое Web-сайт.
- •Этапы проектирования и создания Web-сайта
- •2. Язык создания Web-страниц.
- •Модульная лекция: мл 3-2
- •2.1. Структура html- документа.
- •2.2. Элемент body и его параметры.
- •2. 3. Тэги форматирования текста.
- •Элемент font
- •Модульная лекция: мл 3-3
- •2.4. Преформатированный текст - тэг pre.
- •2.5. Заголовки - элементы h1,h2,h3,h4,h5,h6
- •2.6. Создание списков.
- •2.6.1. Упорядоченные (нумерованные) списки
- •2.6.2. Неупорядоченные списки
- •2.6.3. Маркированные списки.
- •2.6.4. Вложенные списки.
- •2.6.5. Списки определений
- •Модульная лекция: мл 3-4
- •2.7. Использование звуковых файлов.
- •2.7. 1. Воспроизведение файлов формата мрз
- •.2.8. Навигация по html-документам.
- •2.8. 1. Внутренняя навигация - по страницам html-документа.
- •Модульная лекция: мл 3-5.
- •2.9. Создание таблиц.
- •Модульная лекция: мл 3-6.
- •2.10. Создание форм. Элементы формы.
- •Элемент textarea
- •Модульная лекция: мл 3-7.
- •2.11. Создание фреймов.
- •Модульная лекция: мл 3-8
- •2.12. Создание таблицы стилей - css.
- •2.12. 1.Формирование листа стилей
- •2.12.2. Что такое css ?
- •Модульная лекция: мл 3-9
- •2.12.3. Чем css отличается от html ?
- •2.12.4. Синтаксис и принцип работы css.
- •2.12.5. Типы селекторов в css
- •Модульная лекция: мл 3-10
- •2.12.6. Использование стилей внутри тэга.
- •Регистрация Web-сайта в Интернете
- •Загрузка новых файлов на сервер.
- •5. Задания для самостоятельной работы.
- •6. Тесты для промежуточного контроля.
- •7. Глоссарий.
.2.8. Навигация по html-документам.
Известно, что Web-сайт содержит множество html-документов. Чтобы "путешествовать" по этим документам, необходимы специальные средства навигации, которые получили название "ссылка" (Anchor - A).
Структура элемента - ссылка:
<A href="ссылка на документ"> наименование ссылки </A>
Анкеры (ссылки) нельзя вкладывать друг в друга, они должны всегда иметь начальный и конечный тэги. Назначением этого элемента является создание гипертекстовых связей, а также разметка тех позиций в документе, которые имеют собственное название и могут служить ориентиром для подобных гипертекстовых связей.
Например:
<А href=" http://rambler.ru" >Выход в Интернет</a> - запуск сайта rambler.ru
<A href="MySaite.html">Мой сайт</a> - запуск сайта MySaite.html
<A href="MySaite.html"><img src="./pic/guminst.jpg"></a> - рисунок в качестве ссылки.
Чтобы включить anchor -ссылка в свой документ, с угловой скобки и тега А< А (после A стоит пробел). Определите документ, на который будет указывать ссылка, введя параметр href=”имя_файла” и, после этого, закрывающую скобку > Наберите текст, который представляет гипертекстовую ссылку в текущем документе. Завершите ссылку /A>
Пример гипертекстовой ссылки: <A href=”aist.html”>Автор</A>
Это выражение делает слово Автор гипертекстовой ссылкой на документ aist.html, который находится в той же директории, что и первый документ. Вы можете сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка. Например, ссылка на файл start.html, расположенный в поддиректории samox будет выглядеть так: <A href=”samox/start.html”>Введение</A>
Это называется относительной ссылкой. Вы можете использовать также полное имя файла. В основном Вы должны использовать относительные ссылки, потому что Вам меньше набирать текста. Легче переместить группу документов в другое место, потому что относительные ссылки останутся корректными. Однако, используйте абсолютные пути, когда ссылаетесь на документы относящиеся к другой группе. Например, пусть Ваша группа документов содержит документацию пользователя. Ссылки внутри этой группы должны быть относительными. Ссылки на другие документы (относящиеся, например, к дополнительному программному обеспечению) должны содержать полный путь. Таким образом, если Вы переместите документацию в другую директорию, ни одна из связей не будет требовать обновления (изменения).
2.8. 1. Внутренняя навигация - по страницам html-документа.
Если html-документ содержит десятки страниц, то возникает необходимость навигации по страницам данного документа, т.е. не выхода из сайта. Для этого используется следующий вариант ссылки.
В начале каждой страницы указать МЕТКУ - <A name="метка"> (метка - любое текст)
В конце каждой страницы указать ссылку на страницы с помощью их меток в виде:
: <A href="#метка1">страница 1 </A> - ссылка на страницу 1
<A href="#метка1">страница 2 </A> - ссылка на страницу 2
. . . . . .
<A href="#меткаN">страница N </A> - ссылка на страницу N
Как правило, список ссылок на все страницы указываются либо в конце, либо в начале каждой страницы. Рассмотренные выше ссылки будут отображены на страницах следующим образом:
страница 1 страница 1 страница 1 или так: Сведения об институте Информация о студентах Преподаватели кафедры
После щелчка мышкой по любой из указанных ссылок будет запущен соответствующий html-документ.