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


 

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



Інструкція

  1. У тому випадку, якщо ваш ресурс створений на безкоштовному сервісі, що дозволяє за лічені хвилини створити свій сайт, то додавання нових сторінок слід проводити через панель управління сайту. Про те, як це зробити, докладно написано на форумах технічної підтримки відповідних сервісів.
  2. Досить поширена ситуація, коли веб-майстер створює для когось сайт, але пізніше у власника ресурсу виникає необхідність його оновлення — додавання або видалення сторінок, наповнення актуальним контентом. Це не дуже складна задача, її цілком можна виконати самостійно, не залучаючи майстра.
  3. Швидше за все, ваш сайт є незалежним проектом і розташований на платному хотінге. Як власник ресурсу, ви повинні розташовувати логіном і паролем для входу в панель управління. Увійдіть в неї, відкрийте папку зі сторінками сайту. Найімовірніше, сторінки сайту знаходяться в директорії public_html.
  4. Для створення нової сторінки вам потрібно html-редактор. Часто такий редактор вже присутня в панелі управління сайтом, але його можливості звичайно досить малі. Краще скористатися іншим редактором — наприклад, CuteHtml. Він невеликий і дуже зручний, з підсвічуванням синтаксису.
  5. Якщо в панелі керування сайтом вже є html-редактор, відкрийте в ньому сторінку сайту, найбільш близьку за оформлення до тієї, яку вам необхідно створити. Якщо сторінки сайту мають послідовну нумерацію, то це може бути остання сторінка. Скопіюйте код у вбудованому редакторі, потім відкрийте CuteHtml. Ви побачите заготовку коду — повністю видаліть її і вставте ваш скопійований код.
  6. Збережіть вставлений код під потрібним вам ім’ям. Наприклад, якщо скопійована сторінка мала адресу виду http://мой ¬ _сайт.ru/page5.html, збережіть її в редакторі як page6.html. Тепер у вас є заготівля нової сторінки, і ви можете почати змінювати її потрібним чином.
  7. Змініть пункти навігації в меню — знайдіть відповідні рядки коду і поміняйте адреси посилань. Наприклад, якщо кнопка або рядок меню «Назад» раніше вела на четверту сторінку, то тепер вона повинна вести на п’яту — так як нова сторінка стала шостою. Поправте подібним чином всі рядки і кнопки навігації. Збережіть змінену сторінку як page6.1.html. Створення таких тимчасових копій дуже корисно, тому що дозволяє повернутися до попереднього варіанту в разі неправильних або невдалих змін — у вас завжди є в запасі резервна копія.
  8. Тепер займіться вмістом сторінки. Зверніть увагу на теги, якими обрамлені рядки тексту. Не чіпаючи тегів, видаліть старий текст і вставте на його місце новий. Якщо потрібно додати абзац, скопіюйте попередній разом з тегами і вставте трохи нижче, потім замініть текст. Поступово ви розберетеся в тому, навіщо потрібні ті чи інші теги.
  9. Якщо треба вставити картинку, оформіть її правильним образом. Сам файл картинки закачайте на сайт — наприклад, в папку image, а в коді оформите посилання на нього. Посилання на картинку буде виглядати приблизно так: Параметри width і height задають розміри зображення в ширину і висоту.
  10. Після оформлення посилань, тексту і картинок збережіть сторінку під потрібним ім’ям, в даному прикладі це page6.html. Закачайте її на сайт до інших сторінок через панель управління сайтом. Після цього вам залишиться відредагувати попередню сторінку сайту, вставивши в неї посилання на нову. Так як правки будуть невеликими, зробити їх можна прямо на сайті, у вбудованому редакторі.