Як створити сайт

Як створити сайт

Як створити сайт

Перші кроки. Як створити сайт. Теорія веб дизайну

Пішли в минуле і забулися міфи, що огортає поняття "інтернет". Розсіявся ореол таємничості. І що ми бачимо. Точно — звичайний спосіб доступу до інформації нахаляву. Чому нахаляву? А тому, що вся та нескінченна і безмежна інформація, що ми знаходимо в інтернет практично моментально не можна порівняти за цінністю з тими мізерними витратами на доступ до неї.

Я маю на увазі спосіб зв’язку через модем. Цей спосіб зв’язку ще дуже поширений.

А ще інтернет — це чудовий спосіб халявних СПІЛКУВАННЯ з усім світом і без серйозної цензури та заборон, поки що. Зараз (початок 2005 року) в інтернеті можливо все. Бізнес, розваги, знайомства, секс, пошук роботи і головне — це спосіб для самовираження.

Зрозуміло, що за інтернетом майбутнє.

Так що ж на рахунок спілкування з усім світом? Це просто. Можна користуватися форумами та іншими можливостями запропонованими на чужих сайтах, а можна створити свій персональний сайт — це зараз модно. І не тільки модно, але й корисно.

Для того, щоб зробити свій сайт новачкові мало розбирається в інтернеті потрібно діяти сміливо і рішуче, а зокрема — так:

Усвідомити для себе наступне.

1. сайт потрібно спроектувати

2. потім розмістити в мережі інтернет (спочатку можна на безкоштовному хостингу типу або іншому)

3. і, що найскладніше, необхідно підтримувати свій сайт

1. Для створення сайту потрібно:

1. Комп’ютер

2. Візуальний html-редактор (прості сайти пишуться на мові html — Hyper Text Markup Language)

Гіпертекстові документи створюються на базі мови html. Ця мова дуже простий, керуючі коди його, які, власне, і компілюються оглядачем для відображення на екрані, складаються з тексту ASCII. Посилання, списки, заголовки, картинки і форми називаються елементами мови html.

Під гіпертекстових документом розуміють документ, що містить так звані посилання на інший документ. Реалізовано все це через протокол передачі гіпертексту http (HyperText Transfer Protocol).

3. Підручник з html для початківців (підійде "Створення web сторінок" Енді Шафран, 2000)

4. Бажання витратити 2-6 місяців (якщо пощастить) на навчання. Попереджаю, підводних каменів багато. Але справа того варта.

2. Для розміщення сайту потрібно:

1. Безкоштовний (або платний, якщо хочете) хостинг. Але при виборі платного хостингу краще відразу купувати і доменне ім’я (Uniform Resource Locator або url) другого рівня типу rosdesign.com. Про це я писав у інших статтях.

2. Доступ в інтернет (телефонна лінія та підключення до провайдера)

3. Програма c функцією ftp доступу до вашого сайту (наприклад Windows Commander або Far)

4. Комп’ютер

5. Готовий сайт. і не обов’язково в цьому порядку.

3. Для підтримки сайту потрібно:

1. Теж, що і для розміщення + вільний час і цікава інформація для наповнення. А то відвідувачам буде нудно у вас на сайті і вони заходити до вас не будуть. (Статистика відвідуваності сайту вважається спеціальними безкоштовними лічильниками. Їх теж потрібно буде вам встановити на свій сайт)

2. Реклама вашого сайту (банери, обмін посиланнями, залишення координат на форумах і тд.) Знайти сайт в мережі інтернет дуже складно і спочатку краще трохи порекламіровать.

Для довідки: я ніколи навмисно не рекламував свій сайт. І через 2 роки після його появи в інтернет відвідуваність приблизно 200 осіб на день, а Індекстен цитування (кількість сайтів, що посилаються) більше 70. Непогано для домашньої сторінки, підтримуваної однією людиною. Я до того, що якщо у вас є попереду 2 роки на розкрутку — можна не рекламуватися.

А тепер найголовніше:

Приготувалися.

Для привабливого, що запам’ятовується, зручного і чарівною зовнішнього вигляду сайту потрібен WEB ДИЗАЙН! Погодьтеся, що зустрічають по одягу.

Так от, тільки web дизайн зробить ваш ресурс вийгришно відмінним і помітним серед мільйонів інших. Програмування зробить сайт зручним в експлуатації, але не запам’ятовується і не приємним для сприйняття. Що б хто не говорив — увага відвідувачі звертають на web дизайн і ставлення до проекту формується тільки завдяки web дизайну.

А на все інше, включаючи програмування, яким би геніальним воно не було, відвідувач уваги не звертає.

Що таке web дизайн?

А тепер теорія

Як правильно спроектувати свій перший сайт?

У цьому випадку не потрібно ламати голову над "Концепцією web проекту " Хоча, якщо є бажання.

Упевнений схема вашого першого аматорського web проекту (Домашньої сторінки) буде гранично проста. Це статичні html-сторінки приблизно такого змісту:

1. головна сторінка (іміджева — з посиланнями на декілька внутрішніх):

2. внутрішня (інформаційна — про себе)

