Как создать сайт за 2 часа?
Алексей Прогонный
В будущем на рынке останется
два вида компаний:
те, кто в Интернете и
те, кто вышел из бизнеса.
Билл Гейтс
Какие бывают сайты?
http://www.electrifyingtimes.com
http://www.jamilin.com
http://donswansonracingschool.com
http://www.freshbooks.com
http://www.whitehouse.gov
http://evernote.com
Из чего состоит веб-сайт?
ИДЕЯ
Нет ничего невозможного!
Дизайн
— вид графического дизайна,
направленный на разработку и
оформление объектов
информационной среды интернета,
призванный обеспечить им высокие
потребительские свойства и
эстетические качества.
Верстка
HTML – HyperText Mark-up
Language
(Гипертекстовый язык разметки)
CSS – Cascading Style Sheets
(Каскадные таблицы стилей)
Разработка
PHP – Hypertext Preprocessor
(препроцессор гипертекста)
WordPress — система
управления содержимым
сайта с открытым исходным
кодом.
Трудность работы с
программистом
заключается в том, что
вы не можете понять что
он делает до тех пор
пока не стало слишком
поздно.
Сеймур Крей
Обучение
программированию
не может научить быть
экспертом, также как и
изучение кистей и
красок не может
превратить кого-либо
в художника.
Эрик С. Реймонд
Тестирование
— процесс исследования
программного обеспечения (ПО) с
целью получения информации о
качестве продукта.
Продвижение
— это комплекс мер по
обеспечению посещаемости
сайта целевыми
посетителями (клиенты,
заинтересованные в товаре
или услуге, представляемой
на продвигаемом сайте).
Веб-сайт
- Продуманный
- Приятный в работе
- Логичный
- Удобный
- Быстрый
- Посещаемый
- Успешный
Начнем?
Шаг за шагом
1. Настройка локального сервера
2. Установка и настройка Wordpress
3. Создание главной страницы сайта
4. Создание страницы новостей
5. Создание страницы контактов
6. Смена темы оформления
7. Регистрация домена и хостинга
8. Загрузка файлов сайта на хостинг
Настройка локального сервера
1. Скачать и распаковать архив с локальным
сервером XAMPP.
2. Установить локальный сервер. (setup-
xampp.bat)
3. Запустить локальный сервер. (xampp-
control.bat)
4. Проверить работу сервера: (http://localhost/)
Установка и настройка Wordpress
1. Скачать и распаковать архив с wordpress в
папку «./xampp/htdocs».
2. Создать базу данных для wordpress.
(http://localhost/phpmyadmin)
3. Установить и настроить wordpress.
(http://localhost/)
4. Пройти все шаги установки.
Создание главной страницы сайта
1. Создать новую страницу в меню «Страницы ->
Создать новую».(Опубликовать!)
2. Перейти в меню «Параметры -> Чтение» и
установить опцию «На главной странице
отображать» в «Статическую страницу».
3. Настройте отображение виджетов в меню
«Внешний вид -> Виджеты».
4. Создайте дополнительные страницы сайта
аналогично.
Создание страницы новостей
1. Создать новую страницу «Новости» в меню
«Страницы->Создать новую».(Опубликовать!)
2. Перейти в меню «Параметры->Чтение» и
установить опцию «Страница записей:» в
«Новости».
3. Добавьте и настройте рубрики/метки в
разделах меню «Записи->Рубрики»/ «Записи-
>Метки».
Создание страницы контактов
1. Перейдите в меню «Плагины->Добавить
новый» и установите плагин «Contact Form».
2. Настройте плагин в меню «BWS Plugins ->
Контактная форма».
3. Создайте новую страницу, с кодом
«[contact_form]» внутри.
Смена темы оформления
1. Перейдите в меню «Внешний вид->Темы», на
вкладку «Установить темы».
2. Выберите и установите тему «BlogoLife 2.0.1».
3. Настройте тему в меню «Внешний вид-
>Wplook Panel»
4. Наслаждайтесь! 
Регистрация домена и хостинга
1. Перейдите на сайт http://ukraine.com.ua/ и
выберите доменное имя с помощью поля
«Регистрация доменов».
2. Оформите заказ домена и хостинга на год
через корзину.
3. Воспользуйтесь файл-менеджером/ftp-
клиентом чтобы загрузить файлы на сервер.
Алексей Прогонный
fb.com/oprohonnyi
oprogonniy@gmail.com
Спасибо за внимание!

Как создать сайт за 2 часа? (Wordpress)

  • 1.
    Как создать сайтза 2 часа? Алексей Прогонный
  • 2.
    В будущем нарынке останется два вида компаний: те, кто в Интернете и те, кто вышел из бизнеса. Билл Гейтс
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
    Дизайн — вид графическогодизайна, направленный на разработку и оформление объектов информационной среды интернета, призванный обеспечить им высокие потребительские свойства и эстетические качества.
  • 13.
    Верстка HTML – HyperTextMark-up Language (Гипертекстовый язык разметки) CSS – Cascading Style Sheets (Каскадные таблицы стилей)
  • 14.
    Разработка PHP – HypertextPreprocessor (препроцессор гипертекста) WordPress — система управления содержимым сайта с открытым исходным кодом.
  • 15.
    Трудность работы с программистом заключаетсяв том, что вы не можете понять что он делает до тех пор пока не стало слишком поздно. Сеймур Крей
  • 16.
    Обучение программированию не может научитьбыть экспертом, также как и изучение кистей и красок не может превратить кого-либо в художника. Эрик С. Реймонд
  • 17.
    Тестирование — процесс исследования программногообеспечения (ПО) с целью получения информации о качестве продукта.
  • 18.
    Продвижение — это комплексмер по обеспечению посещаемости сайта целевыми посетителями (клиенты, заинтересованные в товаре или услуге, представляемой на продвигаемом сайте).
  • 19.
    Веб-сайт - Продуманный - Приятныйв работе - Логичный - Удобный - Быстрый - Посещаемый - Успешный
  • 20.
  • 21.
    Шаг за шагом 1.Настройка локального сервера 2. Установка и настройка Wordpress 3. Создание главной страницы сайта 4. Создание страницы новостей 5. Создание страницы контактов 6. Смена темы оформления 7. Регистрация домена и хостинга 8. Загрузка файлов сайта на хостинг
  • 22.
    Настройка локального сервера 1.Скачать и распаковать архив с локальным сервером XAMPP. 2. Установить локальный сервер. (setup- xampp.bat) 3. Запустить локальный сервер. (xampp- control.bat) 4. Проверить работу сервера: (http://localhost/)
  • 23.
    Установка и настройкаWordpress 1. Скачать и распаковать архив с wordpress в папку «./xampp/htdocs». 2. Создать базу данных для wordpress. (http://localhost/phpmyadmin) 3. Установить и настроить wordpress. (http://localhost/) 4. Пройти все шаги установки.
  • 24.
    Создание главной страницысайта 1. Создать новую страницу в меню «Страницы -> Создать новую».(Опубликовать!) 2. Перейти в меню «Параметры -> Чтение» и установить опцию «На главной странице отображать» в «Статическую страницу». 3. Настройте отображение виджетов в меню «Внешний вид -> Виджеты». 4. Создайте дополнительные страницы сайта аналогично.
  • 25.
    Создание страницы новостей 1.Создать новую страницу «Новости» в меню «Страницы->Создать новую».(Опубликовать!) 2. Перейти в меню «Параметры->Чтение» и установить опцию «Страница записей:» в «Новости». 3. Добавьте и настройте рубрики/метки в разделах меню «Записи->Рубрики»/ «Записи- >Метки».
  • 26.
    Создание страницы контактов 1.Перейдите в меню «Плагины->Добавить новый» и установите плагин «Contact Form». 2. Настройте плагин в меню «BWS Plugins -> Контактная форма». 3. Создайте новую страницу, с кодом «[contact_form]» внутри.
  • 27.
    Смена темы оформления 1.Перейдите в меню «Внешний вид->Темы», на вкладку «Установить темы». 2. Выберите и установите тему «BlogoLife 2.0.1». 3. Настройте тему в меню «Внешний вид- >Wplook Panel» 4. Наслаждайтесь! 
  • 28.
    Регистрация домена ихостинга 1. Перейдите на сайт http://ukraine.com.ua/ и выберите доменное имя с помощью поля «Регистрация доменов». 2. Оформите заказ домена и хостинга на год через корзину. 3. Воспользуйтесь файл-менеджером/ftp- клиентом чтобы загрузить файлы на сервер.
  • 29.