Задание № 4. Выделение фрагментов текста

14.05

9 к ласс

Тема: Технологии создания сайта. Оформление сайта.

Практическая работа №10 «Создание простейшей Web-страницы»

Ребята, у нас с вами осталась одна не выполненная практическая работа, которая является обязательной для выставления четвертной оценки. Прошу выполнить ее до 16.05 и прислать мне на почту.

Справка:

HTML (от англ. HyperText Markup Language) – язык гипертекстовой разметки, при помощи которого создаются Web-страницы.

Задание № 1. Создание простейшего файла HTML

1. Создайте личную папку под названием ПР 10 и фамилия.

2. Запустите программу Блокнот (Notepad).

3. Наберите в окне программы простейший файл HTML.

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY>

Расписание занятий на вторник

</BODY>

</HTML>

4. Сохраните файл под именем INDEX.HTML (обязательно укажите тип файла HTML при сохранении) в личной папке.

5. Для просмотра Web-страницы используйте любой браузер (Internet Explorer, Google Chrome, Opera, Mozilla Firefox, Yandex или другую). Для этого, не покидая программу Блокнот (сверните окно на панель задач), откройте личную папку и двойным кликом по файлу INDEX.HTML откройте окно браузера.

Результат работы показан на рисунке 1.

Рис. 1 Результат работы

Задание № 2. Управление расположением текста на экране

1. При необходимости откройте текст Web-страницы в Блокноте (1 щелчок правой клавишей мыши по файлу INDEX.HTML, в контекстном меню выбрать команду Открыть с помощью… и выбрать программу Блокнот). При необходимости открыть файл в браузере – двойной клик по значку файла левой клавишей мыши.

2. Внести изменения в файл INDEX.HTML, расположив слова Расписание, занятий, на вторник на разных строках.

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY>

Расписание

занятий

на вторник

</BODY>

</HTML>

3. Сохраните текст с внесенными изменениями в файле INDEX.HTML (меню Файл | Сохранить). Если у вас уже отображается Web-страница, то вам достаточно переключиться на панели задач на программу браузера и обновить эту страницу (кнопка). Изменилось ли отображение текста на экране? Не удивляйтесь тому, что внешний вид вашей Web-страницы не изменился.

Не забывайте каждый раз сохранять текст Web-страницы при ее корректировке в программе Блокнот и обновлять страницу при ее просмотре в программе браузера.

Задание № 3. Некоторые специальные команды форматирования текста

Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того существует команда, запрещающая программе браузера изменять каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный

фрагмент текстового файла. Тег перевода строки отделяет строку от последующего текста или графики. Тег абзаца тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац.

Оба тега являются одноэлементными, тег – двойной, т.е. требуется закрывающий тег.

2. Внесите изменения в файл INDEX.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY>

Расписание

 занятий 

на вторник

</BODY>

</HTML>