Интернет-тренинг

Тема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: olga@opanasenko.org

Skype: OLGAOOV

Twitter: OLGAOOV