Top Banner
Пятая Удмуртская Интернет-конференция http://uic.events
17

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

Aug 04, 2015

Download

Internet

Lena Frum
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Создание простого сайта

Пятая Удмуртская

Интернет-конференция

http://uic.events

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

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

Основы работы сайта

Что такое WordPress

Создание сайта

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

HTML

Язык гипертекстовой разметки

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

Структура

<html>

<head>

<meta http-equiv="Content-Type" content="text/html/>

</head>

<body>

<p>

<b>

Этот текст будет полужирным,

<i>

а этот - ещё и курсивным

</i>

</b>

</p>

</body>

</html>

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

Браузеры

Специальные приложения, которые отображают html-документ в его форматированном виде, а также предоставляют пользователю удобный интерфейс для запроса страниц

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

Основные теги HTML

<a href="link"> Текст ссылки

</a>

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок.

Тег <a>

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

Основные теги HTML

<p> Текст

</p>

Определяет текстовый параграф

Тег <p>

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

Основные теги HTML

<img src="link"> Тег <img> предназначен для отображения на веб-странице изображений в графическом формате gif, jpeg или png.

Тег <img>

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

Основные теги HTML

<ul> <li>элемент списка</li>

</ul> <ol> <li>элемент списка</li>

</ol>

Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка — маркированный или нумерованный.

Теги <ul> и <ol>

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

CSS

Каскадные таблицы стилей

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

Пример

Текст Текст

<p> Текст </p>

p { width: 100px; height: 50px; background: pink; color: white; text-align: center;

}

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

CMS

Система управления контентом

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

Особенности

• Удобное подключение шаблонов оформления

• База данных

• Удобные инструменты создания и изменения содержимого

• Средства публикации информации

• Разграничение прав доступа между пользователями

• Система контроля

• Возможность резервного копирования и восстановления

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

CMS

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

WordPress

Бесплатная платформа для публикаций

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

Особенности WordPress

Платформа ориентирована на ведение персональных публикаций, содержащая отличный набор возможностей для того, чтобы максимально упростить процесс создания онлайн-публикаций и сделать его приятным и удобным.

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

Особенности WordPress

• Управление пользователями

• Защита паролем

• Индивидуальные адреса страниц

• Написать в будущем

• Загрузка файлов

• Встроенный поиск по сайту

• Модерирование