2.3. Создание и редактирование Web-страниц
Для создания Web-страницы можно воспользоваться любым текстовым редактором, например Блокнотом (Пуск → Программы → Стандартные → Блокнот).
Первым делом необходимо набрать теги, определяющие структуру документа. Например, чтобы создать пустую Web-страницу с именем заголовка Первая Web-страница, нужно в Блокноте ввести следующие теги:
<HTML>
<HEAD>
<TITLE> Первая Web-страница </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>.
Блокнот – текстовый редактор, поэтому все созданные в нём файлы он по умолчанию сохраняет с расширением .txt. Для того чтобы введённый HTML-код сохранился не как текстовый файл, а как Web-страница, необходимо сохранить файл с расширением .html или .htm (рис. 2.1). Имя файла может быть любым, например, Первый.html. Для сохранения файла необходимо в Блокноте выполнить команду Файл → Сохранить.
Рис. 2.1. Сохранение Web-страницы
В результате в папке Практика, выбранной для сохранения доку-мента, появится новая Web-страница с именем файла Первый.html и соответствующим значком . Если по имени созданного документа произвести двойной щелчок левой кнопкой мыши, то он должен открыться в браузере, например, в Microsoft Internet Explorer (рис. 2.2).
Рис. 2.2. Просмотр Web-страницы в браузере
Редактируется Web-страница в Блокноте, а результат её изменения просматривается в браузере. Чтобы открыть Web-страницу для редак-тирования в Блокноте, можно, к примеру, прямо в браузере Internet Explorer выбрать в меню "Вид (View)" команду "Просмотр HTML-кода (Source)" или щёлкнуть правой кнопкой мыши в основном разделе страницы и выбрать тот же пункт в появившемся контекстном меню. После внесения изменений в Блокноте файл необходимо опять сохранить (Файл → Сохранить). Для того чтобы в браузере увидеть изменения, внесённые в документ, достаточно в меню "Вид (View)" выбрать команду "Обновить (Refresh)" либо воспользоваться кнопкой "Обновить (Refresh)" на панели инструментов браузера (рис. 2.3).
- Оглавление
- 1. Глобальная компьютерная сеть «интернет»
- 1.1. Назначение и виды компьютерных сетей
- 1.2. Основные понятия Интернет
- 1.3. Адресация компьютеров в сети «Интернет»
- 1.4. Информационные системы Интернет
- 1.5. Гипертекстовая информационная система www
- Тип протокола://адрес компьютера/
- 2. Создание web-страниц
- 2.1. Основные понятия html
- 2.2. Структура html-документа
- 2.3. Создание и редактирование Web-страниц
- Обновить
- 3. Работа с текстом
- 3.1. Создание текстовых заголовков
- 3.2. Абзацы текста
- 3.3. Форматирование текста
- Номер и размер шрифта
- 3.4. Списки
- Нумерованные списки
- Маркированные списки
- 3.5. Бегущая строка
- 3.6. Специальные символы
- Коды специальных символов
- 4. Графические объекты
- 4.1. Поддерживаемые форматы графических объектов
- 4.2. Размещение изображений на Web-страницах
- 4.3. Горизонтальные линии
- 5. Таблицы
- 5.1. Создание таблиц
- 5.2. Заголовки и форматирование таблиц
- 6. Гиперссылки
- 6.1. Назначение и виды гиперссылок
- 6.2. Гиперссылки на другие Web-страницы
- 6.3. Переходы по гиперссылкам в пределах Web-страницы
- 6.4. Графические гиперссылки
- 6.5. Гиперссылки на адреса электронной почты
- 7. Фреймы
- 7.1. Понятие и типы фреймов
- 7.2. Создание фреймов
- 8. Публикация Web-документов
- 9. Контрольные задания
- Приложение
- Коды цвета
- Значения атрибутов align и valign
- Литература
- 220086, Минск, ул. Славинского, 1, корп. 3.