- •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.1. Сколько уровней заголовков и какие тэги используются для их обозначения?
2.2. Какие тэги используются для обозначения абзацев?
2.3. Синтаксис атрибута: ALIGN для абзацев и заголовков?
2.4. Для чего используются Тэги <CENTER> .. </CENTER>?
2.5. Для чего используется Тэг <BR>?
2.6. Для чего используется Тэг <HR>?
2.7. Атрибуты Тэга <HR>.
2.8. Назначение Тэга <BLOCKQUOTE></BLOCKQUOTE>.
2.9. Назначение Тэга <PRE> </PRE>.
2.10. Назначение Тэга<font></font>
2.11. Как задать размер Шрифта?
2.12. Как задать цвет в документе?
2.1.3. Как установить цвет фона?
3. Задания и технология выполнения.
3.1. Создайте Web-страницу содержащую следующий текст:
и сохраните текст Web-страницы в папке C:\Work\Курс_2\Группа\WEB с именем файла Форматирование.HTML
Для этого выполните следующие действия:
Пуск\Программы\Стандартные\Блокнот
Введите структуру документа HTML в следующем виде:
<HTML>
<HEAD>
</HEAD>
<BODY text="#009900" bgcolor="#CCFFFF">
<H1 ALIGN=CENTER><font face="ARIAL" size="+4" color="#CC0000">
2. МЕТОДИЧЕСКИЕ УКАЗАНИЯ </font></H1>
<H2 ALIGN=CENTER> <font size="+3" color="#660099"><i> 2.1. Общие сведения</i> </font></H2>
<H3> <font color="#CC0000" >2.1.1. Назначение АРМа «Дежурного по парку»</font></H3>
<P ALIGN=RIGHT> <font color="#9933CC" > <i>Автоматизированное рабочее место «Дежурного по парку» предназначено для ведения книги записи предупреждений и выдачи заполненных бланков предупреждений.</i></font> </P>
<H3> <font color="#CC0000" > 2.1.2. Выбоp инфоpмации </font></H3>
<P ALIGN=LEFT> В pежиме выбоpа инфоpмации на экpане появляется окно, в котоpом пеpечислены все возможные ваpианты из котоpых необходимо выбpать одно. В 23-ей стpоке экpана содеpжится быстpая помощь по этому pежиму. Нажатие клавиши "ESC" будет означать, что Вы отказываетесь от выбоpа пpедложенной инфоpмации. </P>
<P ALIGN=CENTER> <font color="#FF3333" ><B>Пpи этом окно с ваpиантами исчезает и пpоисходит пеpеход к пpедыдущей опеpации выбоpа или ввода
<BLOCKQUOTE>инфоpмации. Клавишами упpавления куpсоpом Вы можете пеpемещать выделенную стpоку от одного ваpианта к дpугому.</B></font> </BLOCKQUOTE>
<tt> <font color="#CC3399" > <u>Нажатие клавиши "ENTER" означает,
что Вы выбpали ваpиант, котоpый в данный момент выделен.</u></tt></font></P>
<HR SIZE=10 WIDTH=550 ALIGN=CENTER COLOR=0033CC </HR>
</BODY> </HTML>
Файл\Сохранить_как\
Активизируйте папку C:\Work\Курс_2\Группа\WEB
Кодировка---------- ANSI
Тип файла----------Текстовые документы
Имя Файла--------- Форматирование.HTML
Сохранить
Просмотрите созданную Web-страницу.
Для этого выполните следующие действия:
Пуск\Программы\Internet_Explorer
Файл\Открыть\Обзор
Активизируйте папку C:\Work\Курс_2\Группа\WEB
Имя Файла--------- Форматирование.HTML
Открыть\Ок
Закройте программы Блокнот и Internet_Explorer.
Для этого выполните следующие действия:
Х
