- •51 Основы разработки Web-страниц
- •Содержание
- •1.Общие положения 4
- •2. Лабораторные работы 6
- •Основы разработки Web-страниц
- •1.Общие положения
- •Контрольные вопросы.
- •Задания и технология выполнения.
- •3.1. Создайте Web-страницу содержащую следующий текст:
- •Контрольные задания
- •4.4. Приведите текст выше созданной 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
Контрольные вопросы.
Способы создания Web-страниц.
Что такое Тег?
Из чего состоит Тег?
Что такое Элемент?
Теги, которые в соответствии со стандартами HTML должны присутствовать на каждой странице.
Что такое Браузеры?
Из чего состоит Спецификация атрибута?
Что такое Гиперссылка?
Что такое Фрейм?
Что такое Апплет?
Что такое Скрипт?
Что такое Загрузка?
Общая структура типичного простейшего документа HTML.
Задания и технология выполнения.
3.1. Создайте Web-страницу содержащую следующий текст:
Оршанский государственный техникум железнодорожного транспорта готовит специалистов для Белорусской железной дороги
( цвет текста в документе text="#00FF33, цвет фона bgcolor="#990066 ).
Для этого выполните следующие действия:
Пуск\Программы\Стандартные\Блокнот
Введите структуру документа HTML
<HTML>
<HEAD>
<TITLE>Оршанский государственный техникум железнодорожного траспорта </TITLE>
</HEAD>
<BODY text="#00FF33" bgcolor="#990066">
Оршанский государственный техникум железнодорожного транспорта готовит специалистов для Белорусской железной дороги
</BODY>
</HTML>
Сохраните текст Web-страницы в папке
C:\Work\Курс_2\Группа\WEB с именем файла Ваша_Фамилия.HTML
Для этого выполните следующие действия:
Файл\Сохранить_как\
Активизируйте папку C:\Work\Курс_2\Группа\WEB
Кодировка---------- ANSI
Тип файла----------Текстовые документы
Имя Файла--------- Ваша_Фамилия.HTML
Сохранить
Просмотрите созданную Web-страницу.
Для этого выполните следующие действия:
Пуск\Программы\Internet_Explorer
Файл\Открыть\Обзор
Активизируйте папку C:\Work\Курс_2\Группа\WEB
Имя Файла--------- Ваша_Фамилия.HTML
Открыть\Ок
3.3. Измените фон созданной Web-страницы на FFFF33.
Для этого выполните следующие действия:
Активизируйте блокнот с текстом созданной Вами Web-страницы.
Введите FFFF33 вместо 990066
Файл\Сохранить
Активизируйте Internet_Explorer
На панели инструментов щелкните мышью по пиктограмме Обновить
3.4. Просмотрите созданную Web-страницу в виде HTML - кодов.
Для этого выполните следующие действия:
Вид\Просмотр_HTML_кода
3.5. Закройте программы Блокнот и Internet_Explorer.
Для этого выполните следующие действия:
Х
Контрольные задания
4.1. Создайте Web-страницу содержащую следующий текст:
Фамилия Имя Отчество
учащийся
Оршанского государственного техникума железнодорожного транспорта Белорусской железной дороги
( цвет текста в документе text="#660066, цвет фона bgcolor="#99FFFF)
Примечание: <BR> -переход на другую строку.
4.2. Сохраните текст Web-страницы в папке C:\Work\Курс_2\Группа \WEB
с именем файла Ваше_Имя.HTML
4.3. Просмотрите созданную Web-страницу.
4.4. Приведите текст выше созданной Web-страницы к следующему виду:
Учащийся
Оршанского государственного техникума железнодорожного транспорта
Белорусской железной дороги
Фамилия Имя Отчество
( цвет текста в документе text="#СС33СС, цвет фона bgcolor="#СССС00)