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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Порядок виконання роботи.

 

1. Зайдіть на сайт http://narod.ru.

2. Зареєструйте Інтернет-сторінку на зазначеному в пункті 1 сайті. В процесі реєстрації виберіть варіант організації сайту - персональний веб-сайт, результати відобразіть у звіті.

3. Увійдіть в конструктор сайту і виберіть: стиль оформлення сторінки, шрифти, макет сторінки й назву. Результати збережіть у звіті.

4. Заповніть всі розділи створеного сайту. Результати збережіть у звіті.

5. Опублікуйте створений сайт натиснувши кнопку «Опубликовать».

6. Дайте посилання на опублікований сайт вашому сусідові зліва і справа. Попрохайте їх зайти на сайт.

7. Зайдыть на Ваш сайт в режимі редагування і виберіть розділ статистика. Проаналізуйте статистику відвідування сайту. Результати відобразіть в звіті.

8. Зайдіть в налаштування сайту та виберіть розміщення блоку реклами від Яндекса.

Практичне заняття № 6