SlideShare a Scribd company logo
Пятая Удмуртская
Интернет-конференция
http://uic.events
Создание простого сайта
Основы работы сайта
Что такое WordPress
Создание сайта
HTML
Язык гипертекстовой разметки
Структура
<html>
<head>
<meta http-equiv="Content-Type" content="text/html/>
</head>
<body>
<p>
<b>
Этот текст будет полужирным,
<i>
а этот - ещё и курсивным
</i>
</b>
</p>
</body>
</html>
Браузеры
Специальные приложения, которые отображают html-
документ в его форматированном виде, а также
предоставляют пользователю удобный интерфейс для
запроса страниц
Основные теги HTML
<a href="link">
Текст ссылки
</a>
Тег <a> является
одним из важных
элементов HTML и
предназначен для
создания ссылок.
Тег <a>
Основные теги HTML
<p>
Текст
</p>
Определяет текстовый
параграф
Тег <p>
Основные теги HTML
<img src="link"> Тег <img> предназначен
для отображения на
веб-странице изображений
в графическом формате gif,
jpeg или png.
Тег <img>
Основные теги HTML
<ul>
<li>элемент списка</li>
</ul>
<ol>
<li>элемент списка</li>
</ol>
Тег <li> определяет
отдельный элемент списка.
Внешний тег <ul> или <ol>
устанавливает тип списка
— маркированный или
нумерованный.
Теги <ul> и <ol>
CSS
Каскадные таблицы стилей
Пример
Текст Текст
<p>
Текст
</p>
p {
width: 100px;
height: 50px;
background: pink;
color: white;
text-align: center;
}
CMS
Система управления контентом
Особенности
• Удобное подключение шаблонов оформления
• База данных
• Удобные инструменты создания и изменения
содержимого
• Средства публикации информации
• Разграничение прав доступа между
пользователями
• Система контроля
• Возможность резервного копирования и
восстановления
CMS
WordPress
Бесплатная платформа для публикаций
Особенности WordPress
Платформа ориентирована на ведение
персональных публикаций, содержащая
отличный набор возможностей для того,
чтобы максимально упростить процесс
создания онлайн-публикаций и сделать
его приятным и удобным.
Особенности WordPress
• Управление пользователями
• Защита паролем
• Индивидуальные адреса страниц
• Написать в будущем
• Загрузка файлов
• Встроенный поиск по сайту
• Модерирование

More Related Content

Similar to Создание простого сайта

Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1itc73
 
Структура HTML документа (HTML5 тема 01 - структура html документа)
Структура HTML документа (HTML5 тема 01 - структура html документа)Структура HTML документа (HTML5 тема 01 - структура html документа)
Структура HTML документа (HTML5 тема 01 - структура html документа)
Noveo
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
Яковенко Кирилл
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документаAndrey Radionov
 
lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdf
mmmitioglo
 
JavaScript Базовый. Занятие 09.
JavaScript Базовый. Занятие 09.JavaScript Базовый. Занятие 09.
JavaScript Базовый. Занятие 09.
Igor Shkulipa
 
Практикум Web программирование
Практикум Web программированиеПрактикум Web программирование
Практикум Web программирование
Rauan Ibraikhan
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайт
United Design
 
Trening modul2-webinar11
Trening modul2-webinar11Trening modul2-webinar11
Trening modul2-webinar11
olgaoov
 
7. ссылки простые и почтовые
7. ссылки простые и почтовые7. ссылки простые и почтовые
7. ссылки простые и почтовые
Sergei Dubrov
 
HTML5. Будем знакомы! Павел Ловцевич
HTML5. Будем знакомы! Павел ЛовцевичHTML5. Будем знакомы! Павел Ловцевич
HTML5. Будем знакомы! Павел Ловцевич
Транслируем.бел
 
лекция №10
лекция №10лекция №10
лекция №10student_kai
 
презентация Day4
презентация Day4презентация Day4
презентация Day4Bulatov Edward
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрейVlado Sudin
 

Similar to Создание простого сайта (20)

Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Верстка_Лекция_1
Верстка_Лекция_1Верстка_Лекция_1
Верстка_Лекция_1
 
Структура HTML документа (HTML5 тема 01 - структура html документа)
Структура HTML документа (HTML5 тема 01 - структура html документа)Структура HTML документа (HTML5 тема 01 - структура html документа)
Структура HTML документа (HTML5 тема 01 - структура html документа)
 
Лекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страницЛекция #3. Введение в языки разметки web-страниц
Лекция #3. Введение в языки разметки web-страниц
 
модуль 1
модуль 1модуль 1
модуль 1
 
Lection1
Lection1Lection1
Lection1
 
