SlideShare a Scribd company logo
Как создать сайт за 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
Спасибо за внимание!

More Related Content

What's hot (14)

PDF
C# Web. Занятие 15.
Igor Shkulipa
 
PPTX
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordCamp Kyiv
 
PPT
Обзор Java Cms
Oleg Flo
 
PPTX
MS Office 2007 for reporters
Alexander Babich
 
PDF
Создание сайта. Начало (TemplateMonster Russia)
my1site
 
PDF
Зачем нужна активация посетителей и что такое User onboarding
ConcertWith.me
 
PPTX
Create a site in a preschool educational
Victor Filimonov
 
PDF
Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс
yaevents
 
PPT
Каждый может стать немножко программистом
Tatyana Bragina
 
PDF
1 2 2_1_c-bitrix_kuleshov
elenae00
 
PDF
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp
 
PPTX
Что такое SEO: полноценный план продвижения сайта.
Александр Лысяк
 
C# Web. Занятие 15.
Igor Shkulipa
 
WordPress Kitchen 2014 - Дмитрий Курикша: WP для клиента. Прячем лишнее под к...
WordCamp Kyiv
 
Обзор Java Cms
Oleg Flo
 
MS Office 2007 for reporters
Alexander Babich
 
Создание сайта. Начало (TemplateMonster Russia)
my1site
 
Зачем нужна активация посетителей и что такое User onboarding
ConcertWith.me
 
Create a site in a preschool educational
Victor Filimonov
 
Тема для WordPress в БЭМ. Владимир Гриненко, Яндекс
yaevents
 
Каждый может стать немножко программистом
Tatyana Bragina
 
1 2 2_1_c-bitrix_kuleshov
elenae00
 
WebCamp2016:Front-End_Юрий Артюх_Современные подходы в верстке
WebCamp
 
Что такое SEO: полноценный план продвижения сайта.
Александр Лысяк
 

Viewers also liked (20)

PPT
Разработка веб-сайта. Сайт. Зачем он?
Oleksii Prohonnyi
 
PPTX
Front-end rich JavaScript application creation (Backbone.js)
Oleksii Prohonnyi
 
PPTX
Dive into Angular, part 3: Performance
Oleksii Prohonnyi
 
PPTX
Conference DotJS 2015 Paris review
Oleksii Prohonnyi
 
PPTX
Cycle.js overview
Oleksii Prohonnyi
 
PPTX
Exploradores.caroes
maryespitia
 
PPTX
Dive into Angular, part 5: Experience
Oleksii Prohonnyi
 
PPTX
Asm.js introduction
Oleksii Prohonnyi
 
PPTX
Moment.js overview
Oleksii Prohonnyi
 
PPTX
Chorme devtools
傑倫 鍾
 
PPTX
Utility libraries to make your life easier
Oleksii Prohonnyi
 
PPTX
OpenLayer's basics
Oleksii Prohonnyi
 
PPTX
D3.JS Tips & Tricks (export to svg, crossfilter, maps etc.)
Oleksii Prohonnyi
 
PPTX
Dive into Angular, part 1: Introduction
Oleksii Prohonnyi
 
PPTX
Bower introduction
Oleksii Prohonnyi
 
PDF
Chrome DevTools Awesome 10 Features +1
yoshikawa_t
 
PPTX
Google Chrome DevTools features overview
Oleksii Prohonnyi
 
PPTX
Introduction to D3.js
Oleksii Prohonnyi
 
PPTX
JavaScript Presentation Frameworks and Libraries
Oleksii Prohonnyi
 
PPTX
Dive into Angular, part 4: Angular 2.0
Oleksii Prohonnyi
 
Разработка веб-сайта. Сайт. Зачем он?
Oleksii Prohonnyi
 
Front-end rich JavaScript application creation (Backbone.js)
Oleksii Prohonnyi
 
Dive into Angular, part 3: Performance
Oleksii Prohonnyi
 
Conference DotJS 2015 Paris review
Oleksii Prohonnyi
 
Cycle.js overview
Oleksii Prohonnyi
 
Exploradores.caroes
maryespitia
 
Dive into Angular, part 5: Experience
Oleksii Prohonnyi
 
Asm.js introduction
Oleksii Prohonnyi
 
Moment.js overview
Oleksii Prohonnyi
 
Chorme devtools
傑倫 鍾
 
Utility libraries to make your life easier
Oleksii Prohonnyi
 
OpenLayer's basics
Oleksii Prohonnyi
 
D3.JS Tips & Tricks (export to svg, crossfilter, maps etc.)
Oleksii Prohonnyi
 
Dive into Angular, part 1: Introduction
Oleksii Prohonnyi
 
