Как встроить html страницу?

При работе в интернете иногда возникает необходимость добавить на уже существующий сайт одну или несколько страниц. Если владелец сайта не искушен в вопросах веб-дизайна, то может столкнуться с определенными трудностями.
Создать сайт самостоятельно с Wix.com

Инструкция

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

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

Скорее всего, ваш сайт является независимым проектом и расположен на платном хотинге. Как владелец ресурса, вы должны располагать логином и паролем для входа в панель управления. Войдите в нее, откройте папку со страницами сайта. Вероятнее всего, страницы сайта находятся в директории public_html.

Для создания новой странички вам потребуется html-редактор. Часто такой редактор уже присутствует в панели управления сайтом, но его возможности обычно достаточно малы. Лучше воспользоваться другим редактором – например, CuteHtml. Он небольшой и очень удобный, с подсветкой синтаксиса.

Если в панели управления сайтом уже есть html-редактор, откройте в нем страницу сайта, наиболее близкую по оформлению к той, которую вам необходимо создать. Если страницы сайта имеют последовательную нумерацию, то это может быть последняя страница. Скопируйте код во встроенном редакторе, затем откройте CuteHtml. Вы увидите заготовку кода – полностью удалите ее и вставьте ваш скопированный код.

Сохраните вставленный код под нужным вам именем. Например, если скопированная страница имела адрес вида http://мой¬_сайт.ru/page5.html, сохраните ее в редакторе как page6.html. Теперь у вас есть заготовка новой страницы, и вы можете начать изменять ее нужным образом.

Измените пункты навигации в меню – найдите соответствующие строчки кода и поменяйте адреса ссылок. Например, если кнопка или строка меню «Назад» раньше вела на четвертую страницу, то теперь она должна вести на пятую – так как новая страница стала шестой. Поправьте подобным образом все строки и кнопки навигации. Сохраните измененную страницу как page6.1.html. Создание таких временных копий очень полезно, так как позволяет вернуться к предыдущему варианту в случае неправильных или неудачных изменений – у вас всегда есть в запасе резервная копия.

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

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

После оформления ссылок, текста и картинок сохраните страницу под нужным именем, в данном примере это page6.html. Закачайте ее на сайт к другим страницам через панель управления сайтом. После этого вам останется отредактировать предыдущую страницу сайта, вставив в нее ссылку на новую. Так как правки будут небольшими, сделать их можно прямо на сайте, во встроенном редакторе.

Оцените статью!