Как Создать Свой Сайт

В наше время сайт - это инструмент с помощью которого  можно решить множество вопросов. К созданию сайта нужно подходить грамотно. И поэтому при создании сайта нужно учитывать все факторы сайта. Для Вас Блог Александра Яценко представляет полный список веб - технологий для создания сайта с нуля и минимальными вложениями.

Цель сайта

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

Например, Цель: Привлечь больше покупателей, помочь сделать выбор, дать качественную информацию о продукции.

Как видите, цель может быть разной, так что дальше дело за вами, я уверен вы разберетесь со своими целями для сайта.

Выбираем тему сайта

Выбор темы  для сайта у многих вызывает  проблему, вот пример с моим другом он с удовольствием хотел бы вести сайт в сети интернет, но у него проблема, он не знает,  о чем писать. А вся проблема в том, что он не сфокусировался  на том, что ему интересно делать, чем заниматься, как проводить время и т.п., а «забил» голову всякой ерундой. В общем, накрутил себя не нужным. Мол, для этого нужны специальные знание и т.п.. Честно передо мной тоже в свое время стояла проблема выбора темы для своего будущего сайта. Сидел, думал, что же писать? Собрался мыслями сел и начал размышлять, чем мне интересно заниматься.  И ко мне пришла идея: Если мне нравится создание сайтов их раскрутка и заработок на них, то почему бы не делиться этим опытом со всемирной паутиной?  Так и родился мой сайт о создании, продвижении и заработке на сайте.

Уделите день своего времени останьтесь сам с собой возьмите  блокноте и ручку опишите, чем вам нравится заниматься, что вам приносит удовольствие , счастье. Когда напишете список я уверен, вы найдете тему для создания своего сайта.

Описания сайта

В описании сайта мы должны разобраться в таких вопросах, как:

Для кого – целевая аудитория:

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  хорошие для работы.

С уважением, Блог Александра Яценко