2. внутрішня (інформаційна — хобі)

2. внутрішня (інформаційна — фотогалерея)

2. внутрішня (інформаційна — контакти)

2. внутрішня (інформаційна — ще щось)

Проект з названої вище структурою не вимагає від вас суперзнанні в області web проектування і відносно швидко виконується.

Виходить, що вам потрібно придумати дизайн головної і внутрішньої сторінок вашого будующего сайту. Або, якщо хочете — тільки однієї сторінки. І дублювати дизайн на всі сторінки проекту.

WEB дизайн для домашньої сторінки

Якщо ви хочете зробити свого проекту хочаб нормальний дизайн. Вам доведеться вивчиться користуватися графічним редактором (найкраще підходить Photoshop CS) і трохи дізнатися про формати графічних файлів для web.

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

Але прямоугольность елементів таблиці ні в якому разі не повинна впливати на формоутворення графічних елементів композиції. Т.е ви можете зробити коло, а потім "порізавши" по частинах помістити його в таблицю. При цьому коло залишиться круглим 🙂 І взагалі намагайтеся йти від прямокутних і симетричних композицій — вони нецікаві і нудні.

На рахунок web-клипартів:

Ніколи, НІКОЛИ не користуйтеся web-клипартами. Нічого доброго там все одно немає (одна вульгарщина), а дизайн зроблений з нуля (за допомогою графічного редактора, наприклад Photoshop CS) завжди вигідно відрізняється від напханого готовими і невідповідними один до одного web-елементами і з цього огидно потворного клону.

На рахунок фоток і чужих фоток:

Використовувати можна, від цього нікуди не дітися, але обов’язково редагувати (в формат jpg, png або gif. Розмір фотографій зменшувати якомога сильніше. Чим менше важить сторінка, тим швидше вона завантажиться, тим більше шансів що її завантаження дочекаються) і адаптувати під свій дизайн. І природно вибирати найбільш підходящий, сюжет 🙂

На рахунок анімації:

Анімація відволікає, дратує і до того ж багато важить. Використовувати дуже обережно, головне не перестаратися.

На рахунок стильності:

Намагайтеся витримувати ВЕСЬ сайт в одному стильовому графічному рішенні. Тобто НЕ оформляйте кожну сторінку по різному на 100%

На рахунок шрифту:

Якщо це заголовки — на ваш розсуд, але не перестарайтеся 🙂 Якщо це основний текст, то варіанти тільки два: c зарубками або без них (залежить від наявності використовуваного вами шрифту на комп’ютері користувача. А довантажувати задуманий вами і відсутній шрифту ніхто не буде) . Можна звичайно спробувати зробити екзотичний текст однією картинкою. У домашній сторінці це не забороняється, але воно вам треба. )

На рахунок екранного розміру:

Сміливо робіть сайт жорсткої верстки під 1024х768 (реальний розмір вашої картинки для головної сторінки буде по горизонталі точно 955, а по вертикалі краще не перевищувати 600 але це не критично, для внутрішніх сторінок — по горізонтаолі 955, по вертикалі скільки завгодно) пікселів. Або, якщо хочете, гумовий 100% (на весь монітор незалежно від його розміру і дозволу) Але така верстка не в приклад складніше буде.

Правда зараз близько 10% користувачів все ще користуються здатністю 800×600 і застарілими відеокартки, а це не правильно. Тому, що інтернет зробив крок вперед, а вони добровільно себе обмежили.

На рахунок копірайту:

Якщо зважитеся підписатися під дізайномі і в підписі прописати посилання на свою електронну пошту — ПАМ’ЯТАЙТЕ ПРО спамери (які збирають ваші адреси та потім вам паскудять своїм спамом) і не вказуйте ваш справжній поштову адресу, краще зареєструйте і пропишіть який-небудь працюючий але неактуальне адресу типу 21арва@mail.ru і зробіть з нього редирект (перенаправлення) на ваш "істинний" поштову скриньку. Така адреса-редирект не шкода засвітити і при великій кількості приходить спаму легко викинути і завести новий.

Бізнес-модель майбутнього сайту.

Дизайн і зручність — це зрозуміло. Але важливіше правильна структура сторінки. Для домашніх сторінок це не так суттєво, але все ж.

1. Продумати панель кнопок навігації по сайту (т.е на головну, повернутися, наверх, контакти і тд.)

2. Продумати панель кнопок інформаційних розділів сайту (тобто статті, галереї, сервіси і т.д)

3. Усвідомити для себе і дати зрозуміти відвідувачу, ніж ваш сайт вигідно відрізняється від мільйонів аналогів (відмітні особливості сайту — запорука успіху)

4. Вирішити, що такого незвичайного і цікавого, чого немає в інших, запропонує ваш сайт відвідувачеві (функціональні можливості сайту — запорука успіху)

5. Додати на сайт інтерактивні можливості (гостьова книга, форум, голосування і т.д)

А потім піде програмування і всякі заморочки типу: Як правильно прописати на сторінці інформацію для браузерів і пошукових систем. 

Сподобалася стаття? Поділися нею з друзями!