Пошаговая инструкция создания сайта на html коде / Вторая страница сайта

Вторая страница сайта

Для того чтобы создать вторую страницу сайта и последующие, сделаем копию файла index.html и переименуем его, например, в second.html.

Открываем новый файл в программе Notepad++ и редактируем его, не перепутайте.

Сначала работаем в зоне контента сайта, это первая ячейка таблицы.

Здесь надо поменять все, что написано черным текстом:

Меняем заголовок:

<h1>Заголовок второй статьи</h1>

Допустим, что у второй статьи не будет подзаголовка. Тогда мы просто удаляем эту строчку с подзаголовком: выделяем ее и нажимаем на клавиатуре Delete.

Заменим картинку. Для этого нужно ее выбрать и положить в папку для картинок images". Затем оредактировать название и, возможно ее расположение (лево-право) и отступы, в записи элемента вставки картинки элемент <img>:

<img src="images/waterfall.jpg" style="float: left; margin: 0 20px 0 0;"/>

Далее меняем весь текст статьи на новый - все абзацы. Я возьму текст другой статьи со своего сайта:

<p style="font-family: Verdana, Arial; font-size: 16px; color: #474746; line-height:1.5;">Этот сайт я полностью сделала сама, и на его страницах хочу поделиться своей радостью, и рассказать, как я его делала. Может быть, кто-нибудь тоже захочет сделать себе сайт пользуясь моим опытом. На мой взгляд, создание сайта очень интересный и захватывающий процесс, особенно когда уже начинаешь понимать, как все устроено, и можно увидеть первые плоды своего труда. Все не так сложно, как кажется и во всем можно разобраться, стоит только захотеть.</p>


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

Меняем <title>:

<title> Вторая статья </title>

Меняем краткое описание в мета-теге description:

<meta name="description" content=" ... "/> <!-- Краткое описание страницы -->

И если есть, редактируем ключевые слова в мета-теге keywords:

<meta name="keywords" content=" ... "/> <!-- Ключевые слова, через запятую -->


И еще один момент, который надо не забывать редактировать при создании новой страницы сайта, это переходы со страницы на страницу, то есть ссылки.


Моя вторая страница сайта после редактирования выглядит вот так:

Чтобы посмотреть созданную страницу, надо в адресной строке браузера через наклонную черту прибавить к имени сайта название новой страницы, в моем случае это proba.ru/second.html. Или дважды щелкните левой кнопкой мыши по новому файлу в папке вашего сайта.

Следующий шаг - Переходы со страницы на страницу сайта, создание ссылок