Итак, ваша команда теперь может использовать программу SharePoint 2013. Вы хотите создать сайт, которым смогут пользоваться все, в том числе люди с ограниченными возможностями.
Вам повезло. В SharePoint 2016 просто выбрать правильную цветовую контрастность, добавить альтернативный текст и настроить другие элементы из контрольного списка специальных возможностей. Кроме того, SharePoint тщательно проверяется, чтобы убедиться в том, что люди смогут использовать готовые сайты без мыши. По любой странице SharePoint можно перемещаться и использовать любую кнопку или команду с помощью одной только клавиатуры.
Эта статья предназначена для тех, кто использует SharePoint для стандартных задач, таких как совместная работа или организация библиотеки документов. Она не подразумевает, что у вас есть какие-то специальные навыки, кроме повседневной работы за компьютером.
Хотите создать доступный сайт SharePoint? Давайте приступим.
В этой статье
Первый шаг — создание нового сайта
Чтобы создать сайт, выполните следующие действия.
-
В верхней части страницы над панелью навигации выберите пункт Сайты.
-
На странице «Сайты» выберите команду Создать сайт.
-
В диалоговом окне Запуск нового сайта присвойте сайту имя и нажмите кнопку Создать.
Советы:
-
При первом нажатиикнопки Сайты вы увидите некоторые экраны настройки сайта и инструкции во время настройки личного сайта.
Прежде чем переходить к следующему шагу, вам может потребоваться немного подождать, а затем снова нажать кнопку Сайты. -
В зависимости от настройки вашего сайта, может потребоваться указать имя другого пользователя, который может управлять сайтом, а также указать степень безопасности контента.
-
Прежде чем переходить к следующему шагу, вам может потребоваться немного подождать, а затем снова нажать кнопку Сайты.Сайт будет создан в расположении, заранее определенном администратором, и появится среди сайтов, которые вы отслеживаете. Он не унаследует параметры разрешений и средства навигации других сайтов. Создав сайт, вы сможете добавлять документы и изображения, предоставлять доступ к сайту другим пользователям, изменять внешний вид сайта и добавлять специальные возможности.
Добавление оригинального заголовка, описания и логотипа для сайта
При создании сайта SharePoint одни из первых шагов — добавление заголовка, описания и логотипа.
Это первый шаг к доступности сайта, поскольку вы добавляете альтернативный текст (замещающий текст) для изображения, которое используется в качестве логотипа. Замещающий текст — это один из самых важных для доступности сайта элементов. Вспомогательные технологии, такие как средства чтения с экрана, озвучивают замещающий текст для людей, которые не могут видеть экран.
Чтобы изображение логотипа стало доступным для людей с ограниченными возможностями, напишите для него описание. SharePoint использует описание, чтобы создать замещающий текст в формате HTML.
-
Щелкните Параметры > Параметры сайта.
-
В группе Внешний вид и функции выберите Заголовок, описание и логотип.
-
Введите заголовок и описание сайта.
-
Введите местоположение файла изображения логотипа, а затем создайте описание.
-
Нажмите кнопку ОК.
Если открыть домашнюю страницу сайта, вы увидите результаты.
Придание сайту профессионального вида с помощью доступной темы
Например, люди с нарушением восприятия красного и зеленого видят красный и зеленый как один и тот же цвет.
Чтобы упростить выполнение этого шага, SharePoint поставляется с коллекцией тем, которые готовы к использованию. Если вы уже использовали темы раньше, то знаете, что тема — это совокупность цветов, макета страницы, шрифтов и других параметров.
Использование встроенной доступной темы
-
На созданном сайте щелкните плитку Каков ваш стиль?
-
Просмотрите доступные шаблоны на странице Изменение внешнего вида.
Чтобы выбрать доступную тему с полностью протестированными цветом и контрастностью, выберите тему Office.
При выборе темы Office не нужно тестировать цвет. Если вы хотите использовать другую тему, см. следующий раздел, Настройка собственного сочетания цветов, чтобы найти информацию о создании сочетания цветов для доступного сайта.-
Выбранная тема появится на следующей странице. Чтобы увидеть ее, щелкните Попробовать. Чтобы выбрать другую тему, щелкните
Настройка собственного сочетания цветов
Если вы хотите использовать другую тему, можно выбрать другое сочетание цветов. Это сочетание необходимо проверить с помощью простых инструментов тестирования, чтобы убедиться, что оно доступно.
Чтобы настроить цвета после выбора темы, откройте меню Цвет на странице с изображением темы.
-
Щелкните стрелку вниз в поле цвета, чтобы увидеть встроенные параметры:
Выберите один из цветов, а затем нажмите кнопку Попробовать , чтобы увидеть изображение с выбранными цветами.
-
Если вам нравится изображение, щелкните Да, оставить так. Если вы хотите изменить его, нажмите кнопку Нет, не совсем, чтобы вернуться.
Проверка доступности выбранных параметров
Чтобы удостовериться, что выбранные вами параметры доступны для всех пользователей, необходима дополнительная проверка. Чтобы проверить контрастность, можно использовать один из бесплатных инструментов с надежного веб-сайта. Вот несколько вариантов, которые можно использовать.
Дальнейшие действия
Чтобы найти дополнительные ресурсы, посвященные специальным возможностям, перейдите в раздел Подготовка к созданию доступного сайта SharePoint.
Дополнительные сведения о добавлении элементов на новый сайт см.
в разделе Добавление доступного контента и изображений на сайт.
SharePoint Современный опыт упрощает выбор идеальной контрастности, добавление заметивного текста и других элементов из множества контрольных списков с учетом доступности. Используйте SharePoint без мыши или экранного диктора. Перемещаясь по любой SharePoint, используйте любую кнопку или команду, используя только клавиатуру.
Эта статья предназначена для тех, кто использует SharePoint для стандартных задач, таких как совместная работа или организация библиотеки документов. Это не руководство администратора — специальные навыки здесь не требуются.
В этой статье
Создание сайта
Ниже описано, как создать сайт.
-
Войдите в Microsoft 365.
-
Выберите SharePoint в списке доступных приложений.
-
На странице сайта выберите Создать сайт.
-
В окне Создание сайта выберите сайт группы или коммуникационный сайт.
-
Введите имя и описание сайта, а затем сделайте следующее:
-
Если вы создаете коммуникационный сайт,выберите его оформление в меню Выбор оформления и выберите Готово. Сайт будет создан и откроется в браузере.
Готово! -
Если вы создаете сайт группы, пере последующие этапы.
-
-
Выберите классификацию сайта.
-
Выберите язык по умолчанию для сайта и выберите Готово. Сайт будет создан и откроется в браузере.
Примечание: Язык по умолчанию позднее изменить нельзя.
-
Чтобы добавить владельцев, участников или посетителей сайта группы, в правом верхнем углу выберите Поделиться. Введите имя человека, Microsoft 365 группы или группы безопасности, которые вы хотите добавить, в поле поиска и выберите правильный результат поиска.
-
Для каждого добавленного человека или группы выберите уровень доступа в меню под его именем. Доступны указанные ниже варианты.
-
Чтение (по умолчанию) делает их посетителями сайта.
-
Изменение делает их участниками сайта.
-
Полный контроль делает их владельцами сайтов.
-
-
Если вы хотите отправить сообщение вместе с приглашением, проверьте, не нужно ли отправлять сообщение, и введите его в поле Добавить сообщение.
-
Добавив всех нужных, выберите Поделиться.
Готово!
Советы:
-
SharePoint проверяет, используется ли указанное имя для другого сайта. Если это так, отображается подсказка Недоступно.
-
В зависимости от настройки сайта может потребоваться определить второго владельца сайта. Кроме того, при создании сайта группы необходимо указать уровень безопасности контента.
-
Заме веб-сайт — это один из самых важных инструментов для SharePoint сайта. Понятный заметив, который содержит подробное описание изображений и графических элементов для вспомогательных технологий, таких как экранный диктор и другие читатели экрана.
Для работы с сайтами с нарушениями зрения вместо них используются SharePoint экрана.
Для работы с сайтами с нарушениями зрения вместо них используются SharePoint экрана.Сайт создается в расположении, заранее определив его. Он не унаследует разрешения и параметры навигации других сайтов. Создав сайт, вы сможете добавлять документы и изображения, предоставлять доступ к сайту другим пользователям, изменять его внешний вид и реализовывать специальные возможности.
Добавление логотипа для сайта
Для сайтов группы используется тот же логотип, чтоГруппы Microsoft 365, к которому они подключены. При изменении логотипа сайта SharePoint, подключенного к группе, логотип соответствующей группы также меняется.
-
Перейдите на свой сайт.
-
В правом верхнем углу выберите (Параметры).
-
Выберите Сведения о сайте.
-
Под логотипом сайта выберите Изменить.
-
В диалоговом окне Открытие найдите и выберите новый логотип, выберите Открыть ,а затем выберите Сохранить.
Выбор внешнего вида для людей с ограниченными возможностями
Цвет и контрастность важны для пользователей с ограниченными возможностями. Людям с нарушениями зрения, например с макулярной дегенерацией, требуется высокая контрастность, чтобы видеть экран. В SharePoint можно выбрать внешний вид из коллекции.
Если вы хотите сделать сайт SharePoint доступным для таких пользователей, позаботьтесь о том, чтобы его внешний вид был контрастным.
-
Перейдите на свой сайт.
-
В правом верхнем углу выберите (Параметры).
-
Выберите Изменить внешний вид.
-
Выберите Тема или Заглавная в зависимости от того, что вы хотите изменить.
-
Выберите тему или заголовок, а затем выберите Сохранить или,если вам не нравится то, что вы видите и хотите вернуться к исходной схеме, вместо этого выберите Отмена.
Примечание: Если команды Изменить оформление нет в меню Параметры, вероятно, у вас нет разрешения на управление этим параметром. Чтобы узнать больше, ознакомьтесь со статьей Уровни разрешений в SharePoint или обратитесь к администратору.
Дальнейшие действия
Дополнительные сведения можно найти на странице о специальных возможностях в Office 365.
Как создать сайт образовательного учреждения
Невозможно представить жизнь современного человека без интернета. Все больше и больше людей ищут во всемирной паутине ответы на свои вопросы и решение житейских проблем, или же просто необходимую информацию. Если вы хотите помочь людям в этой сфере, вам точно следует узнать, как создать сайт образовательного учреждения.
Как создать сайт образовательного учреждения
На сегодняшний день большинство людей стремятся получить образование, ведь это может в корне изменить их жизнь. Если ваша деятельность связана со сферой образования, вы наверняка хоть раз задумывались о том, как создать сайт образовательного учреждения. Справиться с этой задачей вам наверняка помогут готовые шаблоны шаблоны образовательных сайтов от MotoCMS.
Чем мы отличаемся
Шаблоны образовательных сайтов — отличный способ создать профессиональный тематический портал, не беспокоясь о технических аспектах его разработки. Вы получаете уже готовый шаблон, и вам не нужно быть веб-разработчиком, чтобы настроить его так, как вы посчитаете нужным.
Четко определите свою цель
По сути, сайты, посвященные образованию, похожи на любые другие сайты, но все же есть исключения. Поэтому перед тем, как создать сайт образовательного учреждения, вы должны четко определить свою цель и сформировать хотя бы базовое представление о будущем проекте.
Если вы предлагаете образовательные услуги для детей, сайт должен быть интересным как для детей, так и для их родителей.
Если же сфера вашей деятельности — высшее образование, веб-сайт тоже должен привлекать немалую аудиторию: от студентов до кандидатов наук. Следовательно, дизайн такого сайта должен сочетать в себе привлекательность и строгость.
Основа вашего сайта — информация
Образовательные сайты должны предоставлять посетителям как можно больше информации о самом учебном заведении и предлагаемых образовательных программах и курсах. В некоторых учреждениях (к примеру, университетах) есть определенное количество факультетов.
Для удобства посетителей на сайте должна быть информация о каждом из них. Потенциальный студент должен с легкостью ориентироваться во вкладках и страницах, чтобы быстро найти нужный факультет и подробную информацию о нем. Это значит, что вы должны в первую очередь сконцентрироваться на контенте, а не на дизайне. Вы также можете добавить на сайт раздел с ресурсами для скачивания, к примеру, образцами форм, которые должны заполнить студенты перед зачислением.
Цветовая схема для образовательных сайтов
Разрабатывая цветовую схему для сайта, обратите внимание на внешний вид и образ вашего учреждения. Наверняка у вас уже есть графический материал, созданный еще до начала работы над сайтом — брошюры, информационные бюллетени, постеры. Убедитесь, что цветовая схема сайта соответствует оформлению этих материалов. Визуальное представление вашего учреждения онлайн и оффлайн должно сочетаться.
Цветовое оформление образовательного сайта должно соответствовать его предназначению. Делайте выбор в пользу нейтральных оттенков, таких как зеленый, коричневый, голубой и белый. Эти цвета ассоциируются с ростом, возможностями, открытостью и потенциалом. Люди должны быть уверены, что вам можно доверять, и правильно подобранная цветовая схема поможет вам заслужить доверие.
Не забывайте о медиа-контенте
Добавьте на сайт медиа-контент, который наглядно покажет клиентам, чего им ожидать от вашего образовательного учреждения. К примеру, если вы управляете автошколой, можете загрузить на сайт видеоролики, демонстрирующие процесс тренировки. Добавьте также фотографии учебных корпусов и классов, чтобы у будущих студентов было общее представление о вашем учебном заведении.
Отличной особенностью сайта могут стать интерактивные элементы, например, чат, где посетители сайта смогут узнать ответы на все свои вопросы. На сайте школы наверняка будут уместны развлечения с интерактивным подходом, где учащиеся смогут заработать очки, к примеру, для получения скидок в магазинах на территории школы (если таковые имеются). Учащиеся должны почувствовать себя значимыми, посетив ваш сайт. А сайт, сочетающий в себе несколько аспектов веб-дизайна, непременно поможет вам завоевать доверие уже существующих клиентов и привлечь новых студентов.
Протестируйте один из наших веб-сайтов
Теперь вы знаете, как создать сайт образовательного учреждения и на что обратить внимание в первую очередь. MotoCMS предлагает широкий выбор шаблонов, которые упростят работу над сайтом, по оптимальным ценам.
Более того, любой шаблон вы можете бесплатно протестировать. Поэтому как можно скорее ознакомьтесь с нашим каталогом шаблонов и выберите подходящий вариант для своего проекта. Спасибо, что вы с нами! Желаем вам удачи в достижении всех целей и осуществлении планов!
Шаблон для сайта детской художественной школы
Шаблон для сайта старшей школы
Адаптивный шаблон сайта education
Создать сайт — о видах сайтов и их возможностях
Что такое сайт и для чего он нужен
Сайт — одна или несколько страниц, размещенных в сети под одним доменом и объединенных между собой гиперссылками. Альтернативные названия: web-ресурс, web-сайт, web-площадка. Для отображения страниц сайта используют разметку HTML — без нее браузер не воспримет данные и не сможет их отображать. Доступны несколько форматов воспроизведения данных: текстовый, графический, аудио- и видео.
Доменное имя — адрес сайта в интернете, представляющий собой комбинацию из символов.
Состоит из двух частей: названия и доменной зоны, разделяемых между собой точками. Для доступа к размещенной на страницах сайта информации нужен хостинг, место, где она хранится.Для чего нужны сайты
Основная функция веб-ресурсов — обмен информацией между пользователями интернета. Изначально так и было: интернет развивался на общественных началах и практически не использовался в коммерческих целях. Со временем сайты стали активно использовать для коммерческих целей: взаимодействия с клиентами, продвижения продукции, в качестве альтернативы традиционным письмам.
Первый сайт был создан Тимом Бернерс-Ли в 1991 году. Web-ресурс содержал информацию о технологии World Wide Web, в основу которой лег протокол HTTP, система адресов URL и язык HTML.
С расширением функционала и появлением приложений область применения веб-площадок существенно расширилась: появились развлекательные ресурсы, сервисы для поиска работы, онлайн-банкинг, биржи фрилансеров.
Чуть больше двух десятков лет потребовалось для того, чтобы интернет-магазины существенно потеснили розничные торговые заведения.
Виды сайтов
В интернете большое разнообразие сайтов, все они выполняют определенные функции по доведению информации до человека. Как же разобраться в таком многообразии?
Сайты бывают разных типов, предлагаем кратко ознакомиться с ними:
Сайты порталы
Посвящены определенной теме, например: программа фотошоп, строительство, авто. Как правило, такие сайты имеют много разделов, а так же тематических разветвлений. Данные порталы пользуются большим спросом, как среди простых веб-мастеров, так и крупных фирм.
Создать сайт портал
Новостные сайты
Эти сайты наполнены разного рода информацией с короткими, но актуальными, на небольшой промежуток времени, текстами. На сайтах газетах, большое количество информации, представлено маленькими анонсами.
Создать новостной сайт
Так же к новостным сайтам относятся сайты варезники.Сайт визитка
Данный сайт состоит из одной или чуть более страниц, где указаны контакты, несколько слов о себе, или о фирме его представляющей. Как правило, используется для продвижения какого-либо товара или бренда. Количеству страниц у такого вида сайта обычно не превышает 10шт.
Создать сайт визитку
Сайт блоги
Отличие блогов от сайтов в том, что блоги относятся к портальному типу. Все сообщения попадают в сплошную ленту, на которой указывается дата публикаций, что в свою очередь напоминает дневник. В данном типе сайтов есть форма для оставления комментариев.
Создать блог
Видео порталы
Предлагает просмотр всевозможных видео, соответствующих запросу (поиску). Видео порталом может пользоваться и добавлять свое видео любой человек, по желанию, надо только зарегистрироваться.
Создать видео портал
Данный портал посещают огромное количество человек.Интернет-магазин
Продающий сайт состоит из главной, доставки, контактов, категорий и карточек товаров, оформления заказа и корзины. Должен вызывать желание купить. Выбор — оформление — покупка должны быть простыми. Такой сайт требует постоянного наполнения и работы с клиентами.
Создать интернет-магазин
Как создать сайт с помощью конструктора
Что делать, если вы решили завести собственный блог или бизнес в интернете, но не готовы к значительным тратам? Отказаться от своих замыслов? Ни в коем разе. Сегодня не надо обладать навыками разработчика, чтобы стать владельцем красивого и функционального web-ресурса, достаточно воспользоваться конструктором сайтов FO.RU.
Принцип работы конструктора построен по типу детских кубиков — доступны все элементы, из которых состоит сайт: head, content, footer, блоки отзывов, таблицы с ценами, корзины, формы, секции, счетчики, карты… Возиться с кодом не надо, достаточно «ухватить» выбранный элемент мышкой и разместить его в выбранном месте.
Сразу не вышло? Получившийся вариант не нравится? Редактировать страницу можно до бесконечности, а самое главное — делать это легко, просто и приятно.
Создайте профессиональный сайт
менее чем за 5 минут
- Перейдите на сайт fo.ru и создайте аккаунт
- Выберите профессионально выполненные шаблоны и элементы для сайта из нашей библиотеки
- Добавьте собственный логотип или выберите из более 1 млн готовых изображений
- Укажите название сайта, добавьте инфо-блоки и отформатируйте текст, подгрузите Ваше изображение, или выберите одно из сотен изображений из нашей галереи
- Используйте бесплатное доменное имя *.fosite.ru или прикрепите уже зарегистрированный домен в панель управления
- Сохраните и опубликуйте сайт!
Выбирайте шаблон и создавайте на нем свой интернет-магазин!
Как сделать сайт более удобным для пользователей – Google AdSense
Очень важно, чтобы ваш сайт был удобным для пользователей.
Разработайте стратегию, чтобы устранить все помехи, которые могут снижать его удобство.
В Интернете очень много сайтов. Чтобы ваш сайт мог выделиться на их фоне, нужно заботиться не только о качественном контенте, но и о других факторах. Как это сделать? Для начала позаботьтесь об удобстве для пользователей.
Воспользуйтесь инструментами, которые помогут вам посмотреть на свой сайт глазами посетителей, а затем устраните все, что может им мешать. Такая оптимизация, скорее всего, положительно отразится и на эффективности вашей рекламы.
Проанализируйте эффективность сайта
Чтобы понять, как сделать сайт более удобным, для начала оцените его качество в данный момент.
- Воспользуйтесь Search Console, чтобы узнать, насколько ваш сайт заметен в Google Поиске. Этот инструмент покажет, как часто ваш сайт появляется в результатах поиска, а также его среднюю позицию, CTR и т. п.
- Отчет об эффективности позволяет узнать, как со временем меняется ваш поисковый трафик, откуда приходят пользователи и по каким запросам чаще всего показывается ваш сайт. Также вы увидите, у каких ваших страниц самый высокий и самый низкий CTR в Google Поиске.
- Откройте новые возможности для повышения эффективности сайта и сделайте страницы более качественными с помощью Lighthouse. Отчеты Lighthouse помогут вам выявить и исправить распространенные проблемы, связанные с эффективностью, удобством и доступностью сайта.
- Проведите проверку оптимизации для мобильных устройств, чтобы узнать, насколько отдельные страницы вашего сайта удобны для пользователей смартфонов и планшетов. Для этого нужно просто ввести URL страницы. Большинство пользователей Интернета просматривают сайты на мобильных устройствах. Поэтому очень важно оптимизировать сайт для смартфонов и планшетов.
- Наши данные показывают, что 53 % пользователей уходят с сайта, если загрузка занимает более трех секунд. Проверьте скорость мобильного сайта и сравните результат с данными по отрасли в целом.
Этот инструмент покажет, как часто ваш сайт появляется в результатах поиска, а также его среднюю позицию, CTR и т. п.
Для этого нужно просто ввести URL страницы. Большинство пользователей Интернета просматривают сайты на мобильных устройствах. Поэтому очень важно оптимизировать сайт для смартфонов и планшетов.Сделайте сайт максимально удобным
Теперь, когда вы знаете показатели своего сайта, можно переходить к действиям. Есть три инструмента, которые помогут вам создать более удобный и быстрый сайт.
- AMP (Accelerated Mobile Pages) – это фреймворк с веб-компонентами, который позволяет создавать эффективные сайты, быстро работающие на всех устройствах.
- Адаптивный дизайн предполагает использование HTML и CSS для автоматического сжатия или увеличения ресурсов на сайте. При этом страницы хорошо выглядят не только на компьютерах, но и на смартфонах или планшетах.
- Современные веб-приложения позволяют создавать сайты с возможностью установки как для компьютеров, так и для мобильных устройств. Такие веб-приложения создаются и загружаются через Интернет. Они быстры, надежны и поддерживаются во всех браузерах.
Не забывайте о пользователях мобильных устройств
Подготовьтесь к индексированию с приоритетом мобильного контента, поскольку большинство людей пользуется Google Поиском на смартфонах и планшетах. Если на вашем сайте есть отдельные страницы для компьютеров и мобильных устройств, оптимизируйте сайт с приоритетом мобильного индексирования.
- На мобильной версии сайта должны быть опубликованы те же материалы, что и на сайте для компьютеров.
- Обе версии сайта должны содержать структурированные данные.
- В обеих версиях сайта должны быть метаданные.
Помните, что пользователи нетерпеливы. Организуйте контент на сайте так, чтобы им было легко найти нужную информацию. Разместите на главной странице удобные ссылки на разделы сайта. Добавьте функцию поиска по сайту, чтобы посетители могли быстро перейти к нужному контенту. Изучите путь к покупке и предоставьте пользователям свободу действий. Позаботьтесь об удобстве конверсий. Например, упростите формы для заполнения.
Чтобы узнать, как сделать свой сайт максимально удобным для пользователей, ознакомьтесь с рекомендациями по дизайну мобильных сайтов.
редакторов HTML
Простой текстовый редактор — это все, что вам нужно для изучения HTML.
Изучение HTML с помощью Блокнота или TextEdit
Веб-страницы можно создавать и изменять с помощью профессиональных HTML-редакторов.
Однако для изучения HTML мы рекомендуем простой текстовый редактор, например Notepad (ПК) или TextEdit (Mac).
Мы считаем, что использование простого текстового редактора — хороший способ изучения HTML.
Выполните следующие шаги, чтобы создать свою первую веб-страницу с помощью Блокнота или TextEdit.
Шаг 1. Откройте Блокнот (ПК)
Windows 8 или более поздняя версия:
Откройте начальный экран (символ окна внизу слева на экране). Тип Блокнот .
Windows 7 или более ранней версии:
Открыть Пуск > Программы > Аксессуары > Блокнот
Шаг 1.
Откройте TextEdit (Mac)Открыть Finder > Приложения > TextEdit
Также измените некоторые настройки, чтобы приложение правильно сохранять файлы.В Настройки > Формат > выбрать «Обычный текст»
Затем в разделе «Открыть и сохранить» установите флажок «Отображать файлы HTML в виде кода HTML вместо форматированного текста».
Затем откройте новый документ для размещения кода.
Шаг 2: Напишите немного HTML
Напишите или скопируйте в Блокнот следующий HTML-код:
Мой первый заголовок
Мой первый абзац.