- •51 Основы разработки Web-страниц
- •Содержание
- •1.Общие положения 4
- •2. Лабораторные работы 6
- •Основы разработки Web-страниц
- •1.Общие положения
- •Контрольные задания
- •4.4. Приведите текст выше созданной Web-страницы к следующему виду:
- •Контрольные вопросы.
- •Задания и технология выполнения.
- •3.1. Создайте Web-страницу содержащую следующий текст:
- •Просмотрите созданную Web-страницу в виде html - кодов.
- •4.6. Закройте программы Блокнот и Internet_Explorer.
- •Рекомендуемая литература
- •Лабораторная работа № 2 Тема: Создание гиперссылок в html- документах.
- •Краткая справка
- •2. Контрольные вопросы.
- •Задания и технология выполнения.
- •3.3. Просмотрите Web-страницу Ваша_Фамилия.Html из web-страницы Ваше_Имя.Html.
- •3.4. Вернитесь к Web-странице Ваше_Имя.Html.
- •3.5. Создайте ссылку внутри Web-страницы Ваше_Имя.Html.
- •3.6. Проверьте результат создания ссылке внутри Web-страницы Ваше_Имя.Html.
- •3.7. Закройте программы Блокнот и Internet_Explorer.
- •Контрольные задания
- •4.3. Создайте ссылку внутри Web-страницы Ваша_Фамилия.Html.
- •4.4. Закройте программы Блокнот и Internet_Explorer.
- •5. Рекомендуемая литература
- •Лабораторная работа № 3 Тема: Создание изображения и использование его на Web-странице.
- •Краткая справка
- •2. Контрольные вопросы.
- •3. Задания и технология выполнения.
- •3.4. Просмотрите результат вставки рисунка.
- •Измените атрибуты рисунка «Вокзал», сделав их следующими:
- •Контрольные задания.
- •5. Рекомендуемая литература
- •Лабораторная работа № 4 Тема: Форматирование текста в html документах.
- •Краткая справка
- •Контрольные вопросы.
- •3. Задания и технология выполнения.
- •Контрольные задания
- •5. Рекомендуемая литература
- •Лабораторная работа № 5 Тема: Создание списков и таблиц средствами языка html.
- •Краткая справка
- •Контрольные вопросы.
- •3. Задания и технология выполнения.
- •Ненумерованный список
- •Нумерованный список
- •Список определений
- •Просмотрите созданную Web-страницу.
- •3.3. Создайте Web-страницу содержащую таблицу следующего вида:
- •Просмотрите созданную Web-страницу.
- •Приведите созданную Web-страницу к следующему виду:
- •Просмотрите созданную Web-страницу.
- •Приведите созданную Web-страницу к следующему виду:
- •Контрольные задания
- •Пример списка определений
- •Пример ненумерованного списка
- •Пример нумерованного списка
- •5. Рекомендуемая литература
- •Лабораторная работа № 6 Тема: Создание Web-документа с помощью редактора Microsoft Word .
- •Краткая справка
- •Создание гиперссылок
- •Добавление бегущей строки на Web-страницу
- •2. Контрольные вопросы.
- •2.3. Как добавить бегущую строку на Web-страницу?
- •3. Задания и технология выполнения.
- •3.1. Создайте Web-страницу следующего вида:
- •Контрольные задания
- •Имена файлов
- •Гиперссылки
- •5. Рекомендуемая литература
- •Литература
- •5. Internet. Шаг за шагом. (на cd-rom). "Питер Мультимедиа", 1997.
- •6. Энциклопедия пользователя Internet. (на cd-rom). "Демос", 2000.
- •Приложение 1. Общая структура типичного простейшего документа html
- •Приложение 2. Теги форматирования текстового потока.
- •Приложение 3. Теги форматирования абзацев:
- •Приложение 4. Теги списков.
- •Приложение 5. Некоторые важнейшие теги html
- •Приложение 6. Создание бегущей текстовой строки
- •Приложение 7. Список цветов символов html
- •Приложение 8. Создание таблиц в html
2. Контрольные вопросы.
Что такое ссылка?
Как описывается ссылка?
Как прописать цвет ссылки?
Какие бывают ссылки?
Что такое анкер и для чего он создаётся?
Вид ссылки на почтовый ящик.
Задания и технология выполнения.
3.1. В WEB-странице Ваше_Имя.HTML сделайте ссылку на файл
Ваша_Фамилия.HTML и установите:
link - цвет ссылки, (FF0000)
alink - цвет активной ссылки (нажатой), (330000)
vlink - цвет уже посещенной ссылки. (3399999)
Для этого выполните следующие действия:
Пуск\Программы\Стандартные\Блокнот
Файл\Открыть\папка\ C:\Work\Курс_2\Группа\WEB
Имя файла Ваше_Имя.HTML
Открыть
Выполните корректировку строки BODY приведя её к вид:
<BODY text="# СС33СС " bgcolor="# СССС00" link="#FF0000" alink="#330000" vlink="#339999">
Вставьте следующую ссылку
<A HREF= Ваша_Фамилия.HTML >Просмотреть</A>
После текста
Фамилия Имя Отчество
Файл\Сохранить
3.2.. Просмотрите созданную Web-страницу.
Для этого выполните следующие действия:
Пуск\Программы\Internet_Explorer
Файл\Открыть\Обзор
Активизируйте папку C:\Work\Курс_2\Группа\WEB
Имя Файла--------- Ваше_Имя.HTML
Открыть\Ок
3.3. Просмотрите Web-страницу Ваша_Фамилия.Html из web-страницы Ваше_Имя.Html.
Для этого выполните следующие действия:
Щелчок левой клавишей мыши по слову Просмотреть
3.4. Вернитесь к Web-странице Ваше_Имя.Html.
Для этого выполните следующие действия:
Активизируйте пиктограмму
3.5. Создайте ссылку внутри Web-страницы Ваше_Имя.Html.
Вставьте ссылку в начале документа, перед словом Учащийся.
(Для наглядности выполнения действий данного пункта необходимо увеличить объём текста данного документа до нескольких листов).
Имя ссылки ---- ОГТЖТ
Для этого выполните следующие действия:
Вид\Просмотр_HTML_кода
Ведите после слова Отчество(с новой строки), следующий тест:
<BR>
Для наглядности выполнения действий данного пункта необходимо увеличить объём <BR>
текста данного документа до нескольких листов
<BR>
Выделите вновь введённый текст
Правка\Копировать
Курсор в конец введённого текста(с новой строки)
Правка\Вставить (Повторите 15-раз)
Перед словом Учащийся введите следующий текст:
<A name=" ОГТЖТ ">Начало WEB-страницы</A>
Перед </BODY> введите следующий текст:
<A href="# ОГТЖТ ">Переход к ссылке ОГТЖТ </A>
Файл\Сохранить
3.6. Проверьте результат создания ссылке внутри Web-страницы Ваше_Имя.Html.
Для этого выполните следующие действия:
Активизируйте Internet_Explorer
На панели инструментов щелкните мышью по пиктограмме
Обновить
Щёлкните мышью по ссылке Переход к ссылке ОГТЖТ
3.7. Закройте программы Блокнот и Internet_Explorer.
Для этого выполните следующие действия:
Х
Контрольные задания
4.1. В WEB-странице Ваше_Имя.HTML сделайте ссылку на файл
Ваша_Фамилия.HTML и установите:
link - цвет ссылки, (СС3399)
alink - цвет активной ссылки (нажатой), (99FFCC)
vlink - цвет уже посещенной ссылки. (FF9900)
4.2. В WEB-странице Ваша_Фамилия.HTML сделайте ссылку на файл Ваше_Имя.HTML и установите:
link - цвет ссылки, (FFFF66)
alink - цвет активной ссылки (нажатой), (99FF00)
vlink - цвет уже посещенной ссылки. (FF9966)
