Уроках, загрузите копию
Скачать 35.18 Kb.
|
Практическая работа № 7Размещение встроенного изображения в Вашем HTML-документеПримечание: Если у Вас нет рабочего документа, созданного нами на предыдущих уроках, загрузите копию сейчас. Нам потребуется также GIF изображение. Вы нашли и поместили его в свою папку на предыдущем уроке, можно так же скопировать изображение с нашего диска (файл Vish.gif). На этом уроке мы добавим вводную картинку с изображением вышивки в Ваш текстовый документ.
 Это HTML-формат вставляет в самое начало Вашей страницы картинку, которую Вы загрузили на предыдущем уроке из Интернета (или предложенную нами на диске с этим же именем).
В этом примере видно, что мы не вставляли тег после изображения. Это потому что далее следует заголовок. Web-браузер всегда вставляет абзац перед и после тегов . |
атрибута, определяющие размер изображения в пикселях. Зачем? Обычно Ваш
web-браузер сам способен определить эти величины, прочитав изображение; загрузка
Вашей страницы может пойти быстрее, если Вы определили их заранее в Вашем
HTML-документе.
Формат, включающий эти опции, выглядит так:
где X это ширина, а Y - высота изображения в пикселях.
Обычно Вы используете какую-нибудь графическую программу или утилиту (например, Adobe Photoshop), чтобы определить эти размерности.
В нашем примере изображение Vish.gif имеет 205 пикселей в ширину и 154 пикселей в высоту. Давайте отредактируем наш файл vish.html следующим образом:
ПРИМЕЧАНИЕ: порядок атрибутов внутри тега
Часто спрашивают, можно ли установить значения размеров изображения значительно отличающиеся от истинных величин. Ответ да, но результат может быть непредсказуемым. Если Вы вставили большие значения (сделали изображение больше) результатом будет "блокирование" картинки. Если Вы используете меньшие цифры (сделали изображение меньше) результатом может быть искажение картинки. Кроме того, загружено будет, тем не менее, полноразмерное изображение, так что во времени загрузки Вы не сэкономите. Любое изменение размеров потребует дополнительной работы от web-браузера по пересчёту картинки.
Вы можете поэкспериментировать и посмотреть сами. Попробуйте сделать ошибку!
Контроль Вашей работы
Сравните Вашу работу с примером этого урока. Если Ваш документ отличается от примера, проверьте правильно ли введены теги HTML в текстовом редакторе. Изучите еще раз текст этого урока.
Если Вы увидите иконку с изображением крестика
, вначале проверьте HTML-файл и gif-файл. Вы должны быть уверены, что имя файла в теге Контрольные вопросы
Какие форматы файлов используются для Web изображений?
Какие теги должны быть указаны, чтобы изображение появилось посередине текстовой строки?
Как добавить рисунок в Ваш документ?
Для чего предназначен атрибут alt="...."? Что надо указать в месте "...."?
Независимая практика
Добавьте изображение на Вашу web-страницу, используя gif-файл, который хранится на Вашем компьютере или который Вы загрузили из Интернета.
Добавить документ в свой блог или на сайт
Похожие:
 | Программа по формированию навыков безопасного поведения на дорогах... Загрузите систему windows. Загрузите субд access. Появятся выплывающие карточки-подсказки. Сверните их. Если вам понадобится подсказка,... | | Конкурсах!!! Проект «Познание и творчество» Выполненное задание и копию квитанции об оплате вместе с учителем отправить в г. Обнинск |
| Проверь себя Подготовьте копию таблицы ответов и воспользуйтесь ею для записи ваших ответов на утверждения теста | | Тест Гилфорда (модифицированный) Подготовьте копию таблицы ответов и воспользуйтесь ею для записи ваших ответов на утверждения теста |
| Урока прикрепить копию плана урока Пожалуйста, поставьте галочку () рядом с просмотренными Обучающими Структурами (ОС) Развивается (Р), Компетентен (К) и Владеет в... | | Кандидатский минимум Сделать перевод оригинального текста. Оформить в виде реферата. Приложить копию текста. Реферат – это допуск к экзамену |
| 1. Основные понятия информатики. Устройство и принцип работы персонального... ... |  | Программа по формированию навыков безопасного поведения на дорогах... Внимание! Предварительный просмотр слайдов используется исключительно в ознакомительных целях и может не давать представления о всех... |
| Матрица исходных данных Загрузите файл «Вселенская удовлетворенность Иванова xls» При выполнении заданий этой части в бланке ответов №1 под номером выполняемого вами задания (А1 – а 30) впишите номер выбранного... | | См графическую копию официальной публикации Правительства Российской Федерации от 11 ноября 2005 г. N 679 (Собрание законодательства Российской Федерации, 2005, n 47, ст. 4933;... |
| О проведении областного конкурса Просим Вас передать конкурсные работы, оформленные строго по положению, в римк до 23 апреля или самостоятельно направить работы в... | | Инструкция по выполнению теста Тест состоит из 90 утверждений (вопросник),... Подготовьте копию таблицы ответов и воспользуйтесь ею для записи ваших ответов на утверждения теста |
| Использование икт на уроках литературы Так вот, наряду со знаниями, необходимо владеть навыками сбора, обработки и систематизации, анализа информационного массива. Эти... | | Программа по формированию навыков безопасного поведения на дорогах... На уроках информатики, уроках изо, мхк, черчения, уроках в начальной школе, элективных курсах, кружках, дистанционном обучении учащимися... |
| Программа по формированию навыков безопасного поведения на дорогах... На уроках информатики, уроках изо, мхк, черчения, уроках в начальной школе, элективных курсах, кружках, дистанционном обучении учащимися... | | «Инновационные технологии преподавания на уроках музыки» Применение... Использование на уроках икт способствует повышению интереса, внимания; формированию мыслей, их высказыванию, формированию впечатлений;... |
