Upload
olgaoov
View
131
Download
5
Embed Size (px)
DESCRIPTION
Тренинг Активный старт в интернет для профессионалов - модуль2-конференция2
Citation preview
Интернет-тренинг
Тема5
Проектирование и создание своего информационного ресурса.
Конференция
Представляем и обсуждаем наработки по сайтам участников проекта.
Заполнение страниц контента и рекомендации по корректировке стиля
контента.
Рекомендации при заполнении страниц контента1. Работать через Админку – добавлять
и корректировать страницы через Управление страницами.
2. Ссылки на новые страницы добавлять сразу – через Управление меню.
3. Если предполагается размещение фотографий и рисунков – предварительно загрузить их по фтп в папку I .
Ошибки при заполнении страниц контента1. ЧПУ страницы введено русскими
буквами.2. Не делается разметка страницы.3. Не корректируется дизайн страницы.4. Название фотографий и рисунков –
на русском языке.5. Не проверяется регистр расширения
фотографии JPG уже не сработает, нужно переименовать в jpg.
6. Фотографии для страниц контента помещаются в Images.
http://opanasenko.org/microtext/magneto-rus/
Страница контента1. Нет
форматирования
2. Не назначен дизайн
Код страницы
переменные
Эта же страница в админке
переменные
Назначение дизайна
Выделяем заголовки
Делаем сдвиг цитаты вправо
Выделяем текст курсивом
Вставляем ссылку
Форматируем параграфы и списки
Сохраняем
Смотрим результат
Цитата не сдвинулась вправо, верхний регистр, ссылка красная – не годится!
Корректируем : уберем тег <H3>, и заменим его на теги <P> и <BR>
Опишем в файле стилей класс class="t-right"
Корректируем в Блокноте и загружаем на сервер по ФТП !
Класс.t-right {text-align: right;}
p.t-right – относится только к тегу p.t-right – относится ко всем тегам, где
может использоваться text-align – p, h, a, ...
Смотрим результат
а {color: #861004;
}
В файле стилей ссылка была описана
Меняем цвет ссылки по умолчанию, а красный цвет ставим с классом
Смотрим результат
Рекомендации:• Очень длинный текст. Нужно
структурировать и, желательно, сократить.
• Добавить подзаголовки – желательно с ключевыми словами для поисковых систем.
• Добавить фотографии и рисунки.• Добавить выделенные абзацы –
цветом, шрифтом, фоном и т.д.• Если бы текст был короче – можно
было бы рекомендовать увеличить шрифт.
Главная страница
Поле контента:
Код дизайна для поля контента:
<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;
Если оставить так, то на всех страницах контента будут высвечиваться эти рисунок и фотография.
Рекомендации :1. Фотографию перенести в папку I, и убрать
с шаблона дизайна. Вставить ее на главной страницу как контент.
2. Рисунок – нужен ли? Если да, то - можно загрузить свою похожую картинку,
например, дополнение к слогану, - можно сделать несколько картинок с
разными слоганами, и загружать их как дополнительный блок для разных разделов сайта
Домашнее задание :Продолжить заполнение основных
страниц контента. При необходимости внести
корректировки в файл стилей.Определиться, где будете ставить :- Форму подписки – одну или
несколько (варианты – шаблон, дополнительный блок, страницы сайта),
- Новости (отдельная страница или дополнительный блок).
Следующее занятие – 5 декабря,
Конференция. Обсуждаем сайты участников проекта.
Заполнение страниц контента и рекомендации по корректировке стиля контента, форма подписки, блок Новости, Контакты.
Опанасенко Ольга Владимировна
Тел. 067 460 24 00
Web: http://opanasenko.org
E-mail: [email protected]
Skype: OLGAOOV
Twitter: OLGAOOV