Загрузка данных
Вот текст из всех выделенных рамок на предоставленных фотографиях:
Фото 1:
1. Открыть окно текстового редактора Блокнот.
2. В окне приложения Блокнот ввести HTML-код Web-страницы.
Сохранить файл под именем index.htm в папке сайта.
Загрузить этот файл в окно браузера для просмотра.
<html>
<head>
Фото 2:
3. В окне приложения Блокнот в контейнер <BODY> вставить указанную ниже последовательность тегов и просмотреть результат в браузере.
<H1 ALIGN="center">
<FONT COLOR="blue">
Давайте знакомиться - Компьютер
</FONT>
</H1>
<HR>
4. Получить изображение компьютера и сохранить в файле с именем computer.gif в папке сайта.
5. В окне приложения Блокнот в контейнер BODY вставить тэг вставки изображения и «обтекающий» его текст, просмотреть результат в браузере.
<IMG SRC="computer.gif" ALT="Компьютер" ALIGN="right">
Фото 3:
6. Создать пустые файлы страниц «Программа», «Словарь», «Комплектующие» и «Анкета» и сохранить их в папке сайта с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта.
7. Вставить в титульную страницу текст гиперссылок:
<A HREF="URL"> Текст гиперссылки </A>
<A HREF="software.htm">Программа</A>
<A HREF="glossary.htm">Словарь</A>
<A HREF="hardware.htm">Комплектующие</A>
<A HREF="anketa.htm">Анкета</A>
8. Вставить в титульную страницу текст, содержащий панель навигации:
<HR>
<A HREF="http://www.rambler.ru">
<IMG SRC="rambler.gif" ALT="Rambler" ALIGN="center">
</A>
<A HREF="mailto:physics@profit.ru">E-mail</A>
<ADDRESS>
A.HREF=mailto:physics@profit.ru
</ADDRESS>
Фото 4:
9. Открыть в приложении Блокнот файл software.htm и добавить следующий HTML-код, задающий список:
<UL>
<LI> Системные программы
<LI> Прикладные программы
<LI> Системы программирования
</UL>
10. Добавить HTML-код, задающий вложенный список для элемента <LI> Прикладные программы нумерованного списка:
<OL>
<LI> текстовые редакторы;
<LI> графические редакторы;
<LI> электронные таблицы;
<LI> системы управления базами данных.
</OL>
11. Открыть в приложении Блокнот файл glossary.htm и добавить следующий HTML-код, задающий список определений:
<DL>
<DT>Процессор
<DD>Центральное устройство компьютера, производящее обработку информации в двоичном коде.
<DT>Оперативная память
<DD>Устройство, в котором хранятся программы и данные.
</DL>
12. Открыть в приложении Блокнот файл anketa.htm и добавить следующий HTML-код, создающий текстовые поля для ввода данных; просмотреть страницу в браузере:
<FORM>
Пожалуйста, введите ваше имя: <BR>
<INPUT TYPE="text" NAME="name" SIZE=30> <BR>
E-mail: <BR>
<INPUT TYPE="text" NAME="e-mail" SIZE=30>
<BR>
</FORM>
13. Добавить HTML-код, создающий группу переключателей для выбора одного варианта, просмотреть страницу в браузере:
Укажите, к какой группе пользователей вы себя относите: <BR>
<INPUT TYPE="radio" NAME="group" VALUE="schoolboy"> учащийся <BR>
<INPUT TYPE="radio" NAME="group" VALUE="student"> студент <BR>
<INPUT TYPE="radio" NAME="group" VALUE="teacher"> учитель
14. Добавить HTML-код, создающий флажки для выбора нескольких вариантов, просмотреть страницу в браузере:
Какие из сервисов Интернет вы используете наиболее часто: <BR>
<INPUT TYPE="checkbox" NAME="group"
Фото 5:
15. Добавить HTML-код, создающий раскрывающийся список для выбора одного варианта; просмотреть страницу в браузере:
<SELECT NAME="browsers">
<OPTION SELECTED> Internet Explorer
<OPTION> Netscape Navigator
<OPTION> Opera
<OPTION> Neo Planet
</SELECT>
<BR>
16. Добавить HTML-код, создающий текстовую область для ввода комментариев; просмотреть страницу в браузере:
Какие еще информационные источники вы хотели бы видеть на нашем сайте?
<BR>
<TEXTAREA NAME="resume" ROWS=4 COLS=30>
</TEXTAREA>
<BR>
17. Добавить HTML-код, создающий кнопки: просмотреть страницу в браузере:
<INPUT TYPE="submit" VALUE="Отправить">
<INPUT TYPE="reset" VALUE="Очистить">