Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
ЛР1_Web_страница.doc
Скачиваний:
1
Добавлен:
01.04.2025
Размер:
2.45 Mб
Скачать
  1. Вставка изображений

Для вставки изображений используется тег <img>. Обязательным для этого тега является атрибут src (от английского SouRCe – источник). Он определяет путь до графического файла, изображение которого должно быть выведено на WEB-странице.

Для вставки изображения используется команда <img src=”Имя файла”>.

Например: <img src=”image1.jpg” alt=”Картинка”>

Файлы с описаниями Web-страниц могут храниться в корневом каталоге, а графические файлы, используемые при оформлении Web-страниц, – в специально выделенной для этого папке, например, с именем images. В этом случае атрибут SRC будет содержать такую запись для указания пути к графическому файлу: SRC="images/pr2_4.gif".

Атрибут alt необходим для того, чтобы при просмотре web–страницы в режиме отключенных изображений, вместо отсутствующей картинки была надпись, которая прописана в атрибуте alt. Также alt -тексты рекомендуется использовать всегда, т.к. поисковые машины анализируют их как ключевые слова при поиске изображений.

Графические файлы могут быть в формате jpg, gif, png.

Задание 4

  1. Создайте новый HTML-документ.

  2. Введите текст из листинга 4 (для фона можете использовать любой цвет из папки colors.

  3. В папке Lab_1 Сохраните документ под именем tiger.html

  4. Запустите файл tiger.html Ваш документ должен выглядеть примерно так, как показано на рис. 6, а.

  5. Отключите режим просмотра изображений Сервис-Свойства обозревателя-Дополнительно-Отображать рисунки (снять флажок).

  6. Нажмите кнопку Обновить . Результат на рис. 6,б

Листинг 4

а б

Рис. 6. Вставка изображения на Web-страницу

В результате выполнения лабораторной работы у Вас в папке Lab_1 должны быть четыре файла:

  • fist.html,

  • elementH.html,

  • align.html,

  • tiger.html

Выполните контрольное задание.

Контрольное задание:

создать WEB-страницу в соответствии с рисунком 7

  1. Все изображения для задания находятся в папке library/house.

  2. Фон для WEB-страницы Вы можете выбрать в папке library/fons.

  3. Тексты, необходимые для создания страницы, приведены ниже.

  4. Сохраните HTML-документ под именем proekt.html

Каталог архитектурных проектов

Проекты домов для Вашего будущего дома

Каталог готовых архитектурных проектов коттеджей myhouse.ru явился результатом многолетней работы лучших российских специалистов в области архитектуры и строительства. Это своего рода «Собрание сочинений» от современной загородной архитектуры, в котором каждый может найти что-то свое. Почти все проекты домов уникальны и лишь небольшое число коттеджей проектировались, как типовые; в широком же смысле слова, проекты коттеджей из каталога нельзя называть типовыми, поскольку разрабатывались они в порядке индивидуального проектирования непосредственно под нужды будущих владельцев загородных домов. Более 95% проектов реализовано в строительстве. Большая часть проектов реализована неоднократно, как в Московской области, так и по всей территории Российской Федерации, в странах ближнего зарубежья.

Экономическая составляющая и вопросы престижа не менее важны при выборе проекта дома. Разброс проектных площадей - велик. В настоящее время это дома от 50 до 1300 м2 общей площади. Часть из них можно отнести к дачам, в то время, как другую, смело причислить к образцам великолепной дворцовой архитектуры. Разумеется, средние по размерам проекты представлены наиболее полно и отражают все тенденции в современном коттеджном строительстве.

Проекты домов

Проекты кирпичных домов

до 150 м2

от 150 до 250 м2

от 250 до 400 м2

от 400 м2

Проекты домов из газобетона и пенобетона

до 150 м2

от 150 до 250 м2

от 250 до 400 м2

от 400 м2

Проекты домов из бруса и бревна

до 150 м2

от 150 до 250 м2

от 250 до 400 м2

от 400 м2

Проекты каркасных домов

до 150 м2

от 150 до 250 м2

от 250 до 400 м2

Рис. 7. Web-страница проектов