Тренинг Активный старт в интернет для профессионалов - модуль2-конференция2

1. Интернет-тренинг
Тема5
Проектирование и создание своего
информационного ресурса.

2. Конференция
Представляем и обсуждаем
наработки по сайтам
участников проекта.
Заполнение страниц контента и
рекомендации по корректировке стиля
контента.

3. Рекомендации при заполнении
страниц контента
1. Работать через Админку – добавлять и
корректировать страницы через
Управление страницами.
2. Ссылки на новые страницы добавлять
сразу – через Управление меню.
3. Если предполагается размещение
фотографий и рисунков – предварительно
загрузить их по фтп в папку I .

4. Ошибки при заполнении страниц
контента
1. ЧПУ страницы введено русскими буквами.
2. Не делается разметка страницы.
3. Не корректируется дизайн страницы.
4. Название фотографий и рисунков – на
русском языке.
5. Не проверяется регистр расширения
фотографии JPG уже не сработает,
нужно переименовать в jpg.
6. Фотографии для страниц контента
помещаются в Images.

5. http://opanasenko.org/microtext/
magneto-rus/

6. Страница контента
1. Нет
форматирования
2. Не назначен дизайн

7. Код страницы
переменные

8. Эта же
страница в
админке
переменные

9. Назначение дизайна

10. Выделяем заголовки

11. Делаем сдвиг цитаты вправо

12. Выделяем текст курсивом

13. Вставляем ссылку

14. Форматируем параграфы и списки

15. Сохраняем

16. Смотрим результат
Цитата не сдвинулась вправо, верхний регистр, ссылка
красная – не годится!

17. Корректируем : уберем тег <H3>, и
заменим его на теги <P> и <BR>

18. Опишем в файле стилей класс
class="t-right"
Корректируем в Блокноте и загружаем на
сервер по ФТП !

19. Класс
.t-right {text-align: right;}
p.t-right – относится только к тегу p
.t-right – относится ко всем тегам, где может
использоваться text-align – p, h, a, ...

20. Смотрим результат

21. В файле стилей ссылка была а{
описана color: #861004;
}
Меняем цвет ссылки по умолчанию, а красный
цвет ставим с классом

22. Смотрим результат

23. Рекомендации:
• Очень длинный текст. Нужно
структурировать и, желательно,
сократить.
• Добавить подзаголовки – желательно с
ключевыми словами для поисковых
систем.
• Добавить фотографии и рисунки.
• Добавить выделенные абзацы – цветом,
шрифтом, фоном и т.д.
• Если бы текст был короче – можно было
бы рекомендовать увеличить шрифт.

24. Главная страница

25. Поле контента:
Код дизайна для поля контента:
<div id="content">
<div id="left"> <span class="flt-lft"><img
src="template/images/thumbnail-1.jpg" alt="Thumbnail" /></span>
<h2><?php echo $title;?></h2>
<?php echo $content;?>
</div>
Описание области контента в файле стилей :
#content {
clear: both;
width: 776px;
background-image: url(images/content-bg.gif);
background-repeat: repeat;

26. Если оставить так, то на всех
страницах контента будут
высвечиваться эти рисунок и
фотография.
Рекомендации :
1. Фотографию перенести в папку I, и убрать с
шаблона дизайна. Вставить ее на главной
страницу как контент.
2. Рисунок – нужен ли? Если да, то
- можно загрузить свою похожую картинку,
например, дополнение к слогану,
- можно сделать несколько картинок с разными
слоганами, и загружать их как дополнительный
блок для разных разделов сайта

27. Домашнее задание :
Продолжить заполнение основных страниц
контента.
При необходимости внести корректировки в
файл стилей.
Определиться, где будете ставить :
- Форму подписки – одну или несколько
(варианты – шаблон, дополнительный
блок, страницы сайта),
- Новости (отдельная страница или
дополнительный блок).

30. Следующее занятие – 5 декабря,
Конференция. Обсуждаем
сайты участников проекта.
Заполнение страниц контента и
рекомендации по корректировке
стиля контента, форма подписки,
блок Новости, Контакты.

31. Опанасенко Ольга
Владимировна
Тел. 067 460 24 00
Web: http://opanasenko.org
E-mail: olga@opanasenko.org
Skype: OLGAOOV
Twitter: OLGAOOV