Существует множество информационных источников, где вам удастся "поживиться" готовыми графическими файлами. Вы можете также воспользоваться сканером для преобразования печатных изображений в электронный формат либо средствами программных графических редакторов.
Лучше завести для себя порядок раз и навсегда и все картинки складывать в специальную папочку, которую назвать
img и разместить ее в той папке, куда вы
будете складывать свои странички.
Включенные в состав Web-страницы графические изображения существенно увеличивают время ее пересылки с Web-сервера на компьютер пользователя. Старайтесь по возможности оптимизировать графику и использовать графические файлы небольших размеров, чтобы сократить время передачи информации.
См. о графических компонентах Web-страниц
|
|
Ступенька 10. Вставляем картинки
<img src="my.jpg">
Вместо my.jpg мы можем подставить имя любой картинки (me.gif, main.png, 11.jpg). Самое главное понять, что все расположенное между кавычками - ссылка (путь к картинке). Наш пример говорит о том, что картинка лежит в том же каталоге (директории, папке), в которой лежит и наш документ.
- Если картинка лежит в поддиректории то ссылка на не╦ будет выглядеть так:
<img src="img/my.jpg">
-
Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на не╦ будет такой:
<img src="../my.jpg">
- Если картинка лежит на другом сайте, то путь прописывается полностью:
<img src="http://www.homepage.ru/my/my.jpg">
Если у вас нет на данный момент картинки, то
чтобы потренироваться вставлять картинки в
документ, сохраните эту (жми на ссылку) у себя
в папке img
В рассматриваемом примере используется именно она:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>Здравствуйте, это моя первая страница.</H3>
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </center>
<p align="justify">
<img src="img/primtocodephoto.gif">
Принципиальная особенность дистанционного обучения состоит в том, что вуз, гарантирующий качество образования в соответствии с государственными образовательными стандартами, и студенты разделены здесь в гораздо большей степени, чем при классической форме заочного обучения. При этой системе обучения нет традиционных сессий, обучение проводится, как правило, по индивидуальному учебному плану.
</b>
</p>
</body>
</html>
Посмотрите что у нас получилось .
Не очень красиво, не так ли? Было бы лучше, если бы текст аккуратно располагался сбоку от картинки. Идем дальше, чтобы узнать, как это сделать.
|