Структура html документа
Структура html документаСтруктура html документа
Структура html документа
 
HTML
HTMLHTML
HTML
 
lesson3_HTML_rus.pdf
lesson3_HTML_rus.pdflesson3_HTML_rus.pdf
lesson3_HTML_rus.pdf
 
JavaScript Базовый. Занятие 09.
JavaScript Базовый. Занятие 09.JavaScript Базовый. Занятие 09.
JavaScript Базовый. Занятие 09.
 
Практикум Web программирование
Практикум Web программированиеПрактикум Web программирование
Практикум Web программирование
 
Как создать сайт
Как создать сайтКак создать сайт
Как создать сайт
 
Trening modul2-webinar11
Trening modul2-webinar11Trening modul2-webinar11
Trening modul2-webinar11
 
7. ссылки простые и почтовые
7. ссылки простые и почтовые7. ссылки простые и почтовые
7. ссылки простые и почтовые
 
HTML5. Будем знакомы! Павел Ловцевич
HTML5. Будем знакомы! Павел ЛовцевичHTML5. Будем знакомы! Павел Ловцевич
HTML5. Будем знакомы! Павел Ловцевич
 
лекция №10
лекция №10лекция №10
лекция №10
 
презентация Day4
презентация Day4презентация Day4
презентация Day4
 
презентация Day4
презентация Day4презентация Day4
презентация Day4
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 
сысоев андрей
сысоев андрейсысоев андрей
сысоев андрей
 

More from Lena Frum

Возможности Google Analytics
Возможности Google AnalyticsВозможности Google Analytics
Возможности Google Analytics
Lena Frum
 
Новые домены - новые возможности для бизнеса
Новые домены - новые возможности для бизнесаНовые домены - новые возможности для бизнеса
Новые домены - новые возможности для бизнеса
Lena Frum
 
Как заставить работать статистику интернет магазина: технологии DataMining
Как заставить работать статистику интернет магазина: технологии DataMiningКак заставить работать статистику интернет магазина: технологии DataMining
Как заставить работать статистику интернет магазина: технологии DataMining
Lena Frum
 
Новые возможности 2GIS
Новые возможности 2GISНовые возможности 2GIS
Новые возможности 2GIS
Lena Frum
 
Чем могут помочь бизнесу социальные сети
Чем могут помочь бизнесу социальные сетиЧем могут помочь бизнесу социальные сети
Чем могут помочь бизнесу социальные сети
Lena Frum
 
Seo_региональное продвижение сайтов
Seo_региональное продвижение сайтовSeo_региональное продвижение сайтов
Seo_региональное продвижение сайтов
Lena Frum
 
Яндекс.директ_обзор осенних новинок
Яндекс.директ_обзор осенних новинокЯндекс.директ_обзор осенних новинок
Яндекс.директ_обзор осенних новинок
Lena Frum
 
Битрикс24: выжимаем из бизнеса максимум
Битрикс24: выжимаем из бизнеса максимумБитрикс24: выжимаем из бизнеса максимум
Битрикс24: выжимаем из бизнеса максимум
Lena Frum
 
Лучшие технологии борьбы за покупателя в Интернете
Лучшие технологии борьбы за покупателя в ИнтернетеЛучшие технологии борьбы за покупателя в Интернете
Лучшие технологии борьбы за покупателя в Интернете
Lena Frum
 
UIC 2015_VI Удмуртская интернет-конференция
UIC 2015_VI Удмуртская интернет-конференцияUIC 2015_VI Удмуртская интернет-конференция
UIC 2015_VI Удмуртская интернет-конференция
Lena Frum
 
Новые домены как инструмент для развития бизнеса
Новые домены как инструмент для развития бизнесаНовые домены как инструмент для развития бизнеса
Новые домены как инструмент для развития бизнеса
Lena Frum
 
12 инструментов для отрыва от конкурентов
12 инструментов для отрыва от конкурентов12 инструментов для отрыва от конкурентов
12 инструментов для отрыва от конкурентов
Lena Frum
 
Социальные сети для бизнеса
Социальные сети для бизнесаСоциальные сети для бизнеса
Социальные сети для бизнеса
Lena Frum
 
Управление интернетом. Правовое регулирование и последние законодательные ини...
Управление интернетом. Правовое регулирование и последние законодательные ини...Управление интернетом. Правовое регулирование и последние законодательные ини...
Управление интернетом. Правовое регулирование и последние законодательные ини...
Lena Frum
 
тенденции развития интернета в 2015 году
тенденции развития интернета в 2015 годутенденции развития интернета в 2015 году
тенденции развития интернета в 2015 году
Lena Frum
 
