- •Основы создания Web – страниц на языке html практическое пособие
- •Введение
- •1. Основные понятия
- •Структурные теги
- •Элементы форматирования на уровне блоков
- •2. Работа с текстом
- •Форматирование текста
- •Комментарии
- •Форматирование шрифта
- •Цветовая гамма html-документа
- •3. Списки
- •4. Гиперссылки в нтмl – документе. Изображения Использование гиперссылок
- •Добавление графических изображений в html-документы
- •Height указывает высоту изображения в пикселях или процентах
- •5. Таблицы
- •6. Формы
- •Как устроена форма
- •Простейшая форма
- •Как форма собирает данные
- •7. Фреймы
- •Типовое задание
- •Практические задания
- •Использование обязательных тегов. Выравнивание абзацев
- •Форматирование текста
- •Формирование списков
- •Создание гиперссылок и вставка графических изображений
- •Организация и форматирование таблиц
- •Построение форм
- •Организация фреймов
- •Контрольная работа
- •Приложение1
- •Приложение2 Краткая справка тегов
- •Литература
Практические задания
Задание 1
Использование обязательных тегов. Выравнивание абзацев
Создайте Web-страницу следующего вида:
ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут (Укажите свою фамилию, имя и отчество)
|
||
Мой город Я живу в Минске
Моя учеба Я учусь в … |
Мои увлечения |
Мои друзья
|
Задание 2
Форматирование текста
Отформатируйте текст по указанному образцу, после его заглавия организуйте бегущую строку: "Работа выполнена: Фамилия Имя ", каждое слово заглавия наберите своим цветом, а в конце текста проведите горизонтальную линию. Оформите фон вашего сайта по желанию.
Разработан тест на интернет-зависимость
1 Чрезмерное пристрастие к интернету психиатры уже много лет считают симптомом психического заболевания.
2 Учеными предложен тест, позволяющий быстро определить, не злоупотребляете ли Вы пользованием Сетью.
3 Первый признак "интернетомана" - пребывание человека в Сети в течение значительно дольшего времени, чем тот первоначально намеревался.
4 Еще один важнейший признак - пренебрежение ради пребывания в Сети всеми прочими обязанностями
5 Еще один из ключевых симптомов заболевания - чрезвычайно плотный "поток сознания" и/или тревога, возникающие у человека, когда он выходит из Сети.
6 Впрочем, далеко не все психиатры, психологи и социологи считают, что в чрезмерно длительном пребывании в Сети есть что-то аномальное.
1 Набрать большим шрифтом, красным цветом, курсивом;
2 Вывести, используя тег <Pre>
3 Выровнять по правому краю, набрать шрифтом размера +3, чередовать цвета букв;
4 Изменить направление текста;
5 Набрать шрифтом с перечеркнутым начертанием, разорвать строку после слова "тревога";
6 Набрать малым шрифтом типа Arial и выровнять по центру.
Задание 3
Формирование списков
Сформируйте на странице список следующего вида:
Пункт 1
Пункт 1.1
Определение пункта 1.1
Пункт 1.2
Определение пункта 1.2
Пункт 1.3
Определение пункта 1.3
Другое определение пункта 1.3
Пункт 2
Пункт 2.1
Пункт 2.1.1
Пункт2.1.1.2
Пункт2.1.1.3
Пункт 2.1.2.1
Пункт 2.2
о Пункт 2.2.1
о Пункт 2.2.2
Пункт 3
Задание 4
Создание гиперссылок и вставка графических изображений
Постройте сайт, содержащий гиперссылки различного типа. Вставьте произвольное изображение.
Ссылка, по которой осуществляется переход в конец страницы
Ссылка на любой, созданный Вами файл с расширением .html
Нажатием на картинку осуществляется переход к ссылке *
Ссылка на адрес электронной почты
Ссылка *
Ссылка по которой осуществляется переход в начало страницы
Задание 5