ЛАБОРАТОРНА РОБОТА №1

ТЕМА: Створення персонального Web-сайту в системі безкоштовного хостингу Narod. ru.

МЕТА: уміти створювати елементарний персональний Web-сайт, використовуючи шаблони системи Narod.ru.

ПЛАН РОБОТИ:

1. Загальне ознайомлення з принципами роботи системи безкоштовного хостингу Narod.ru.

2. Реєстрація персонального сайту в системі Narod.ru.

3. Створення та оформлення головної (домашньої) сторінки сайту. Застосування вкладки «Мастерская».

4. Створення окремих сторінок. Застосування гіперпосилань.

5. Використання додаткових компонентів сайту.

ТЕОРЕТИЧНІ ВІДОМОСТІ

Створення сайту в системі безкоштовного хостингу.

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

Для безкоштовного розміщення Web-сторінок і Web-сайтів можна використовувати службу Narod.ru., яка входить в систему послуг компанії Яндекс (). Сайт, створений в цій системі можна використовувати для різноманітних цілей. Сьогодні кількість персональних сайтів в даній системі складає близько 1 млн.

Запропоновані ресурси.

В системі Narod.ru користувач отримує в своє розпорядження доменне ім’я третього рівня. Довжина імені може досягати чотирнадцяти символів. Допустимі символи – латинські букви, цифри, знак «-« (мінус). Можна використовувати будь-яке ім’я, яке на даний момент ще ніким не зайнято. Наприклад, якщо ви зареєстрували ім’я abcdef , то офіційний адрес сайту буде назву www.abcdef.narod.ru. Якщо хто-небудь набере адресу у вигляді , то він потрапить на ваш сайт.

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

Слід зауважити, що поштові адреси …@yandex.ru і …@narod.ru не ідентичні. При однаковому імені користувача вони можуть належати різним власникам. Якщо ви створюєте сайт в системі narod.ru слід закріпити за собою і альтернативну поштову адресу.

Реєстрація нового сайту.

Щоб зареєструвати сайт в системі Narod.ru потрібно відкрити в браузері основну сторінку системи за адресою narod.yandex.ru. Для реєстрації нового сайту передбачено поле поряд з кнопкою Занять у верхній частині сторінки. Потрібно ввести в це поле передбачуване ім’я сайту і натиснути на цю кнопку.

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

Створення сайту по шаблону.

Простіше всього створити сайт використовуючи шаблони котрі знаходяться в системі Narod.ru. Шаблон - це заготовка окремої Web-сторінки. Шаблон задає структуру сторінки, в яку користувач може додавати текст та ілюстрації. На практиці така сторінка створюється шляхом заповнення спеціальної форми.

Щоб створити сайт по шаблону в системі Narod.ru. на головній сторінці системи слід клацнути на посиланні Мастерская. Система запитує реєстраційне ім’я і пароль після чого відображає в браузері сторінку Мастерской – центру управління створення сайту.

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

Найбільш проста структура сайту передбачає наявність єдиної сторінки, яка містить посилання на решту сторінок сайту. Головна перевага шаблонів – швидкість і простота створення Web-сторінок. Однак «шаблонний» підхід має і свої недостатки. Хоча система Narod.ru. передбачає велику кількість варіантів дизайну, однак для творчого підходу цього недостатньо.

Створення окремих сторінок.

Створення сайту завжди починають з основної (в системі Narod.ru її називають главная) сторінки. Це саме та сторінка з якої користувач зазвичай починає знайомство із сайтом. В системі Narod.ru головна сторінка повинна мати ім’я index.html або index.htm. Для створення головної сторінки зазвичай вибирають один із шаблонів, які спеціально для цього призначені. Для цього потрібно клацнути на посиланні Шаблоны під заголовком Моя главная страница – в браузері відкриється сторінка вибору шаблону. Крім попередньо розроблених шаблонів тут є заготовка, яка дозволяє сформувати шаблон самостійно.

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

Відповідно до шаблону головна сторінка сайту містить такі елементи:

- заголовок;

- фрагмент тексту;

- набір гіперпосилань, які вказують на інші сторінки сайту чи зовнішні ресурси Internet.

Зміст і оформлення цих елементів сторінки можна створити на власний розсуд. Заголовок сторінки повинен складатися не більше як одну лінійку. Відповідне поле називається О чем сайт. Текстовий зміст Web-сторінки заноситься в область Текст. В неї можна нести стільки інформації, скільки потрібно. Якщо текст перестане поміщатися у відведене поле, то з’являться смуги прокручування. В нижній частині сторінки можуть розміщуватися гіпертекстові посилання. Кожне посилання містить текст і адресу переходу. Кількість гіперпосилань не обмежена. Якщо наявних полів недостатньо, можна клацнути на кнопці Надо больше ссылок. Поля посилань, які залишились порожніми, ігноруються і не впливають на зовнішній вигляд та зміст сторінки.

Крім того є можливість додати на цю сторінку зображення, які виконані в кольоровій гамі шаблону і які містять декоративний текст Главная страница.

Інші сторінки сайту створюються майже так само як і основна. Їх шаблони