- •Учебно-методический комплекс по дисциплине
- •Новосибирск 2013
- •1. Цели и задачи дисциплины
- •2. Место дисциплины в структуре ооп
- •3. Требования к результатам освоения дисциплины
- •4. Объем дисциплины и виды учебной работы
- •5. Содержание дисциплины
- •5.1. Разделы дисциплин и виды занятий
- •5.2. Содержание разделов дисциплины (по лекциям)
- •5.3. Соответствие компетенций, формируемых при изучении дисциплины, и видов занятий
- •6. Методы и формы организации обучения
- •7. Практические занятия (семинары)
- •8. Самостоятельная работа
- •9. Примерные темы рефератов
- •10.Рейтинговая система для оценки успеваемости учащихся
- •11. Правила аттестации по учебной дисциплине
- •12. Учебно-методическое и информационное обеспечение дисциплины
- •Основная литература
- •Дополнительная литература
- •13. Материально-техническое обеспечение дисциплины:
- •Вопросы к зачету
- •Учебно-методические материалы для студентов по подготовке рефератов по курсу «интернет – технологии»
- •Учебно-методические материалы для студентов по практическим занятиям по курсу «Интернет - технологии»
- •Глава 1. Принципы построения компьютерных сетей
- •Глава 2. Современные сетевые технологии.
- •Глава 3. Основы языка разметки гипертекста.
- •Глава 1. Принципы построения компьютерных сетей
- •1.1 Компоненты компьютерных сетей
- •1.2 Модель взаимодействия открытых систем
- •1.3 Узлы компьютерных сетей
- •1.4 Адресация в компьютерных сетях
- •Глава 2. Основные сетевые технологии
- •2.1 Основы www - технологии
- •2.2 Технологии работы в www
- •Глава 3. Основы языка разметки гипертектста.
- •3.1 Введение в html
- •3.2 Простейшая web - страница
- •3.3 Гиперссылки
- •3.4 Стили оформления
- •3.5 Списки
- •3.6 Простые таблицы
- •3.7 Ввод изображения в документ
- •3.8 Карта изображения
- •3.9 Фреймы
- •3.10 Формы
Глава 3. Основы языка разметки гипертектста.
3.1 Введение в html
Основа инструментария языка HTML – теги – операторы HTML. Они присутствуют внутри гипертекстового документа, формируя его структуру и стиль его оформления. Просмотр такого документа возможен с помощью браузера, который не выводит теги на экран дисплея, делая их невидимыми. Каждый тег заключается в угловые скобки <…>, внутри которых размещается соответствующая команда. Теги бывают одиночными и контейнерными. Для одиночного тега характерно выполнение одного простого действия, например, <HR> - создание горизонтальной линии в документе. Для контейнерного тега используется открывающий <HTML> и закрывающий </HTML> теги, между которыми может располагаться текст или другой контейнерный тег. Помимо этого, внутри тега, кроме имени, детализируется способ исполнения введением дополнительных атрибутов, каждый из которых имеет собственное значение. Такие (расширенные) теги носят название дескрипторов. Особую роль играют теги формирования и выполнения гипертекстовых ссылок (гиперссылок).
3.2 Простейшая web - страница
Простейшую Web – страницу можно создать с использованием любой программы – редактора (например, блокнота).
<HTML>
<HEAD>
<TITLE> Моя первая страница </TITLE>
</HEAD>
<BODY>
<P> Это – моя первая страница </P>
</BODY>
</HTML>
Затем необходимо сохранить эту страницу в файле с расширением .html и воспользоваться Web – браузером для просмотра файла.
Комментарий к коду HTML – документа.
<HTML> - этот тег сообщает браузеру о языке, на котором будет размечен
текст.
<HEAD> - тег заголовка, в котором сообщаются сведения, необходимые для
работы с текстом.
<TITLE> - название документа.
<BODY> - тело документа.
<P> - тег отдельного абзаца с пропуском следующей строки.
Для дальнейшего знакомства с тегами обработки текста наберите 30 – 40 строк любого текста в контейнере <BODY> и воспользуйтесь следующими тегами <B>…</B> (полужирный шрифт), <BR /> (обрыв строки – абзац; самозакрывающийся тег), <I>….</I> (курсив), <H1>…</H1> (заголовок в тексте документа; цифра может меняться от 1 до 6, указывая размер шрифта), <SUB>…</SUB> (подстрочный индекс, например, H2O –это H<SUB>2</SUB>O), <SUP>…</SUP> (надстрочный индекс, например,
А2 - это A<SUP>2</SUP>. (Вместо многоточия внутри вышеприведенных тегов помещается любая часть текстового документа.)
3.3 Гиперссылки
Гиперссылки являются программным инструментом, обеспечивающим поиск необходимой информации в Internet. Благодаря гиперссылкам можно легко открыть нужную страницу или просмотреть фрагменты большого по объему текстового документа. Выполняется гиперссылка при помощи дескриптора <A> с атрибутом HREF. Гиперссылки можно разделить по типам: внутренние и внешние. Внутренняя гиперссылка позволяет обратиться или к любому месту конкретной страницы, или к конкретному файлу, размещенному в памяти компьютера. Внешняя гиперссылка позволяет обратиться к информации, находящейся за пределами компьютера. Оформление внутренних и внешних ссылок отличаются друг от друга.
Для оформления ссылки внутри страницы следует оформить ссылку и закладку (якорь) в тексте страницы.
<HTML>
<HEAD>
<TITLE> Ссылка внутри страницы </TITLE>
</HEAD>
<BODY>
<H1> Оформление ссылки внутри страницы </H1>
<A HREF=”#bay”> щелкните здесь </A>
…
…
…
…
<A NAME=”bay” ID=”bay”>…</A>
</BODY>
</HTML>
Комментарий к коду HTML – документа.
В этом примере первый тег <A> - это ссылка, а второй – закладка (якорь).
При установке курсора мыши на подчеркнутую и выделенную другим цветом фразу «щелкните здесь» и нажатии кнопки мыши, происходит перемещение в ту часть страницы, которая помечена закладкой (якорем).
Обратите внимание, что все значения атрибутов помещены в кавычки.
Закладка оформляется только для перемещения внутри страницы, во всех остальных случаях оформляется только дескриптор ссылки
Для оформления ссылки на файл внутри компьютера следует в качестве значения атрибута HREF указать путь к файлу.
Для оформления внешней ссылки необходимо указать в качестве значения атрибута HREF URL – адрес узла.