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

Щоб не створювати нову сторінку з нуля, візьміть за основу вже існуючу, максимально близьку до неї з оформлення. Скопіюйте сторінку на комп`ютер, потім відкрийте її в редакторі html-коду. Одним з найпростіших і зручних редакторів є Cute HTML, його можна безкоштовно скачати в інтернеті.

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

Незважаючи на те, що Dreamweaver дозволяє компонувати сторінку в візуальному режимі, вам знадобиться знання основ мови HTML. Скачайте будь-який підручник HTML або подивіться в інтернеті навчальні матеріали. Знання того, за що відповідають ті чи інші елементи коду, допоможе вам при виникненні проблем з правильним відображенням сторінки.

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

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

Зайдіть на сайт і подивіться, чи працює доданих сторінок. Обов`язково перевірте, як працюють пункти меню, переходи по посиланнях і т.д. Якщо все справно функціонує, то ви впоралися із завданням.

Щоб побудувати такий набір сторінок в сторінці почати слід з створення контейнера для фреймів. Інструкція браузеру створити такий контейнер на мові HTML виглядає так:
...
Такі інструкції називають «тегами». Це - відкриває і закриває теги контейнера, між якими слід поміщати теги для формування фреймів. Теги містять різну додаткову інформацію, яку називають «атрибутами» тегів. У відкриваючому тезі треба вказати - як саме слід поділити простір сторінки між фреймами:
...
тут атрибут "cols" вказує, що сторінку з двох фреймів треба розділити по вертикалі, виділивши кожному по 50% ширини вікна. щоб розділити сторінку по горизонталі, використовується інший атрибут - "rows":
...
Це ж можна записати таким способом:
...
Тут зірочка (*) вказує, що все залишився повинно бути віддано другому фрейму.Можно вказувати значення не у відсотках, а в «пікселах» - це основна одиниця виміру, яка використовується при розмітці сторінок:
...

З контейнером ми розібралися, тепер треба вписувати в нього самі фрейми. HTML-тег фрейма в найпростішому вигляді виглядає так:тут атрибут "src" вказує інтернет-адреса сторінки, яка повинна бути завантажена в цей фрейм. Якщо сторінка лежить на цьому ж сервері і в цій же папці (або вкладеної в неї), то вказувати повну адресу не обов`язково, досить імені файлу і шляху до вкладеної папки. Такі адреси називаються «відносними», а повні - «абсолютними». Цей же тег з відносною адресою сторінки для завантаження:--За допомогою атрибута "scrolling" можна задати правила для смуг прокрутки цього фрейму:значення "yes" означає, що смуги прокрутки у цього фрейму будуть завжди. Якщо вставити значення "no" - Їх не буде ніколи, а значення "auto" визначає, що смуги прокрутки будуть з`являтися у міру необхідності, якщо вміст фрейма не вміщається в його межі .-- За замовчуванням кордону фреймів в сторінці можна переміщати мишкою. Але якщо задати тегу атрибут noresize, то така можливість буде відключена:--У тега frame є два атрибути, які задають поля між сусідніми фреймах - marginwidth вказує розмір відступу від сусіднього поля по горизонталі (зліва і справа), marginheight - по вертикалі (знизу і зверху):--Ще один атрибут - name - дає власне ім`я фрейму. Це може знадобитися, якщо фрейми містять будь-які скрипти, які повинні щось робити в сусідніх фреймах і розрізняти їх по іменах:

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




Тепер збережіть документ з розширенням html - наприклад, test.html. Після цього подвійне клацання по файлу test.html буде запускати браузер, а той буде виконувати інструкції, які ви йому написали в html-коді. Результат повинен виглядати так: