Практическая работа № S2

«Вставка изображений на Web-страницу»

        

1. Для редактирования страницы Вашего сайта, откройте файл index.html из Вашей папки.

2. Для создания фона Web-страницы введите дополнительные параметры тега <BODY>:

<BODY BGCOLOR=”#0000FF”>    

            3. Сохраните изменения и просмотрите результат в браузере.

            4. Поэкспериментируйте с кодами цветов и подберите необходимый для Вашей страницы цвет фона.

            5. В качестве фона можно использовать обои. Для этого просмотрите список графических объектов в папке Public / Ris и выберите подходящий для обоев объект.

СКОПИРУЙТЕ (!!! перетягивание мышью использовать нельзя !!!) его в Вашу папку.

            6. Измените параметры тега <BODY>:

                        <BODY   BACKGROUND=имя_графического_файла>    

                 (Например, <BODY   BACKGROUND=имя_графического_файла> !!! Заглавные и строчные буквы в именах файлов имеют разные коды !!!)

 

 

Фоновое изображение может придать Web-странице дополнительный колорит. Фоновый рисунок всегда заполняет всё окно браузера. Если размер изображения меньше размеров окна, то оно будет размножено по принципу мозаики. По этой причине на экране границы сшивки повторяющихся рисунков должны быть невидимы. Обычно в качестве фона используется небольшое изображение, которое будет быстро передаваться по Интернету.

 

 

         7. Сохраните изменения и просмотрите результат в браузере.

8. Покажите полученный результат преподавателю.

 

            9. Разместите в Вашей папке файл графического объекта, который Вы решили разместить на своей Web-странице. Вы можете взять подходящий рисунок в папке в папке Public / Ris и СКОПИРОВАТЬ его в свою папку.

            10. Дополните Вашу программу строкой:

                        <IMG SCR= имя_графического_файла>

            11. По умолчанию вставленное изображение выравнивается по левому краю страницы. Для размещения вашего рисунка по центру добавим команду выравнивания. Ваша строка теперь должна выглядеть так:

<CENTER> <IMG SCR= имя_графического_файла> </CENTER>

            13. Сохраните изменения и просмотрите результат в браузере.

14. Измените размер вашего рисунка:

<IMG  WIDTH=100  HEIGHT=100  SCR= имя_графического_файла>

            15. Сохраните изменения и просмотрите результат в браузере.

16. Дополните Ваше изображение рамкой:

 <IMG  WIDTH=100  HEIGHT=100  SCR= имя_графического_файла BORDER=1>

17. Поэкспериментируйте с рамками и подберите оптимальную.

18. Дополните Вашу программу строкой:

                        <HR  SIZE=2  WIDTH=”10%”>

            19. Сохраните изменения и просмотрите результат в браузере. Эта строка добавила линию в Вашей Web-странице. Удлините эту линию, за затем измените её толщину. Подберите параметры длины и толщины линии, подходящие для Вашей Web-страницы.

20. Покажите полученный результат преподавателю.