Основы сайтостроения (§§ 13 - 15) | Добавление изображения


План проведения занятий на учебный год (по учебнику Семакина И.Г.) 1 час в неделю


Уроки 16 - 20
Основы сайтостроения (§§ 13 - 15)
Практическая работа 2.5. "Разработка сайта "Моя семья""
Практическая работа 2.6. "Разработка сайта "Животный мир""
Практическая работа 2.7. "Разработка сайта "Наш класс""
Практическая работа 2.8. "Проектные задания на разработку сайтов"



Содержание урока

Инструменты для разработки wеb-сайтов (§ 13)

Создание сайта «Домашняя страница» (§ 14)

Интерфейс программы KompoZer

Глобальные настройки страницы

Работа с текстом

Создание текстовых гиперссылок

Добавление изображения

Просмотр результата

Вопросы и задания

Создание таблиц и списков на wеb-странице (§ 15)

Практическая работа № 2.5 Разработка сайта «Моя семья»

Практическая работа № 2.6 Разработка сайта «Животный мир»

Практическая работа № 2.7 Разработка сайта «Наш класс»

Проект: разработка сайтов. Практическая работа 2.8. "Проектные задания на разработку сайтов"

Итоговое тестирование по теме "Интернет"


Создание сайта «Домашняя страница» (§ 14)


Добавление изображения


Для добавления изображения необходимо:

• установить курсор в место вставки рисунка;
• выбрать пункт Вставка → Изображение;
• с помощью вкладки Адрес задать адрес изображения либо выбрать файл с изображением с помощью кнопки Открыть;
• здесь же ввести текст всплывающей подсказки и альтернативный текст (при необходимости);
• с помощью вкладки Размеры задать размеры рисунка (если необходимо выполнить масштабирование);
• с помощью вкладки Внешний вид задать отступы от изображения до текста по горизонтали и вертикали, а также определить расположение текста по отношению к изображению;
• если рисунок должен выполнять роль гиперссылки, то с помощью вкладки Ссылка задать адрес документа, на который будет осуществляться переход.

Добавьте к нашей странице изображение:

• установите курсор в начало первого абзаца текста;
• выберите пункт Вставка → Изображение;
• выберите файл boy.jpg;
• введите всплывающую подсказку — «Петя Иванов» (альтернативный текст вводить не нужно);
• выберите вкладку Размеры, установите флажок Соблюдать пропорции и задайте ширину рисунка — 1304;
• выберите вкладку Внешний вид и установите отступы слева и справа — 5, а сверху и снизу — 2;
• установите расположение текста по отношению к рисунку — Влево, окружить текстом.

Далее сохраните файл под именем about_me.html. Должен получиться такой результат, как на рис. 2.13.

Следующая страница Просмотр результата









Наверх