Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Порядок выполнения задания
|
|
1. Откройте редактор HTML-кода (Блокнот, Blue Griffon и т.п.) Скопируйте в окно редактора следующий код:
<html>
<head>
<title>Мояперваявеб-страница</title>
</head>
<body>
<h1>Добро пожаловать!</h1>
<p>Это моя первая веб-страница. </p>
</body>
</html>
Сохраните файл в вашей рабочей папке.
Обратите внимание! При сохранении файлов для размещения в Интернете имена файлов должны включать только латинские буквы (A—Z, a—z), цифры (0—9) и знак подчёркивания (_), например, my_page_1.html. Не используйте имена, содержащие русские буквы и пробелы!
При использовании BlueGriffon следите, чтобы файл сохранялся в кодировке, поддерживающей русский язык (например, windows-1251 или utf-8).
2. Откройте полученный файл в интернет-браузере (MS Internet Explorer, Mozilla Firefox, Google Chrome и т.п.). При использовании BlueGriffon можно переключиться в режим визуального редактирования — WYSIWYG (What you see is what you get). Обратите внимание на различие форматирований заголовка (тэг <h1>) и обычного текста.
3. Исследуйте, как изменится форматирование текста, если заключить его в другие тэги заголовков (<h2>, <h3>, <h4>и т.п. — см. разд. 2.2.1 учебного пособия [ Фомин Д. Н. Основы разработки веб-страниц.: Учеб. пособие. — СПБ.: ГМА им. адм. С. О. Макарова, 2006. ]). Добавьте на страницу ещё несколько заголовков и несколько абзацев обычного текста.
4. Исследуйте, как изменится форматирование заголовков и текста, если добавить к тэгам атрибуты, например <body text="yellow" bgcolor="green">, <h1 align="center">и т.п. Список основных тэгов и атрибутов приведён в приложении 1 к учебному пособию.
5. Исследуйте способы разбивки текста на абзацы и строки (тэги <p> и <br> — см. разд. 2.2.2 учебного пособия). Выясните, чем они отличаются.
6. Создайте второй HTML-файл с произвольным содержимым, например:
<html>
<head>
<title>Моя вторая веб-страница</title>
</head>
<body>
<h1>Один основательный оригинал</h1>
<h2>Два добрых дервиша</h2>
<h3>Три тщедушных тщеславных трепетных тарантула</h3>
<h4>Четыре чёрненьких чумазеньких чертёнка чертили чёрными чернилами чертёж.</h4>
<h5>Пять пухлых пигалиц приятно пели, плотно пообедав. </h5>
<h6>Шесть шустрых шаловливых шимпанзе швырялись широкополыми шляпами. </h6>
<p>Семь сосредоточенных старых сов скоро составят счастливое семейство. Восемь волооких воробьёв вечером варили вишнёвое варенье. Девять дюжих дядек дубасили дубинами дородного дьяка, добавляя: "Дай, добрый дядя, денег".</p>
</body>
</html>
С помощью тэга <a href> (см. разд. 2.2.3 учебного пособия) вставьте гиперссылку из первого файла на второй, а из второго на первый.
Обратите внимание! Адрес в атрибуте href должен быть относительным (например, page2.html), а не абсолютным (включающим букву диска в Windows и путь к папке, например, C:\Users\cadet\page2.html). Компьютеры, на которых размещаются сайты (хосты) ничего «не знают» о структуре папок на вашем компьютере!
Создайте третью HTML-страницу с произвольным текстом (например, взятым из задания по Word). С помощью гиперссылок свяжите её с первыми двумя так, чтобы с любой из трёх страниц можно было перейти на любую другую «в один клик».
7. Добавьте на ваших страницах несколько ссылок на внешние сайты, например, http://yandex.ru. Открыв страницы в браузере, убедитесь, что все внешние и внутренние гиперссылки ведут на нужные страницы.
8. Добавьте несколько изображений на странице с помощью тэга <img> (см. разд. 2.2.4 учебного пособия).
Обратите внимание! Адрес в атрибуте src должен быть относительным (см. примечание к п.6). Не забывайте указывать реальные размеры изображений. При необходимости измените их размеры в графическом редакторе.
9. Создайте на одной из страниц таблицу с 5—7 строками и 5—7 столбцами. Одну из ячеек таблицы сделайте объединённой, занимающей 2—4 строки и 2—4 столбца (см. разд. 2.4 учебного пособия).
10. Сохраните созданные файлы HTML-страниц в вашей рабочей папке.
Примечание к заданию V.1. Не увлекайтесь визуальным дизайном на данном этапе. Тэги прямого форматирования <font>, <b>, <i>, <u> считаются устаревшими. Для форматирования страницы (шрифты, цвета) рекомендуется использовать каскадные стилевые таблицы (CSS), изучаемые в задании V.2. (Обратите внимание на аналогию с прямым и стилевым форматированием в MS Word!)
Для внутритекстовых выделений рекомендуются тэги <em> (англ. emphasis — выделение) и <strong> (усиление) — по умолчанию они делают текст курсивом и жирным соответственно. Это поведение может быть изменено с помощью CSS.
Date: 2016-07-25; view: 312; Нарушение авторских прав