- •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
Приложение 6. Создание бегущей текстовой строки
<marquee behavior="scroll" direction="right" loop="-1"> Интернет - это окно в мир!</marquee>
Если текстовая строка должна бежать влево, то вместо right должно быть слово left. Можно создать бегущую текстовую строку еще проще (то есть без атрибутов, и она будет б
ежать влево):
<marquee>Добро пожаловать в Интернет!</marquee>
Если текстовая строка должна бежать то влево, то вправо, то в теге
<marquee> используется атрибут behavior="alternate".
Пример:
<h2><i><b><font color="green"><marquee behavior="alternate">
Как прекрасно жить на свете!</marquee></font></h2></i></b>
Цвет символов бегущей строки задается тегом <font color="">, а цвет фона строки тегом <body bgcolor="">.
Приложение 7. Список цветов символов html
aqua - бирюзовый;
black - черный;
blue - синий;
gray - серый;
green - зеленый;
lime - ярко-зеленый;
maroon - темно-красный;
white - белый;
navy - темно-синий;
olive - оливковый;
purple - фиолетовый;
red - красный;
silver - светло-серый;
teal - ярко-голубой;
yellow - желтый;
fuchsia - ярко-фиолетовый.
Кроме указанных основных цветов, есть дополнительные цвета:
brown - коричневый, orange - оранжевый, cyan - оттенок бирюзового,
pink - розовый.
Вместо указанных терминов для задания цвета можно использовать
RGB-коды, например: #FFFFFF -белый (white), #FF0000 -красный (red).
Меняя RGB-коды, можно подбирать желаемые цвета текста и фона.
Примечание: Коды цветов, букв, символов смотри в специальных файлах расположенных по адресу C:\Work\Курс\Группа\WEB
Приложение 8. Создание таблиц в html
<table></table> ----------- Задает таблицу и определяет ее общие свойства.
<p align="center">------- Выравнивание таблицы по горизонтали, по центру.
Атрибуты Тега <table>:
<table border="5" width="100" cellpadding="10" cellspacing="10">, где
border="5" ---- ширина боковой грани в пикселях. При нулевом значении рамка исчезает совсем.
width="100" ---- ширина таблицы в пикселях или
width="50%" -----ширина таблицы в % по отношению к ширине страницы в окне.
cellspacing="10" ---- ширина фронтальной грани в пикселях.
cellpadding="10" ---- задает размер пустого пространства в пикселях, окружающего данные в ячейке.
<caption></caption>------ задает заголовок таблицы.
<tr> задает строку таблицы. Следующий тег <tr> задает следующую строку таблицы. Конечный тег необязателен.
<td> задает ячейку таблицы. Следующий тег <td> задает следующую ячейку таблицы. Конечный тег необязателен.
<td bgcolor="yellow"> -------Цвет фона ячейки
Непарный тег <th> - задает элемент ячейки, которая является заголовком таблицы. Этот тег должен находиться внутри тега <tr>. Ячейка-заголовок отличается от обычной тем, что текст внутри нее выделяется полужирным шрифтом.
<tr><th bgcolor="yellow"> Заголовок 1-------Задание цвета фона заголовка.
Оршанский государственный техникум железнодорожного транспорта
