Практическая работа № S1
«Форматирование текста на Web-странице»
1. Стартуйте программу БЛОКНОТ для создания нового документа.
2. Наберите текст:
<HTML>
<TITLE> index </TITLE>
<H1 ALIGN=CENTER> Мой сайт </H1>
<BODY>
</BODY>
</HTML>
3. Сохраните этот текст в своей папке под именем index.html (Внимание! Тип файла html подразумевает, что данный документ открывается программой браузером, например Internet Explorer)
4. Для просмотра Web-страницы стартуйте браузер (двойным щелчком по имени файла index.html).
5. Чтобы внести изменения в файл, перейдем к окну редактора командой Вид / В виде HTML
6. Дополните программу строками, расположив их после тега <BODY>:
<P ALIGN=LEFT> <FONT SIZE=3 COLOR=RED>
Привет! Меня зовут Ирина.
</P> </FONT>
7. Для просмотра Web-страницы в браузере, его нужно сначала сохранить на диске.
8. Затем перейдите к окну браузера и нажмите кнопку «Обновить». Файл будет перезагружен и на экране появится новая информация.
9. Вернитесь в окно редактора и дополните программу строками:
<P ALIGN= CENTER> <FONT SIZE=7 COLOR=BLUE>
Я учусь в гимназии № 102.
</P> </FONT>
10. Повторите пункты 7 и 8. (Эти пункты следует повторять всегда перед просмотром действия обновленной программы).
11. Вернитесь в окно редактора и дополните программу строками:
<P ALIGN=RIGHT> <FONT SIZE=15 COLOR=GREEN>
В классе 8А.
</P> </FONT>
12. Просмотрите полученный результат.
13. Покажите полученный результат преподавателю.
14. Добавим строки:
- для наклонного начертания текста:
<i> Мне очень нравится информатика </i>
- для подчеркнутого начертание текста:
<u> Компьютер – это здорово! </u>
- начертание текста, добавим строку:
<b> Мне нравится учиться работать на ПК </b>
18. Просмотрите полученный результат.
19. Самостоятельно напишите новые предложения жирным курсивом и подчеркнутым курсивом.
20. Покажите полученный результат преподавателю.
21. Можете поэкспериментировать с цветом шрифта, стилем шрифта, размером шрифта, написанием заголовка и подзаголовка и т.п.