ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Форма, разделённая горизонтальной линией
Задание № 1.
1. Создайте новую HTML-страницу.
2. Создайте заголовок первого уровня (тег <H1>) и «отцентрируйте» его.
3. Создайте маркированный (<ul> <li> </li> </ul>) и нумерованный (<ol> <li> </li> </ol>) списки.
4. Создайте гипертекстовую ссылку (тег <a href="/"> </a>) с последнего пункта нумерованного списка.
Задание № 2.
1. Поместите изображение на страницу (тег <img src="/" />).
2. Сделайте размещенное изображение ссылкой (тег <a href="/"> </a>).
3. Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.
4. Сделайте задний фон страницы светло-желтым __ (#FFFFD9),
цвет непосещенных ссылок – красным __ (#FF0000),
посещенных – синим __ (#0000FF).
5. В нумерованном списке текст пункта 4 сделайте жирным (теги <strong> </strong> и <b> </b>),
а пункта 5 - курсивным (наклонным) (теги <em> </em> и <i> </i>).
Задание № 3.
1. Создайте три Web-страницы. Первая страница будет домашней, поэтому переименуйте её в index.html (ещё одно допустимое название –default.html).
2. Создайте домашнюю страницу, назвав её «Рабочее место Web–мастера». Эта страница обязательно должна содержать ссылки на две другие страницы, посвящённые Html-редакторам и графическим редакторам.
3. Вторая страница посвящена HTML редактору Macromedia Home Site 5. На этой странице есть следующие ссылки:
a. Две ссылки на Интернет-сайты производителей Macromedia Home Site 5 (http://www.macromedia.com/ и http://www.allaire.com).
b. Ссылка-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы (картинка загружается в отдельном окне: target="blank").
c. Ссылка для возвращения на домашнюю страницу.
4. На третьей странице рассказывается о размещении изображениях на страницах. Третья страница содержит:
a. Cсылку-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы Adobe Photoshop (картинка загружается в отдельном окне: target="blank")
b. Cсылку на домашнюю страницу.
Задание № 4.
1. Создайте новую HTML-страницу.
2. Создайте новую Web-страницу.
Разместите на странице таблицу из 5 рядов и 5 колонок.
Выполните объединение ячеек таблицы, как показано на рисунке
Объединение ячеек таблицы:
3. Сохраните страницу в личной папке в файл table3.html
Задание № 5.
1. Создайте новую HTML-страницу.
2. Создайте новую Web-страницу. Разместите на странице таблицу.
Выровняйте таблицу по центру страницы.
Цвет заднего фона таблицы = "#E2E2E2".
Ширина таблицы = 500 пикселей.
Расстояние между границей ячейки и ее содержимым = 15 пикселей.
Толщина границы = 5 пикселей, цвет границы = "#008000
Цвет второго ряда таблицы = #FFFFCA"
Цвет ячейки 3 = "#FFCACA", цвет ячейки 5 = "#ECFFEC" (см. рисунок).
Форматирование заднего фона таблиц, рядов и ячеек:
3. Сохраните страницу в личной папке в файл table2.html
Задание № 6.
1. Создайте новую HTML-страницу.
2. Создайте новую Web-страницу. Разместите на странице таблицу.
Ширина таблицы = 90%, высота = 600 пикселей.
Высота рядов = 200 пикселей.
Ширина колонок = 30%
Выполните форматирование текста в таблице, как показано на рисунке.
В таблице могут использоваться следующие способы выравнивания:
| По горизонтали: - слева; По вертикали: - вверху. | По горизонтали: - слева; По вертикали: - по центру. (этот способ используется по умолчанию) | По горизонтали: - слева; По вертикали: - внизу. |
| По горизонтали: - по центру; По вертикали: - вверху. | По горизонтали: - по центру; По вертикали: - по центру. | По горизонтали: - по центру; По вертикали: - внизу. |
| По горизонтали: - справа; По вертикали: - вверху. | По горизонтали: - справа; По вертикали: - по центру. | По горизонтали: - справа; По вертикали: - внизу. |
3. Сохраните страницу в личной папке в файл table1.html
Задание № 7.
1. Создайте сайт, посвящённый какой-либо теме (например, каталог чего-либо) и содержащий фреймовую структуру из трёх фреймов.
В одном их фреймов поместите навигацию, а в самый большой фрейм загружайте 4-5 станиц по ссылкам.
Необходимые изображения возьмите в сетевой папке Картинки.
2. Сохраните сайт в отдельной папке
Задание № 8.
1. Создайте новую HTML-страницу.
2. Создайте форму с использованием и без использования тэга переноса строки.
Форма без использования тэга <br>
Имя: Адрес электронной почты: @mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net Пароль:
Форма с тэгом <br>
Имя:
Адрес электронной почты:
@mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net
Пароль:
3. Сохраните страницу в личной папке в файл form1.html
Задание № 9.
1. Создайте новую HTML-страницу.
2. Создайте форму с использованием в качестве разделителя тэга, создающего горизонтальную линию.
Форма, разделённая горизонтальной линией
Введите тему сообщения:
Введите текст самого сообщения:
Укажите почтовый адрес:
nic @mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net
Введите пароль:
3. Сохраните страницу в личной папке в файл form2.html
Задание № 10.
1. Создайте новую HTML-страницу.
2. Создайте форму с использованием таблиц для выравнивания формы.
| <== предыдущая лекция | | | следующая лекция ==> |
| Что такое веб-дизайн, его основные элементы, этапы и принципы | | | Лабораторная работа№1 Представление текстовых документов в формате HTML |
Не нашли, что искали? Воспользуйтесь поиском: