Лабораторная работа №5
1. Создайте новый файл HTML с таблицей.
2. В заголовке между тегами <title> и </title> укажите заголовок документа «Таблица».
3. Таблица начинается тегом <table> и заканчивается тегом </table>. Любая таблица состоит из нескольких строк. Каждая строка заключена между тегами <tr> и </tr>. Строка может включать несколько ячеек. Ячейка обрамляется парой тегов <td> и </td>. Количество строк в таблице определяется числом тегов <tr>, а количество столбцов – максимальным числом тегов <td> в строке.
Пример
<table>
<tr><td>Иванов</td></tr>
<tr><td>Петров</td></tr>
<tr><td>Сидоров</td></tr>
<tr><td>Кузнецов</td></tr>
</table>
Задайте ширину линий сетки таблицы с помощью атрибута border тега
<table>.
Пример:
<table border=2 >
5. Сохраните HTML-документ на диске под именем Таблица.html
6. Создайте гиперссылку на файл Таблица.html из файла Список.html.
Лабораторная работа № 6
1. Создайте новый HTML-файл «Стихи» в нем напишите два четверостишия из вашего любимого стиха в две колонки. В качестве фона используйте рисунок. Рисунок может быть любым. Для этого используется атрибут background=имя файла тега <body>, который задает изображение, служащее фоном для текста и других изображений. Как и любое другое изображение, фон должен быть представлен в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg).
Какой пассаж, какой кошмар, Земля не круглая, а шар Там подо мной за много миль Все так же мчит автомобиль. И не срываясь в пустоту Играют дети в чехарду. От этого я сам не свой, – |
Как можно жить вниз головой? Мне объяснили, как смогли, О притяжении Земли. В какой из стран ни окажись - Там тучи верх, а лужи – низ. Земля – такой большой магнит, Что вверх ни брось, то вниз летит |
Подсказка: для принудительного перехода на новую строку воспользуйтесь тегом <br>
2. На главной (первой) странице создаем ссылку на страничку «Стихи». В качестве ссылки используем бегущую строку с текстом «МОЙ ЛЮБИМЫЙ СТИХ».
Для создания эффекта бегущей строки используется парный тэг <MARQUEE>. Для регулирования скорости движения применяется атрибут «scrollAmount=» тега <MARQUEE>, чем больше число стоящее после знака «=», тем быстрее двигается текст.
3. Сделайте так, чтобы ссылки, изменяли свои цвета при наведении на них курсора и после перехода по ссылке (см. справку в работе 2).
4. Сделайте ссылку при нажатии, на которую будет появляться рисунок, вставленного в работе 3, с исходными размерами (т.е. без уменьшения). В качестве ссылки используйте уменьшенную картинку.
5. Добавьте к таблице выполненной в работе № 5 еще два столбца с именами в одном и отчествами в другом. Затем сверху добавьте строку, в которой будут находиться имена столбцов: «Фамилия», «Имя», «Отчество». Внизу таблицы вставьте строку, в которой будет находиться ссылка на «главную» страницу. Данная строка должна состоять из одной ячейки ширина, которой должна быть равна ширине 3-х столбцов. Все строки таблицы закрасьте разными цветами.
Содержимое первого столбца выровняйте по левому краю, второго по центру, третьего по правому.
Подсказка, тег <tr> может иметь ряд атрибутов, в частности bgcolor – указывает цвет строки.
Для выравнивания ячеек используйте атрибут тега <td> align=left (right, center, justify). Атрибут colspan указывает количество столбцов, на которые необходимо расширить ячейку.
6. На главной странице создайте ссылку на вашу электронную почту и сайт университета. В качестве адресной части ссылки используется адрес электронного документа. В общем случае это так называемый URL (Uniform Resource Locator – Универсальный указатель ресурсов) – адрес любого ресурса в Интернете, например Web-страницы или электронной почты. В указателе, кроме адреса компьютера, содержится информация о типе ресурса и полный путь к файлу на сервере. Например, URL http://www.hermitage.ru/html_Ru/index.html показывает, что нужный документ является Web-страницей в силу типа ресурса или протокола http, расположен на сервере www.hermitage.ru в папке html_Ru и обладает именем index.html. Если URL – адрес электронной почты, то в качестве электронного указателя на тип ресурса нужно использовать mailto. например, mailto:webmaster@yandex.ru.
Лабораторная работа №7 (Отправка электронной почты на сайте)
Поддержка на сайте возможности отправки электронной почты обеспечивает обратную связь с посетителями ваших Web-страниц. В этом знакомстве мы рассмотрим, как создавать форму и скрипт для отправки электронной почты. Сначала создадим форму для электронной почты.
Перейдите к окну программы Блокнот (Notepad).
Выберите команду меню Файл ♦ Создать (File ♦ New), чтобы создать новый документ.
Введите базовый HTML-код: <html>
<head>
<title> Отправка электронной почты </title>
</head>
<body>
</body>
</html>
Ниже тега <body> начните создание формы: <form method="post" action="email.php">
В качестве сценария для обработки данных формы используется файл email.php.
Создайте поле ввода имени пользователя: <р> <strong> Ваше имя:</strong><br>
<input type="text" name="Имя" size=30></p>
Создайте поле ввода электронного адреса: <p><strong> Ваш электронный адрес:</strong><br> <input type="text" name="email" size=30></p>
Создайте текстовую область для ввода сообщения: <p><strong>Сообщение:</strong><br>
<textarea name="Сообщение" cols=30 rows=5 wrap=virtual> </textarea></p> Переменные Имя, email, и Сообщение мы будем использовать в скрипте для отправки электронной почты.
Введите код создания кнопки, позволяющей отправить данные формы: <p><input type="submit" name="submit" value="Послать сообщение"></р>
Завершите создание формы </form>
Перейдите к окну браузера.
В поле ввода Адрес (Address) введите строку http://localhost/email.htm и нажмите клавишу ENTER. В окне браузера появится форма для отправки электронной почты.