Онлайн-эффективность: как повысить прибыльность интернет-магазина
Онлайн-эффективность: как повысить прибыльность интернет-магазинаОнлайн-эффективность: как повысить прибыльность интернет-магазина
Онлайн-эффективность: как повысить прибыльность интернет-магазина
Lena Frum
 
Функционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
Функционал и сценарии работы интернет-магазина на примере платформы 1С-БитриксФункционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
Функционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
Lena Frum
 
CRM: клиента нужно знать в лицо
CRM: клиента нужно знать в лицоCRM: клиента нужно знать в лицо
CRM: клиента нужно знать в лицо
Lena Frum
 
Landing page
Landing pageLanding page
Landing page
Lena Frum
 
Email-маркетинг XXI века. Руководство
Email-маркетинг XXI века. РуководствоEmail-маркетинг XXI века. Руководство
Email-маркетинг XXI века. Руководство
Lena Frum
 

More from Lena Frum (20)

Возможности Google Analytics
Возможности Google AnalyticsВозможности Google Analytics
Возможности Google Analytics
 
Новые домены - новые возможности для бизнеса
Новые домены - новые возможности для бизнесаНовые домены - новые возможности для бизнеса
Новые домены - новые возможности для бизнеса
 
Как заставить работать статистику интернет магазина: технологии DataMining
Как заставить работать статистику интернет магазина: технологии DataMiningКак заставить работать статистику интернет магазина: технологии DataMining
Как заставить работать статистику интернет магазина: технологии DataMining
 
Новые возможности 2GIS
Новые возможности 2GISНовые возможности 2GIS
Новые возможности 2GIS
 
Чем могут помочь бизнесу социальные сети
Чем могут помочь бизнесу социальные сетиЧем могут помочь бизнесу социальные сети
Чем могут помочь бизнесу социальные сети
 
Seo_региональное продвижение сайтов
Seo_региональное продвижение сайтовSeo_региональное продвижение сайтов
Seo_региональное продвижение сайтов
 
Яндекс.директ_обзор осенних новинок
Яндекс.директ_обзор осенних новинокЯндекс.директ_обзор осенних новинок
Яндекс.директ_обзор осенних новинок
 
Битрикс24: выжимаем из бизнеса максимум
Битрикс24: выжимаем из бизнеса максимумБитрикс24: выжимаем из бизнеса максимум
Битрикс24: выжимаем из бизнеса максимум
 
Лучшие технологии борьбы за покупателя в Интернете
Лучшие технологии борьбы за покупателя в ИнтернетеЛучшие технологии борьбы за покупателя в Интернете
Лучшие технологии борьбы за покупателя в Интернете
 
UIC 2015_VI Удмуртская интернет-конференция
UIC 2015_VI Удмуртская интернет-конференцияUIC 2015_VI Удмуртская интернет-конференция
UIC 2015_VI Удмуртская интернет-конференция
 
Новые домены как инструмент для развития бизнеса
Новые домены как инструмент для развития бизнесаНовые домены как инструмент для развития бизнеса
Новые домены как инструмент для развития бизнеса
 
12 инструментов для отрыва от конкурентов
12 инструментов для отрыва от конкурентов12 инструментов для отрыва от конкурентов
12 инструментов для отрыва от конкурентов
 
Социальные сети для бизнеса
Социальные сети для бизнесаСоциальные сети для бизнеса
Социальные сети для бизнеса
 
Управление интернетом. Правовое регулирование и последние законодательные ини...
Управление интернетом. Правовое регулирование и последние законодательные ини...Управление интернетом. Правовое регулирование и последние законодательные ини...
Управление интернетом. Правовое регулирование и последние законодательные ини...
 
тенденции развития интернета в 2015 году
тенденции развития интернета в 2015 годутенденции развития интернета в 2015 году
тенденции развития интернета в 2015 году
 
Онлайн-эффективность: как повысить прибыльность интернет-магазина
Онлайн-эффективность: как повысить прибыльность интернет-магазинаОнлайн-эффективность: как повысить прибыльность интернет-магазина
Онлайн-эффективность: как повысить прибыльность интернет-магазина
 
Функционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
Функционал и сценарии работы интернет-магазина на примере платформы 1С-БитриксФункционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
Функционал и сценарии работы интернет-магазина на примере платформы 1С-Битрикс
 
CRM: клиента нужно знать в лицо
CRM: клиента нужно знать в лицоCRM: клиента нужно знать в лицо
CRM: клиента нужно знать в лицо
 
Landing page
Landing pageLanding page
Landing page
 
Email-маркетинг XXI века. Руководство
Email-маркетинг XXI века. РуководствоEmail-маркетинг XXI века. Руководство
Email-маркетинг XXI века. Руководство
 

Создание простого сайта