Як Створити Свій Сайт

У наш час сайт — це інструмент з допомогою якого можна вирішити безліч питань.До створення сайту потрібно підходити грамотно.І тому при створенні сайту потрібно враховувати всі фактори сайту.Для Вас Блог Олександра Яценко представляє повний список веб — технологій для створення сайту з нуля і мінімальними вкладеннями.

Мета сайту

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

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

Як бачите, мета може бути різною, так що далі справа за вами, я впевнений ви розберетеся зі своїми цілями для сайту.

Вибираємо тему сайту

Вибір теми для сайту у багатьох викликає проблему, ось приклад з моїм другом він із задоволенням хотів би вести сайт в мережі інтернет, але в нього проблема, він не знає, про що писати.А вся проблема в тому, що він не сфокусувався на тому, що йому цікаво робити, чим займатися, як проводити час і т.п., а «забив» голову всякою нісенітницею.Загалом, накрутив себе не потрібним.Мовляв, для цього потрібні спеціальні знання і т.п..Чесно переді мною теж свого часу стояла проблема вибору теми для свого майбутнього сайту.Сидів, думав, що ж писати?Зібрався думками сів і почав міркувати, ніж мені цікаво займатися.І до мене прийшла ідея: Якщо мені подобається створення сайтів їх розкручування і заробіток на них, то чому б не ділитися цим досвідом зі всесвітньою павутиною?Так і народився мій сайт про створення, просуванні і заробітку на сайті.

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

Опис сайту

В описі сайту ми повинні розібратися в таких питаннях, як:

Для кого — цільова аудиторія:

1.Потенційні клієнти;

2.Сервісні центри;

3.Інтернет магазини;

4.Партнерів;

5.І т.п..;

Для чого потрібен сайт:

1.Для підвищення іміджу;

2.Для збільшення продажів;

3.Для зручності клієнтів;

4.І т.п..;

Тип сайту:

1.Корпоративний;

2.Інтернет — магазин;

3.Сайт — візитка;

4.І т.п..;

Я зик сайту:

1.Англійська;

2.Російський;

3.Українки;

4.І т.п..;

В описі сайту ми з вами розібралися.Переходимо до функціонала.

Функціонал сайту

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

Наприклад:

1.Чи потрібен блок новин;

2.Чи потрібен блок розсилки;

3.Чи потрібен блок реклами;

4.Чи потрібна реєстрація на сайті;

5.Чи потрібна форма зворотнього зв’язку;

6.І т.п.;

І так, ми вирішили, який функціонал буде на нашому сайті.Далі потрібно весь це функціонал зібрати компактно, щоб користувачеві було зручно сприймати на очі.

Опис функціонала

Функціонал скомпонувати потрібно так, щоб чітко уявляти структуру меню.Наше меню зробимо з випадним списком.Першим кроком ми розповімо «Про компанії» в неї можуть увійти підпункти: контакти, відгуки, вакансії.Другим кроком розділ «Новини», тут наприклад підпункти: події, акції, презентації.Третім кроком «Послуги» підпункти: каталог послуг, відгуки про послугу.Я впевнений, ви вловили суть, нижче представлений повний список нашого меню з усіма підпунктами.

Про компанію

* Контакти

* Відгуки

* Вакансії

Новини

* Події

* Акції

* Презентації

Послуги

* Каталог послуг

* Відгуки про послугу

Магазин

* Товари

* Відгуки про товар

Сервіс

* Про сервіс

* Служба сервісу

* Гарантійне обслуговування

Партнерам

* Часті питання

* Запрошуємо до співпраці

Створюємо сайт на папері

Тепер потрібно намалювати приблизний макет, його можна намалювати на папері простим олівцем.

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

Програма для створення сайтів

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

1.Notepad + +

2.phpDesigner7

1.Програма Notepad + + є абсолютно безкоштовним редактором для файлів містять звичайний текст (по суті це просто заміна стандартного Блокнота).Програма орієнтована для роботи в операційних системах сімейства Windows і підтримує підсвічування синтаксису величезної кількості мов програмування.

* Підсвічування тексту і можливість згортання блоків, згідно синтаксису мови програмування

* C, C + +, Java, XML, HTML, PHP, JavaScript, ASCII, VB / VBS, SQL, CSS, Pascal, Perl, Python, Lua, TCL, Assembler

* Є вбудований WYSIWYG редактор (при якому що бачиш, то і отримаєш, тобто надрукований і відредагований текст можна отримати в точності таким, яким він був відображений на екрані монітора).

* У програмі користувачі самі можуть налаштовувати шаблон підсвічування синтаксису.

* Авто-додруковування слова, яке ви набираєте.

* Є можливість одночасно працювати з декількома документами.

* Є можливість одночасно переглядати безліч документів.

* Програма підтримує регулярні вирази Пошуку / Заміни.

* Програма повністю підтримує перетягування уривків тексту.

* Користувачі можуть динамічно змінювати вікна перегляду.

* Програма вміє автоматично визначати стан файлів.

* Є функції збільшення і зменшення.

* Програма підтримує велику кількість мов.

* За допомогою цієї програми користувачі можуть залишати замітки.

* При редагуванні тексту автоматично виділяються дужки.

* Також в програмі є можливість записувати та виконувати макроси.

2.phpDesigner 7 — програма для створення, редагування, налагодження, аналізу і публікації веб-сторінок і додатків на мові PHP.PHP Designer 7 однаково підходить як для початківців програмістів, так і для професійних розробників.Крім PHP, програма PHP Designer 7 підтримує HTML, MySQL, XML, CSS, javascript, VBScript, JAVA, C, Python і Ruby.Також ідеально підходить для WAMP / LAMP — і AJAX-розробників, оскільки володіє засобами для автоматичного підсвічування коду.

Основні функції phpDesigner 7:

— Розумна підсвічування синтаксису для безлічі мов

— Перевірка синтаксису для PHP, HTML і CSS

— Автоматичне завершення коду для PHP, HTML, CSS і javascript

— Підказки для PHP і javascript

— Інтуїтивна навігація по об’єктах вашого коду

— Інспектор коду для HTML

— Кодовий оглядач для PHP, CSS і javascript

— Перехід до будь оголошенню PHP, CSS і javascript

— Налагодження і профілювання PHP скриптів з допомогою Xdebug

— Легкий у використанні інтерфейс програми.

Яким редактором користуватися вирішувати Вам, можу сказати тільки, що Notepad + + і phpDesignr7 хороші для роботи.

З повагою, Блог Олександра Яценко