Рейтинг@Mail.ru
Перейти к содержанию
 

Создание простой web-страницы

Пока мы планируем создать одну простую страничку, нам не нужен менеджер сайтов. Его можно отключить двумя способами:

  1. Используя команду меню Вид => Показать/Скрыть => Менеджер сайтов.
  2. Нажав клавишу F9.

Основное, что мы будем использовать в этом случае – это панель инструментов Форматирование (рис.3)

Рис.3 Панель инструментов Форматирование

Абзацы

У вас нет необходимости беспокоится о форматировании текста при выборе стиля Обычный текст – все параметры выставлены по умолчанию. Однако здесь не выставляет тег <p> и при нажатии клавиши Enter в код будет вставлен тег <br> – переход на следующую строку.

В раскрывающемся списке стилей (рис.4) выбираем Абзац

Рис.4 Раскрывающийся список стилей

И в том месте, где находился курсор появиться тег <p>.  При нажатии клавиши Enter в набираемом тексте будет формироваться тег <p>, который предполагает разрядку между абзацами, а при нажатии сочетания клавиш Shift+Enter будет cформирован тег <br> – переход на следующую строку.

Набираем на вкладке Обычный текст, приведенный ниже  (жирным шрифтом указаны нажимаемые клавиши, набирать их не надо):

Доменное имя символьное имя, служащее для идентификации единиц административной автономии в сети Интернет, или доменов, в составе вышестоящей по иерархии такой области. EnterОбщее пространство имён Интернета функционирует благодаря DNS (системе доменных имён). Shift+Enter

Доменные имена дают возможность адресации интернет-узлов и расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной почты, других служб) в удобной для человека форме.

При просмотре вкладки Код видим

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>

<head>

<meta content=”text/html; charset=Windows-1251″

http-equiv=”content-type”>

<title></title>

</head>

<body>

<p>Доменное имя символьное имя, служащее для идентификации единиц

административной автономии в сети Интернет, или доменов, в составе

вышестоящей по иерархии такой области.</p>

<p>Общее пространство имён Интернета функционирует благодаря DNS

(системе доменных имён). <br>

Доменные имена дают возможность адресации интернет-узлов и

расположенных на них сетевых ресурсов (веб-сайтов, серверов электронной

почты, других служб) в удобной для человека форме.</p>

</body>

</html>

Стили заголовков меняют тег <p> на теги <h1>, <h2>, …,<h6> соответственно.

Скопируем словосочетание Доменное имя в буфер обмена, вставим над текстов и применим к нему стиль «Заголовок1». В результате получим на вкладке Обычный (рис. 5) заголовок, а на владке Код (рис. 6) проверить установленные теги.

Рис.5.  Вкладка Обычный со стилем Заголовок1

Рис. 6. Вкладка Код со стилем Заголовок1

Прежде, чем приступить к форматированию текста, файл надо сохранить. После того, как дана команда Файл= >Сохранить как… Вначале появится предложение задать заголовок страницы (рис.7), в результате заполняется тег title.

Рис. 7. Окно диалога для задания заголовка страницы

После щелчка по кнопе ОК, откроется окно сохранения документа (рис.8). Сразу привыкайте давать имена папкам и файлам латинскими буквами, чтобы в дальнейшем при публикации в Интернете не было никаких проблем.

Рис. 8. Окно сохранения документа

После сохранения можно щелкнуть по кнопке Просмотр и увидеть вашу страницу в браузере, установленном по умолчанию.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Написать комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Реклама: