Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

417 views

Published on

Презентация к выступлению на І Международной научно-практической конференции "Сотрудничество между университетами и предприятиями в ІТ-аутсорсинге (ICCUBITO 2013)" в Харьковском национальном университете радиоэлектроники (ХНУРЭ)

Проект: Учебный Научно-Производственный Центр Аутсорсинга (УНПЦА)
Дата: 18.06.2013
Город: Харьков

Published in: Education
  • Be the first to comment

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

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

×