Практическая работа № 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. Можете поэкспериментировать с цветом шрифта, стилем шрифта, размером шрифта, написанием заголовка и подзаголовка  и т.п.