Для размещения на Web-страницах изображений используются графические файлы форматов GIF, JPEG и PNG.
<IMG> - одиночный тег для вставки изображения в страницу Web.
Например: <IMG SRC=picture.gif>
Атрибуты тега <IMG>
ALT - позволяет (если в браузере отключен режим графики), получить представление о том, что за графика расположена на странице или каковы ее цели.
HEIGHT – задает высоту картинки в пикселях
WIDTH – задает ширину картинки в пикселях
Например: <IMG SRC="pic.gif " HEIGHT=50 WIDTH=100ALT="Picture">
Здесь SRC означает источник, а имя файла представляет собой имя выводимого графического файла.
Вопросы для закрепления теоретического материала к практическому занятию
Поменять местами строки для получения верного HTML- кода
- </html>
- <head>
- <title>Таблицы
- </head>
- </body>
- <tr><body>
- <td rowspan=2> Работа с HTML требует больших усилий</td>
- <td bgcolor=66ffff>Применение специальных программных средств
- <Table align=center border=4 bgcolor=66ff00>
- </td></Table>
- </tr>
- <tr>
- <td bgcolor=66ffff>делает эту работу простой и эффективной
- </tr></td>
- <html></title>
Задания для практического занятия:
|
|
1. Набрать в блокноте и сохранить для чтения браузером следующий текст, подобрать по смыслу картинки в Интернете, сохранить и вставить вместо предложенных (название картинок использовать любое своё)
2. Просмотреть свою страницу различными браузерами и сравнить, одинаково ли выглядит её содержимое, написать вывод в тетрадь.
<html>
<head>
<title>Kartinka</title>
</head>
<body bgcolor="#FFFFCC" TEXT="#993300" >
<center> <h1> <b> Вставка изображений </b></h1></center>
<HR>
<P>
Для размещения на Web-страницах изображений используются графические файлы форматов GIF, JPEG и PNG. </p>
<p>Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла. </p>
<p> <b><IMG SRC="image.jpeg "></b> </p>
<IMG SRC="carsk.gif" WIDTH="15" HEIGHT="45" ALIGH="left">
<p><i>Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге (P). Размеры изображения (в пикселях) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран.</i></p>
<p align="center"><img src="cxema.png" width="180" height="280" border="1" >
</body >
</html>
Форма контроля выполнения практических работ:
Студент предоставляет выполненное задание в электронном виде и вывод в тетради
Критерии оценки:
Все задания выполнены и может пояснить алгоритм их выполнения - оценка 5
Выполнены все, но объяснить не может – 4
|
|
Задания выполнены частично, пояснения нечеткие – 3
Задание не выполнено-2.
Занятие 45
Практическая работа по теме:
5.6.Сетевое программное обеспечение
Учебные цели и задачи: ознакомиться сразновидностями сетевого программного обеспечения, получить навыки работы с браузером, поисковыми системами, почтовыми программами и др.