ЯК вбудувати html сторінку

При роботі в інтернеті іноді виникає необхідність додати на вже існуючий сайт одну або кілька сторінок. Якщо власник сайту не обізнаний у питаннях веб-дизайну, то може зіткнутися з певними труднощами.

Інструкція

У тому випадку, якщо ваш ресурс створений на безкоштовному сервісі, що дозволяє за лічені хвилини створити свій сайт, то додавання нових сторінок слід проводити через панель управління сайту. Про те, як це зробити, докладно написано на форумах технічної підтримки відповідних сервісів.

Досить поширена ситуація, коли веб-майстер створює для когось сайт, але пізніше у власника ресурсу виникає необхідність його оновлення - додавання або видалення сторінок, наповнення актуальним контентом. Це не надто складне завдання, її цілком можна виконати самостійно, не залучаючи майстра.

Швидше за все, ваш сайт є незалежним проектом і розташований на платному хотінге. Як власник ресурсу, ви повинні розташовувати логіном і паролем для входу в панель управління. Увійдіть в неї, відкрийте папку зі сторінками сайту. Найімовірніше, сторінки сайту знаходяться в директорії public_html.

Для створення нової сторінки вам буде потрібно html-редактор. Часто такий редактор вже присутня в панелі управління сайтом, але його можливості звичайно досить малі. Краще скористатися іншим редактором - наприклад, CuteHtml. Він невеликий і дуже зручний, з підсвічуванням синтаксису.

Якщо в панелі управління сайтом вже є html-редактор, відкрийте в ньому сторінку сайту, найбільш близьку по оформленню до тієї, яку вам необхідно створити. Якщо сторінки сайту мають послідовну нумерацію, то це може бути остання сторінка. Скопіюйте код у вбудованому редакторі, потім відкрийте CuteHtml. Ви побачите заготовку коду - повністю видаліть її та вставте ваш скопійований код.

Збережіть вставлений код під потрібним вам ім'ям. Наприклад, якщо скопійована сторінка мала адресу виду http: //мой¬_сайт.ru/page5.html, збережіть її в редакторі як page6.html. Тепер у вас є заготівля нової сторінки, і ви можете почати змінювати її потрібним чином.

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

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

Якщо треба вставити картинку, оформіть її правильним чином. Сам файл картинки закачайте на сайт - наприклад, в папку image, а в коді оформите посилання на нього. Посилання на картинку буде виглядати приблизно так:

Параметри width і height задають розміри зображення в ширину і висоту.

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