Создание простого сайта
TRANSCRIPT
Пятая Удмуртская
Интернет-конференция
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
• Управление пользователями
• Защита паролем
• Индивидуальные адреса страниц
• Написать в будущем
• Загрузка файлов
• Встроенный поиск по сайту
• Модерирование