Интернет-страницы и редакторы для её создания

Задание № 1. Создание простейшего файла HTML

Создайте личную папку, куда вы будете сохранять все файлы своего сайта.
Запустите программу Блокнот (Notepad).
Наберите в окне программы простейший файл HTML.











Расписание занятий на вторник




Сохраните файл под именем RASP.HTML (обязательно укажите тип файла HTML при сохранении) в личной папке.
Для просмотра Web-страницы используйте любую программу браузера (Internet Explorer, Opera, Mozilla Firefox или другую). Для этого, не покидая программу Блокнот (сверните окно на панель задач), откройте личную папку и двойным кликом по файлу RASP.HTML откройте окно браузера.

На экране вы увидите результат работы, изображенный на рисунке 1.

Задание № 2. Управление расположением текста на экране
Внести изменения в файл RASP.HTML, расположив слова Расписание, занятий, на вторник на разных строках.










Расписание занятий
на вторник



Сохраните текст с внесёнными изменениями в файле RASP.HTML (меню Файл | Сохранить).

Задание № 3. Некоторые специальные команды форматирования текста
Добавьте специальные команды:
Тег перевода строки
отделяет строку от последующего текста или графики.
Тег абзаца

тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац.
Внесите изменения в файл RASP.HTML

Расписание

Выглядеть ваша Web-страница будет примерно так, как показано на рисунке 2.

Задание № 4. Выделение фрагментов текста
Внести изменения в текст файла RASP.HTML









Расписание

занятий

на вторник




Возможно использование комбинированных выделений текста.
Расписание занятий на вторник
Правило использования комбинированных тегов:
<Тег_1><Тег_2> ... – правильная запись.
<Тег_1><Тег_2> ... – ошибочная запись.
Обратите внимание на «вложенность» тегов, она напоминает «вложенность» скобок.

Задание № 5. Задание размеров символов Web-страницы
Существует два способа управления размером текста, отображаемого браузером:
использование стилей заголовка,
задание размера шрифта основного документа или размера текущего шрифта. Используется шесть тегов заголовков: от

до

(тег двойной, т.е. требует закрытия). Каждому тегу соответствует конкретный стиль, заданный параметрами настройки браузера.
Внесите изменения в файл RASP.HTML

Расписание

Просмотрите свою Web-страницу. На экране вы увидите то, что отображено на рисунке 3.

Задание № 6. Установка размера текущего шрифта
Тег шрифта позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.
Внесите изменения в текст RASP.HTML








Расписание занятий на вторник



Самостоятельно измените размер текста «занятий на вторник», используя тег .
Измените оформление текста HTML-документа, используя тег выделения фрагментов и тег перевода строки и абзаца.

Задание № 7. Установка гарнитуры и цвета шрифта
Тег предоставляет возможности управления гарнитурой, цветом и размером текста.
Изменение гарнитуры текста выполняется простым добавлением к тегу атрибута FACE. Например, для отображения текста шрифтом Arial необходимо записать:

Для изменения цвета шрифта можно использовать в теге атрибут COLOR=”X”.
Вместо “X” надо подставить английское название цвета в кавычках (“ ”), либо его шестнадцатеричное значение.
При задании цвета шестнадцатеричным числом необходимо представить этот цвет разложенным на три составляющие: красную (R – Red), зелѐную (G – Green), синюю (B – blue), каждая из которых имеет значение от 00 до FF.
В этом случае мы имеем дело с так называемым форматом RGB.

Примеры записи текста в формате RGB приведены в Таблице 1:

Внесите изменения в файл RASP.HTML











FACE="ARIAL" SIZE="7">

Расписание занятий на вторник

Задание № 8. Выравнивание текста по горизонтали
Внесите изменения в файл RASP.HTML

Расписание


занятий на

вторник

Просмотрите изменения в браузере. На экране вы увидите то, что показано на рисунке 4.

Задание № 9. Задание цвета фона и текста
При изображении фона и цвета браузеры используют цвета, установленные по умолчанию, – они заданы параметрами настройки браузера. Если вы хотите задать другие цвета, то это надо сделать в начале файла HTML в теге . Атрибут BGCOLOR= определяет цвет фона страницы, атрибут TEXT= задает цвет текста для всей страницы, атрибуты LINK= и VLINK= определяют соответственно цвета непросмотренных и просмотренных ссылок (последние два примера будут рассмотрены позже).Внесите изменения в файл RASP.HTML

Расписание


занятий на вторник

Задание № 10. Размещение графики на Web-странице
Тег позволяет вставить изображение на Web-страницу. Оно появится в том месте документа, где находится этот тег. Тег является одиночным.
Необходимо помнить, что графические файлы должны находиться в той же папке, что и файл HTML, описывающий страницу. Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG.
Для выполнения следующего задания поместите файл с именем CLOCK.JPG (или другим именем) в рабочую папку.

Следует помнить, что для браузера важно, в каком регистре вы задаете описание имени и типа файла. Выработайте для себя определенное правило и строго следуйте ему. Если вы размещаете файл графического изображения во вложенной папке, то при описании изображения необходимо указывать путь доступа к файлу изображения, отображая вложенность папок.

Внесите изменения в файл RASP.HTML









TEXT="#330066">

Расписание


занятий на

вторник