Приднестровская поддержка XOOPS
Попробуем создать наш первый HTML-документ. Для его создания можно воспользоваться любым текстовым редактором. Самым распространенным редактором является обычный Блокнот. Открываем Блокнот и набираем содержимое листинга 1.
Листинг 1. Первый HTML-документ
Сохраняем введенный текст в формате HTML, например, под именем test.html. Для этого в меню Файл выбираем пункт Сохранить как. В открывшемся окне в строке Имя файла вводим "test.html", а в списке Тип файла указываем Все файлы. Выбираем папку, например, Рабочий стол, и нажимаем Сохранить. Закрываем Блокнот.
Запускаем Web-браузер, например, Internet Explorer. С помощью пункта Открыть меню Файл открываем сохраненный файл test.html. Если все сделано правильно, то в окне Web-браузера будет показана выделенная надпись "Этот текст выделен полужирным шрифтом", а в строке заголовка будет надпись "Заголовок страницы —Microsoft Internet Explorer". Теги в окне Web-браузера не отображаются!
Теперь попробуем изменить заголовок в окне Web-браузера. Для этого необходимо открыть исходный текст в формате HTML. Это можно сделать тремя способами:
- в меню Вид выбрать пункт Просмотр HTML-кода;
- правой кнопкой мыши щелкнуть в любом месте окна Web-браузера. В появившемся контекстном меню выбрать пункт Просмотр HTML-кода;(1)
- открыть файл, содержащий исходный код, с помощью Блокнота или другого текстового редактора. Этот способ является самым универсальным. Настоятельно рекомендую использовать именно его.
В итоге исходный текст будет доступен для редактирования. Изменим строчку
<title>Заголовок страницы</title>
на
<title>Моя первая Web-страница</title>
и сохраним файл (меню Файл, пункт Сохранить). Теперь вернемся в Web-браузер и обновим Web-страницу. Обновить можно следующими способами:
- в меню Вид выбрать пункт Обновить;
- выбрать этот же пункт в контекстном меню;
- нажать кнопку Обновить на Панели инструментов;
- на клавиатуре нажать клавишу <F5>.
В результате строка заголовка изменится на "Моя первая Web-страница — Microsoft Internet Explorer".
Таким образом, изменяя что-либо в исходном коде, можно визуально оценивать результаты произведенных действий. Алгоритм такой: открываем исходный код, вносим корректировку, сохраняем, а затем обновляем Web-страницу.(2)
Очень хорошей альтернативой Блокноту является программа Notepad++. Она позволяет корректно работать как с кодировкой windows-1251, так и с кодировкой UTF-8, а также имеет подсветку синтаксиса HTML, JavaScript, PHP и др. Именно этой программой мы будем пользоваться на протяжении всей книги.
Скачать программу Notepad++ можно абсолютно бесплатно со страницы http://notepad-plus.sourceforge.net/ru/site.htm. Из двух вариантов (ZIP-архив и инсталлятор) советую выбрать именно инсталлятор, так как при установке можно будет указать язык интерфейса программы. Установка Notepad++ предельно проста и в комментариях не нуждается.
Запускаем программу Notepad++. В меню Кодировки устанавливаем флажок Кодировать в ANSI. Набираем код, представленный в листинге 1.1, а затем в меню Файл выбираем пункт Сохранить как. В открывшемся окне в строке Имя файла вводим "test.html". Выбираем папку, например, Рабочий стол, и нажимаем Сохранить. Для просмотра открываем файл с помощью Web-браузера.
Чтобы открыть какой-либо файл на редактирование, в меню Файл выбираем пункт Открыть или щелкаем правой кнопкой мыши на ярлыке файла в Проводнике Windows и из контекстного меню выбираем пункт Edit with Notepad++.(3)
Отправитель | Нити |
---|
6 пользователь(ей) активно (2 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 6 далее... |