Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Методичні вказівки КМИ.doc
Скачиваний:
16
Добавлен:
24.02.2016
Размер:
6.17 Mб
Скачать

Тема: cтворення та розміщення власних веб-сайтів на безкоштовних хостінгах.

Мета: навчитися створювати веб-сайти за допомогою стандартних конструкторів безкоштовних хостингів.

  1. Підготовка до заняття:

    1. Вивчити теоретичний матеріал (теоретична частина цих рекомендацій, Інтернет).

    2. Підготувати звіт по роботі.

  1. Теоретична частина

Сайт (від англ. Website: web - «павутина, мережа» і site - «місце», буквально «місце, сегмент, частина в мережі») - сукупність електронних документів (файлів) приватної особи або організації у комп'ютерній мережі, об'єднана під однією адресою (доменним ім'ям або IP-адресою).

Всі сайти в сукупності складають Всесвітню павутину, де комунікація (павутина) об'єднує сегменти інформації світового співтовариства в єдине ціле - базу даних і комунікації планетарного масштабу. Для прямого доступу клієнтів до сайтів на серверах був спеціально розроблений протокол HTTP.

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

У більшості випадків в Інтернеті одному сайту відповідає одне доменне ім'я. Саме по доменних іменах сайти ідентифікуються в глобальній мережі. Можливі інші варіанти: один сайт на декількох доменах або декілька сайтів під одним доменом. Звичайно кілька доменів використовують великі сайти (веб-портали) щоб логічно відокремити різні види послуг, що надаються (mail.google.com, news.google.com, maps.google.com). Непоодинокі й випадки виділення окремих доменів для різних країн або мов. Наприклад, google.ru та google.fr логічно є сайтом Google на різних мовах, але технічно це різні сайти. Об'єднання кількох сайтів під одним доменом характерно для безкоштовних хостингів. Іноді для ідентифікації сайтів в адресі після вказівки хоста стоїть тильда і ім'я сайту: example.com / ~ my-site-name / (ср с / home), а найчастіше використовується домен третього рівня: my-site-name.example. com.

Апаратні сервери для зберігання сайтів називаються веб-серверами. Сама послуга зберігання називається хостингом. Раніше кожен сайт зберігався на своєму власному сервері, але із зростанням Інтернету, технологічним поліпшенням серверів на одному комп'ютері стало можливе розміщення безлічі сайтів (віртуальний хостинг). Зараз сервери для зберігання тільки одного сайту називаються виділеними (англ. dedicated).

Один і той же сайт може бути доступний за різними адресами і зберігатися на різних серверах. Копія оригінального сайту в такому випадку називається дзеркалом. Існує також поняття оффлайновая версія сайту - це копія сайту, яка може бути переглянута на будь-якому комп'ютері без підключення до комп'ютерної мережі і використання серверного програмного забезпечення (ПО). При розробці сайту його тестують і налагоджують саме в оффлайновой версії, для того, щоб не демонструвати нісенітницю і помилки, прорахунки великого проекту. Саме для тестування в корпоративній мережі, або на початку в Інтернеті з обмеженим доступом під паролем запрошуються досвідчені «тестери». Це дозволяє прискорити виробництво великих проектів і налагодити їх для масового відвідувача (користувача).

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

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

Класифікація сайтів.

За доступності сервісів:

• відкриті - всі сервіси повністю доступні для будь-яких відвідувачів і користувачів;

• напіввідкриті - для доступу необхідно зареєструватися (зазвичай безкоштовно);

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

За природою вмісту:

• статичні - весь вміст заздалегідь готується. Користувачеві видаються файли в тому вигляді, в якому вони зберігаються на сервері;

• динамічні - вміст генерується спеціальними скриптами (програмами) на основі інших даних з будь-якого джерела;

За типами макетів:

• фіксованої ширини - розміри елементів сторінки мають фіксоване, незмінне значення, незалежне від дозволу, розміру і співвідношення сторін екрану монітора;

• гумовий макет - сторінки автоматично розтягуються на всю доступну ширину екрану монітора, відображаються на весь екран монітора по ширині. По суті даний тип макета є окремим випадком фіксованого типу макета;

За фізичним розташуванням:

• загальнодоступні сайти мережі Інтернет;

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

За схемою подання інформації, її обсягом і категорії вирішуваних завдань можна виділити такі типи веб-ресурсів:

1. Інтернет-представництва власників бізнесу (торгівля та послуги, не завжди пов'язані безпосередньо з Інтернетом):

  • сайт-візитка - містить загальні дані про власника сайту (організація або індивідуальний підприємець). Вид діяльності, історія, прайс-лист, контактні дані, реквізити, схема проїзду. Фахівці розміщують своє резюме. Тобто детальна візитна картка;

  • представницький сайт - так іноді називають сайт-візитку з розширеною функціональністю: докладний опис послуг, портфоліо, відгуки, форма зворотного зв'язку і т. д.;

  • корпоративний сайт - містить повну інформацію про компанію-власника, послуги / продукцію, події в житті компанії. Відрізняється від сайту-візитки і представницького сайту повнотою наданої інформації, часто містить різні функціональні інструменти для роботи з контентом (пошук і фільтри, календарі подій, фотогалереї, корпоративні блоги, форуми). Може бути інтегрований з внутрішніми інформаційними системами компанії-власника (КІС, CRM, бухгалтерськими системами). Може містити закриті розділи для тих чи інших груп користувачів - співробітників, дилерів, контрагентів і пр.;

  • каталог продукції - в каталозі присутній докладний опис товарів / послуг, сертифікати, технічні та споживчі дані, відгуки експертів і т. д. На таких сайтах розміщується інформація про товари / послуги, яку неможливо помістити в прайс-лист;

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

  • промо-сайт - сайт про конкретну торгову марку або продукт, на таких сайтах розміщується вичерпна інформація про бренд, різних рекламних акціях (конкурси, вікторини, ігри і т. п.);

  • сайт-квест - Інтернет-ресурс, на якому організовано змагання з розгадування послідовності взаємопов'язаних логічних загадок;

2. Інформаційні ресурси:

  • тематичний сайт - сайт, що надає специфічну вузькотематичні інформацію про будь-якої теми;

  • тематичний портал - це дуже великий веб-ресурс, який надає вичерпну інформацію з певної тематики. Портали схожі на тематичні сайти, але додатково містять засоби взаємодії з користувачами і дозволяють користувачам спілкуватися в рамках порталу (форуми, чати) - це середа існування користувача.

3. Веб-сервіс - послуга, створена для виконання будь-яких завдань в рамках мережі WORLD WIDE WEB:

  • дошка оголошень;

  • каталог сайтів - наприклад, Open Directory Project;

  • пошукові сервіси - наприклад, Yahoo!, Google;

  • поштовий сервіс;

  • веб-форуми;

  • блоговий сервіс;

  • файлообмінний пірінговий сервіс - наприклад, Bittorrent;

  • датахостінговий (зберігання даних) сервіc - наприклад, Skydrive;

  • датаедіторінговий (редагування даних) сервіc - наприклад, Google Docs;

  • фотохостинг - наприклад, Picnik, ImageShack, Panoramio, Photobucket;

  • зберігання відео - наприклад, YouTube, Dailymotion;

  • соціальні Медіа - наприклад, Buzz.

4. Комбіновані Веб сервіси (Соціальні мережі) - наприклад, Facebook, Twitter.

5. Комбіновані Веб сервіси (Спеціалізовані соціальні мережі) - наприклад, MySpace, Flickr.

Устрій сайтів.

Сторінки сайтів - це файли з текстом, розміченим мовою HTML. Ці файли, будучи завантаженими відвідувачем на його комп'ютер, обробляються браузером і виводяться на його засіб відображення (монітор, екран КПК, принтер або синтезатор мови). Мова HTML дозволяє форматувати текст, розрізняти в ньому функціональні елементи, створювати гіпертекстові посилання (гіперпосилання) і вставляти в видиму сторінку зображення, звукозаписи і інші мультимедійні елементи. Відображення сторінки можна змінити додаванням в неї таблиці стилів на мові CSS або сценаріїв на мові JavaScript.

Сторінки сайтів можуть бути простим статичним набором файлів або створюватися спеціальною комп'ютерною програмою на сервері - так званим движком сайту. Движок може бути або зроблений на замовлення для окремого сайту, або бути готовим продуктом, розрахованим на деякий клас сайтів. Деякі з движків можуть забезпечити власнику сайту можливість гнучкої настройки структуризації і виведення інформації на веб-сайті. Такі движки називаються системами управління змістом (CMS).

Створення сайтів.

Виготовлення сайтів як працюючих цілісних інформаційних ресурсів та систем - складний процес, до якого залучаються різні фахівці . Цей вид діяльності називається веб-розробка. Власники майбутнього сайту (приватні особи або організації) розробляють сайти своїми силами, або звертаються до спеціалізованих розробників (фрілансерів, студій, бюро, контор і т. п.). Відносини між замовником і виконавцем регулюються за допомогою договорів, технічних завдань, спеціальних систем (різних сайтів, які виступають посередником між замовником і фрілансерами), або усною домовленістю. Замовлена робота може являти собою як повний комплекс створення сайту, аж до вигадування назви та реєстрації домена, так і розширення сайту, технічну оптимізацію і редизайн. Все більше розробка та супровід сайту (порталу) стає потужним сегментом активів підприємств (організацій). Тому віддають перевагу штатним розробникам або доручають проект вести одному з директорів апарату управління (комерційний директор, директор департаменту по зв'язках або безпосередньо керівнику проекту з групою штатних фахівців і/або сумісників). Особливу роль виконують «тестери» кінцевого продукту. Це відповідальна роль в просуванні та оцінці проекту, так як стадія розробки для динамічного великого проекту ніколи не припиняється. Якщо ви бачите сайт неушкодженим 2-3 роки без змін, то він можливо нікому не потрібен або не користується попитом на базисну інформацію. Але супровід проекту стає не менш відповідальною справою.

Розробка дизайну.

Веб-дизайнери розробляють макети шаблонів сторінок. Дизайнер визначає, яким чином кінцевий споживач буде отримувати доступ до інформації і послуг сайту. Тобто займається безпосередньо розробкою користувальницького інтерфейсу. У більшості випадків сторінки містять у собі графічні елементи. Їх підготовкою займаються художники ілюстратори, фотографи, технічні дизайнери, шрифтовики, і т. д. Готові шаблони показуються замовнику. В цей момент сторінки ще не можуть містити кінцевого наповнення (це в обов'язки дизайнера не входить). Щоб макети виглядали більш наочно, в них міститься довільне вміст. Якщо замовник задоволений зовнішнім виглядом шаблонів, то настає наступна фаза розробки - верстка сторінок сайту.

Верстка.

Верстальник отримує макети шаблонів у вигляді простих зображень (наприклад, у форматі JPEG або PNG), або розбитих по шарах (наприклад, в PSD або AI). Його завдання - отримати з цих графічних макетів гіпертекстові веб-сторінки з підготовленими для інтернету зображеннями.

Одним із складних моментів у роботі верстальника є забезпечення сумісності з безліччю браузерів - програмами для перегляду веб-сторінок (так звана кросбраузерність). Браузери можуть одні й ті ж елементи розмітки або правила CSS інтерпретувати по-своєму, в результаті чого деякі користувачі можуть побачити вміст не так, як задумував дизайнер і очікує побачити замовник. Коли верстальник переконається, що більшість браузерів однаково відображають готові шаблони, настає наступна фаза розробки - веб-програмування.

Програмування.

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

Після того, як сайт готовий до експлуатації, настає наступна фаза - наповнення сайту інформацією.

Безпека.

Існує безліч сайтів, які є значущими ресурсами. На цих ресурсах можуть розташовуватися персональні дані користувачів (наприклад, особисте листування, адреси, телефони) або фінансова інформація (наприклад, банківські сайти). Злом таких ресурсів може спричинити як прямі грошові збитки (наприклад, зловмисник може перерахувати гроші з чужого рахунку на свій власний), так і непрямі, пов'язані з поширенням конфіденційної інформації або просто зловмисник може зіпсувати вміст сайту. Для багатьох сайтів важливо забезпечити певний рівень безпеки. Необхідний рівень безпеки багато в чому залежить від розташованої на сайті інформації.

Найбільш поширені наслідки атаки на сайт:

• несанкціоновані зміни зловмисниками (див.: дефейсінг, хакери);

• підробка сайту (дизайн і вміст сайту може бути скопійовано і в користувача такого сайту можуть вкрасти паролі).

Найбільш популярними мотивами для злому популярних ресурсів, таких як поштові або соціальні мережі, є:

• ревнощі;

• користь: зловмисник розсилає зі зламаного аккаунта спам;

• крадіжка з метою повернення власнику за гроші.

Хостинг (англ. hosting) - послуга з надання обчислювальних потужностей для фізичного розміщення інформації на сервері, що постійно перебуває в мережі (зазвичай Інтернет). Хостингом також називається послуга з розміщення обладнання клієнта на території провайдера із забезпеченням підключення його до каналів зв'язку з високою пропускною здатністю (колокація, від англ. Collocation).

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

Хостинг баз даних, розміщення файлів, хостинг електронної пошти, послуги DNS можуть надаватися окремо як самостійна послуга, або входити в поняття послуги.

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

www.narod.ru - один з найпопулярніших серверів надання безкоштовного хостингу (free hosting), який надає широкий набір послуг своїм користувачам, маючи при цьому досить простий інтерфейс, тому створення сайту на narod.ru не викликає великих складнощів у недосвідчених користувачів інтернету. Особистий сайт на narod.ru вважається вже не зовсім модним, оскільки цим вже нікого не здивуєш, зараз вже дуже багато користувачів інтернету обов'язково знають всім відомий сайт narod.ru.

Список сайтів на www.narod.ru напевно вже перевищує багато десятків тисяч сайтів як невеликих компаній, так і звичайних персональних сайтів. Каталог web сайтів на narod.ru при бажанні можна знайти в Яндекс каталозі - yaca.yandex.ru. Оскільки ресурс дуже популярний, то хакери і недобросовісні користувачі намагаються заволодіти чужим сайтом на narod.ru, і злом сайтів narod.ru йде постійно, так що треба бути дуже уважним при установці невідомих програм, які можуть містити віруси, які крадуть паролі доступу до сайту .

Основні можливості хостингу Народу:

• ім'я сайту: ваше_імя.narod.ru;

• поштову скриньку ваше_імя@narod.ru;

• необмежений простір для сайту (розмір сайту - 100 Мб при реєстрації + можливість самостійно збільшити розмір сайту в міру необхідності, розмір окремих файлів - не більше 5 Мб, файли більшого розміру автоматично вилучаються);

• є більше 100 шаблонів для створення сторінок;

• можливість створювати сторінки за власним дизайном;

• FTP-закачка файлів на сервер - ftp://ваш_логін:ваш_пароль@ ftp.narod.ru;

На жаль, скрипти не підтримуються, але є додаткові free сервіси: Гостьова книга, Персональний форум, Чат, Співтовариства, Опитування та Анкети, лічильник на сторінки, статистика відвідувань сайту, форма для пошуку по сайту, індексація сайту пошуковою системою Яндекс.

Створення персонального сайту.

Щоб створити Ваш перший простий сайт ми скористаємося безкоштовним хостингом (місцем під сайт) narod.ru від пошукової системи Яндекс.

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

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

Кроки для створення сайту:

  1. Переходимо за посиланням http://narod.ru (або копіюємо її в адресний рядок браузера).

  2. Знаходимо на цій сторінці (на початку основного тексту по центру) рядок "Создайте свой сайт", натискаємо правою клавішею мишки на посилання і у вас відкриється віконце для введення тексту прямо під ним.

  3. В це віконце потрібно ввести назву (воно ж буде і початком адреси) вашого майбутнього сайту. Назва повинна бути:

• латинськими літерами без пробілів (можливі знаки підкреслення, дефіси, точки);

• унікальною. Якщо хтось до Вас вже забронював цю назву, то Вам доведеться трохи змінити його або придумати інше;

• по можливості коротким і відображати основну ідею сайту.

Для прикладу я беру назву saitposhablonu (сайт по шаблону) і ввожу його в вищезазначене віконце. Ви вводите свою назву і натискаєте кнопку "Занять" праворуч від віконця.

Після цього відбувається переадресація на іншу сторінку Яндекс.Паспорт "Регистрация. Шаг 1 з 2".

У цій новій сторінці вводимо ім'я і прізвище (краще свої). Назва сайту вже має бути в полі "Логин". Натискаємо "Дальше". Потрапляємо на сторінку Яндекс.Паспорт "Регистрация. Шаг 2 из 2".

  1. Тут вводимо пароль до нашого сайту. Пароль повинен містити від 4 до 20 символів зі списку: Az, 0-9,! @ # $% ^ & * () _ - + і не може співпадати з логіном.

  2. Логін і пароль краще записати в який-небудь текстовий файл, щоб потім можна було його скопіювати і вставити при вході в свій аккаунт. Оскільки цей наш сайт - пробний - можна не надто турбуватися про його безпеку, але в майбутньому - краще зберігати паролі в більш надійних місцях, наприклад у записнику. Далі заповнюємо наступні поля: Пароль ще раз - для перевірки правильності. Контрольне питання (на випадок, якщо забудемо пароль). Відповідь на контрольне питання. Електронна пошта (не обов'язково, оскільки на Вас буде зареєстрований новий поштовий ящик виду: названіе_сайта@yandex.ru).

Мобільний телефон (зовсім не обов'язково, але якщо сайт не тимчасовий - краще заповнити). Контрольні цифри - для захисту від автоматичної реєстрації. Натискаємо "Зарегистрировать". Повинна з'явитися нова сторінка Яндекс.Паспорт "Готово". На ній можна ввести додаткову інформацію про себе. Натискаємо "Сохранить" і опиняємося на сторінці "Мои сервисы".

6. Натискаємо маленьке посилання "Все службы" в самому верху сторінки. Потрапляємо в повний список сервісів, які надає Яндекс. Шукаємо в центральній колонці посилання "Народ" і опиняємося на головній сторінці narod.ru з якою і почали.

7. Вводимо пароль у відповідному віконці в правій панелі сторінки. Логін вже повинен бути там. Якщо ні - вводимо його теж.

8. Тиснемо "Войти". Перед нами відкривається так звана "Мастерская", з якої можна управляти своїм сайтом, прикручувати до нього всілякі доповнення типу гостьової книги або форуму. Але спочатку потрібно зробити хоча б одну сторінку сайту - головну. Для цього:

9. Шукаємо у лівій колонці (розділ "Мой дом") посилання "Главная страница" і натискаємо її. Відкривається сторінка з варіантами шаблонів для цієї сторінки.

10. Вибираємо шаблон, що сподобався і тиснемо "Далее". Припустимо Ви вибрали шаблон "Простой". Відкривається сторінка настройки виду головної сторінки Вашого майбутнього сайту.

11. Вибираємо колір фону (фон повинен бути не занадто "соковитим", щоб не «різав» око). Мабуть візьмемо класичний білий.

12. Заповнюємо графу "Про що сайт". Це буде назва сайту, що говорить про його призначення. У нашому прикладі це "Сайт по шаблону". Колір тексту назви нехай буде темно-зелений, щоб був контрастним фону, але не кричущим. І мабуть поставимо галку "Жирный", щоб він все-таки виділявся.

13. Тепер текст, який буде на головній сторінці. Він повинен в кількох абзацах розкривати назву сайту і дати зрозуміти відвідувачу, про що ж цей сайт. Ось текст нашого експериментального сайту:

<Початок тексту> "Сайт по шаблону" є свого роду полігоном, щоб навчитися створювати шаблонні сайти на хостингу narod.ru. Ви можете зробити собі такий же просто прочитавши статтю "Как создать сайт по шаблону на narod.ru", написану спеціально для охочих швидко навчитися створювати сайти. Дану статтю Ви можете знайти на сайті http://www.BestFREE.ru в розділі Статьи/Web-дизайн. <Конец текста> Колір цього тексту залишимо чорним, щоб він легко читався на білому тлі.

14. Вводимо посилання на відповідні поля. Посилання (або гіперпосилання) - це основа Інтернету. За посиланнями можна переходити з одного сайту на інший або з однієї сторінки сайту на інші. У кожного посилання є її видима частина (текст, картинка, кнопка і т.д.) і адреса, на яку переходить відвідувач натиснувши на видиму частину цього посилання. Для початку створимо 3 посилання:

• "Головна" - це посилання буде вести на головну сторінку цього сайту і мати адресу http://www.saitposhablonu.narod.ru (не забудьте, що Ви замість saitposhablonu скрізь повинні вказувати придуману Вами назву);

• "Об авторе" - пара слів про автора статті. Її адреса нехай буде http://www.saitposhablonu.narod.ru/about.htm;

• "Статья о создании этого сайта" - посилання на цю статтю. Адреса: http://www.bestfree.ru/article/webdesign/shablon.php. Це буде зовнішнє посилання, що веде на інший сайт, на відміну від попередніх - внутрішніх.

15. Задаємо колір посилань. Традиційно посилання роблять синім кольором, відвідані посилання - пурпурним, а активні - червоним. Але в принципі - тут все на ваш розсуд і смак. Для прикладу задамо вищевказані кольори. Тиснемо "Готово" і дивимося результат. Дизайн прямо скажемо - не вишуканий, але для початку - цілком зійде. Якщо Вас все поки влаштовує - тисніть "Готово" у верхній частині сторінки. Якщо не влаштовує, тоді натискайте "Еще редактировать" і робіть корективи. На наступній сторінці нам пропонують:

• відредагувати створену сторінку - знову повернутися до редагування головної сторінки;

• перейти до створення інших сторінок - це ми зараз і виберемо;

• перейти до розділу "Управление файлами" - поки не треба, але потім обов'язково перейдемо;

• порекламувати свій сайт через службу "Яндекс.Директ".

16. Переходимо до створення інших сторінок. Вибираємо шаблон "Про меня", і нам знову пропонують вибрати з декількох шаблонів і ввести ім'я файлу - воно ж адреса нової сторінки. Вибираємо наприклад "Мышеходный" і вводимо ім'я файлу about (ми вже задавали посилання на нього на головній сторінці).

Натискаємо "Дальше".

17. На новій сторінці заповнюємо поля:

• "Приветствие" - пишемо Ласкаво просимо ... і так далі, як зазвичай пишуть в таких випадках;

• "Фотография" - вибираємо своє краще фото для цієї сторінки, але не дуже великого розміру. Оптимальний розмір для файлу з великою фотографією 50-300 кб. Чим менше розмір, тим швидше буде грузиться сторінка;

• "Текст Вашей странички" - трохи розкажіть про себе, те, що буде цікаво дізнатися відвідувачам;

• "Ссылки на другие странички" - тут можна вказати посилання на головну сторінку і, наприклад, знову на статтю. Свій e-mail краще не вказувати (як це пропонує шаблон за замовчуванням), інакше можна отримати на нього гори спаму. E-mail завжди краще шифрувати, наприклад за допомогою програми: http://www.bestfree.ru/soft/inet/crypt.php # CrypteMail

Отже, натиснули "Готово" і отримали сторінку "Про мене". Подивилися і якщо потрібно - відредагувати. Тепер у нас є 2 сторінки сайту, які посилаються один на одного. Аналогічним способом можна зробити і інші сторінки, тільки не забувайте ставити на них посилання хоча б з головної, інакше відвідувач просто не зможе їх знайти. Для того, щоб редагувати готову сторінку:

1. Натискаємо посилання "Мастерская" в лівій верхній частині вікна під логотипом Яндекс.Народ.

2. У правій колонці шукаємо і натискаємо "Управление файлами и HTML-редактор". Відкривається таблиця, яка містить всі файли, які ми створили або завантажили при створенні сторінок, включаючи файл з нашою фотографією для сторінки "Про меня".

3. Шукаємо файл index.html і натискаємо на кнопочку з олівцем зліва від імені файлу.Перед нами знову відкрився знайомий редактор сторіночки.

4. Підправляємо посилання - змінюємо htm на html і натискаємо "Готово" і ще раз "Готово" на наступній сторінці. Тепер якщо скопіювати в нове вікно браузера адресу http://www.saitposhablonu.narod.ru/index.html або навіть просто saitposhablonu.narod.ru, то відкриється головна сторінка "Сайт по шаблону". І якщо натиснути на головній сторінці посилання "Про автора", то відкриється створена нами сторінка "Про меня". Натиснувши на неї посилання "Главная" - Ви знову повернетеся на головну.

Підіб'ємо підсумок:

1. Ви змогли створити свій перший сайт за півгодини навіть не володіючи мовою HTML.

2. Тепер Ви можете полірувати готовий сайт, додавати до нього нові сторінки і покращувати старі. Для цього все-таки краще почати вчити HTML (ось непоганий самовчитель для початку: http://www.bestfree.ru/book/webdesign/html.php # HTMLvPrimerah_DrigalkinVV).