Bower introduction
Oleksii Prohonnyi
 
Chrome DevTools Awesome 10 Features +1
yoshikawa_t
 
Google Chrome DevTools features overview
Oleksii Prohonnyi
 
Introduction to D3.js
Oleksii Prohonnyi
 
JavaScript Presentation Frameworks and Libraries
Oleksii Prohonnyi
 
Dive into Angular, part 4: Angular 2.0
Oleksii Prohonnyi
 
Ad

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

PDF
Osvaivaem 250px max_shirshin
yaevents
 
PPT
Trening modul2-webinar10
olgaoov
 
PDF
Максим Ширшин "Яндекс.Панель: осваиваем 250px"
Yandex
 
PPTX
Курсовая работа. Презентация
Владислав Киптенко
 
PDF
Php intro rus
aDDDitive
 
PPTX
Vladimir Unev
ArchiOFF
 
PPTX
Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...
Академия интернет-маркетинга «WebPromoExperts»
 
PPT
Управляем сайтом: Быстро. Просто. Эффективно.
Евгений Курбанов
 
PDF
Seo проектирование сайта
Ирина Шамина
 
PDF
Artery, company presentation
Oleksandr Yatsenko
 
PPTX
Новые возможности развертывания и масштабирования open source приложений в Az...
Artur Baranok
 
PDF
Губкин Александр
Александ Губкин
 
PPT
PHP
Vasya Petrov
 
PDF
Продвижение отраслевого сайта. Практикум
imba_ru
 
PPS
Виртуальный хостинг
1С-Битрикс
 
PPTX
презентация сайтостроение
Palados
 
PPT
дипломная презентация по разработке Web приложений на основе flash-технологий
Ivan Simanov
 
PPTX
Web сайт - гиперструктура данных
Елена Ключева
 
PPTX
Cms(content management system)
DiMeDRoL91
 
Osvaivaem 250px max_shirshin
yaevents
 
Trening modul2-webinar10
olgaoov
 
Максим Ширшин "Яндекс.Панель: осваиваем 250px"
Yandex
 
Курсовая работа. Презентация
Владислав Киптенко
 
Php intro rus
aDDDitive
 
Vladimir Unev
ArchiOFF
 
Как правильно продвигать «молодые» сайты: секреты успеха в SEO. Вебинар WebPr...
Академия интернет-маркетинга «WebPromoExperts»
 
Управляем сайтом: Быстро. Просто. Эффективно.
Евгений Курбанов
 
Seo проектирование сайта
Ирина Шамина
 
Artery, company presentation
Oleksandr Yatsenko
 
Новые возможности развертывания и масштабирования open source приложений в Az...
Artur Baranok
 
Губкин Александр
Александ Губкин
 
Продвижение отраслевого сайта. Практикум
imba_ru
 
Виртуальный хостинг
1С-Битрикс
 
презентация сайтостроение
Palados
 
дипломная презентация по разработке Web приложений на основе flash-технологий
Ivan Simanov
 
Web сайт - гиперструктура данных
Елена Ключева
 
Cms(content management system)
DiMeDRoL91
 
Ad

More from Oleksii Prohonnyi (10)

PPTX
Dive into Angular, part 2: Architecture
Oleksii Prohonnyi
 
PPTX
Code review process with JetBrains UpSource
Oleksii Prohonnyi
 
PPTX
BEM methodology overview
Oleksii Prohonnyi
 
PPTX
Front-end development introduction (JavaScript). Part 2
Oleksii Prohonnyi
 
PPTX
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
PPTX
Test-driven development & Behavior-driven development basics
Oleksii Prohonnyi
 
PPTX
JavaScript Coding Guidelines
Oleksii Prohonnyi
 
PPTX
Database Optimization (MySQL)
Oleksii Prohonnyi
 
PPTX
PHPCS (PHP Code Sniffer)
Oleksii Prohonnyi
 
PPTX
Usability of UI Design (motivation, heuristics, tools)
Oleksii Prohonnyi
 
Dive into Angular, part 2: Architecture
Oleksii Prohonnyi
 
Code review process with JetBrains UpSource
Oleksii Prohonnyi
 
BEM methodology overview
Oleksii Prohonnyi
 
Front-end development introduction (JavaScript). Part 2
Oleksii Prohonnyi
 
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
Test-driven development & Behavior-driven development basics
Oleksii Prohonnyi
 
JavaScript Coding Guidelines
Oleksii Prohonnyi
 
Database Optimization (MySQL)
Oleksii Prohonnyi
 
PHPCS (PHP Code Sniffer)
Oleksii Prohonnyi
 
Usability of UI Design (motivation, heuristics, tools)
Oleksii Prohonnyi
 

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