Головна сторінка є візитною карткою сайту і від її оформлення залежить зручність користування ресурсом в цілому. На сторінці необхідно практично повністю відобразити тематику і вміст, розмістити різні елементи, які допоможуть користувачеві при навігації. У той же час не слід перевантажувати цю головну частину сайту інформацією.
Інструкція
1
Перед написанням головної сторінки виділіть найбільш важливі теми, які повинні бути в першу чергу показані користувачеві. Продумайте і розпишіть структуру всіх елементів. Складіть план оформлення виведеної інформації.
2
Створіть яскравий заголовок або логотип, який буде відображатися на всьому сайті, щоб привернути увагу відвідувача. Заголовок вікна повинен мати назву фірми, супроводжуватися описом і додатковою інформацією. Красиві елементи оформлення і гармонійна структура дозволять виділити ваш ресурс на тлі проектів інших веб-майстрів.
3
Надайте основну інформацію про сайт в верхній частині сторінки. Це можуть бути дані щодо пропонованих товарів або про характер розміщених на ресурсі статей. Не створювати довгий опис, яке повинно бути розміщено на інших сторінках. Опис повинен показати те, чим займається компанія або чому присвячений сайт.
4
Додайте приклади жодна стаття. Коротко сформулюйте найбільш важливу інформацію, виведіть найсвіжіші і найкращі матеріали ресурсу, щоб користувач мав уявлення про сайт. Наприклад, на головній сторінці не варто вказувати досягнення компанії, наводити перелік нагород і сертифікатів, для цього слід створити окремий розділ. Вся другорядна інформація повинна знаходитися в спеціальних розділах.
5
Головна сторінка грає велику роль при пошукової оптимізації, а тому приділіть особливу увагу підбору ключових слів. Вони повинні обов`язково бути присутнім в тексті або бути прописані в тезі META HTML-коду. Не слід вказувати ключові, які в дійсності не згадуються на ресурсі.
6
Створіть новинну стрічку, щоб постійні відвідувачі могли відслідковувати оновлення матеріалів і функціоналу. Створіть архів оновлень, за якими користувачі зможуть знайти потрібну інформацію. Створіть систему пошуку.
Рада 2: Як написати web-сторінку
Щоб створити веб-сторінку, необхідні самі основні знання
html. Спочатку потрібно зрозуміти, що це таке. Html - це мова розмітки гіппертекста. Іншими словами - це мова, яка дозволяє розміщувати на сторінці посилання, графіку, текст і т.д.
Вам знадобиться
- Блокнот (текстовий редактор), браузер.
Інструкція
1
Створіть на своєму комп`ютері папку з довільним ім`ям. Наприклад «C: website». Відкрийте блокнот і копіюйте туди наступний html код:
060-htmlgt;
060-headgt;
060-titlegt; Привіт всім! 060- / titlegt;
060- / headgt;
060-bodygt;
Всім привіт! 060-brgt; Я створив свою першу сторінку!
060- / bodygt;
060- / htmlgt;
2
Виконайте команду «Файл - Зберегти» в тому ж блокноті або ж використовуючи клавіші «CTRL + S» вкажіть шлях збереження файлу з кінцевим розширенням «.html» в створену папку «C: website».
3
Відкрийте цей файл за допомогою браузера. Якщо ви все зробили правильно, то на вашій сторінці, запущеної в браузері, повинен бути наступний текст:
Привіт всім!
Я створив свою першу сторінку!
4
Розберіть кожен з тегів, який ви використовували в веб-сторінці:
060-htmlgt; - Будь-яка сторінка повинна цим тегом починатися і закінчуватися. Тег говорить браузеру про те, що документ є html сторінкою. Цей тег називається парним, тому що є його відкриття ( 060-htmlgt;) і закриття ( 060- / htmlgt;).
060-headgt; - Це так звана «голова» документа. Там містяться заголовні дані. Тег теж є парним (мається 060-headgt; і 060- / headgt;)
060-titlegt; - Вказати назву сторінки. Текст, який вказали між тегами 060-titlegt; і 060- / titlegt; буде видно в заголовку вікна браузера.
060-bodygt; - Це «тіло» сторінки. Все, що ви розташуйте між тегами 060-bodygt; і 060- / bodygt; буде після збереження на сторінці. У поточному прикладі туди був поміщений текст «Привіт всім! Я створив свою першу сторінку! ». У підсумку цей текст видно в браузері.
060-brgt; - Це один з перших тегів, які не вимагає свого закриття. Він потрібен для відступу між рядками, тобто для переходу на наступний рядок. Цей тег схожий за своєю дією з натисканням клавіші Enter на клавіатурі. Для розуміння цього спробуйте прибрати тег і все стане зрозуміліше.
Корисна порада
Досить часто новачкам буває важко зрозуміти основи сайтостроительства і у них виникають незрозумілі для них помилки. У цьому випадку допоможуть спеціалізовані безкоштовні форуми, яких існує величезна кількість.
Найбільш популярні з них:
Корисна порада
Використовуйте ілюстрації тільки там, де вони дійсно матиме інформативний характер. Чи не застосовуйте зображення, які не стосуються тематики сайту.
Увага, тільки СЬОГОДНІ! Статті за темою "Як написати головну сторінку сайту"