Занятие 3

Немного теории
Структура блога
  1. Голова, шапка, хедер все это названия верхней части сайта, блок в котором располагается эмблема, главное горизонтальное меню плюс добавочные элементы присущие данному сайту или его тематике (банеры, реклама, цветовая палитра, большое изображение).
  2. Левый и правый сайдбар, может быть только один или оба, а может и вовсе не быть бокового меню, что редко встречается на практике. Главное предназначение этих блоков дать дополнительную информацию, направить посетителя вглубь сайта, заинтересовать слоганами и видео. Вкратце задержать посетителя как можно дольше на сайте.
  3. Центральный блок, самый главный, это та информация или сервис, ради которого посетитель пришел на ваш сайт. Именно эта часть в первую очередь интересует пользователя. Контент должен быть легко читаем и заметен в первом экране, ну максимум во втором. Не нужно заставлять посетителя пролистывать все ниже и ниже в поисках того, что ему нужно сейчас же. В наше время люди разучились ждать, по этому с легкостью закроют ваш сайт и пойдут на другой.
  4. Футер, подвал сайта, блок предназначен в первую очередь для размещения контактной информации (название компании, телефона, адрес). Так же активно используют подвал для добавления навигационного меню и других полезных ссылок
Практическая часть 
1. Изменение структуры блога
2. Изменение дизайна (Инструкция 1)

Задание №1
          Измените структуру блога так, чтобы на блоге было две боковые панели: левая и правая

Задание №2
  1. Просмотрите стандартные шаблоны оформления блога и выберите тот, который в наибольшей степени соответствует его назначению.
  2. Подберите изображение размером  в формате .jpg или .png и вставьте его в качестве фонового изображения блога. Ознакомьтесь подробнее с вариантами размещения фонового изображения (выравнивания, размножения и прокручивания). Совет: качественные изображения такого или близкого размера можно найти на сайтах с обоями для рабочего стола.
  3. Измените элементы дизайна блога (цвета и шрифты заголовка блога и сообщений, панели вкладок, ссылок и др.), подобрав их в соответствии с фоновым изображением   
  4. Поставьте отметку в журнал о выполнении задания. 
Ссылка на папку фон

Комментариев нет:

Отправить комментарий

Подписаться на: Сообщения (Atom)