'

Начала Web дизайна

Понравилась презентация – покажи это...





Слайд 0

Начала Web дизайна


Слайд 1

Web сайт Набор файлов, сгруппированных в несколько рубрик (разделов) и связанных между собою гипертекстовыми ссылками Основной тип файлов – HTML файлы (.htm, .html) Начальная страница по умолчанию – обычно index.htm (index.html) http://www.mysite.ru http://www.mysite.ru/index.htm


Слайд 2

Структура Логическая Физическая http://www.mysite.ru Начальная страница Раздел: биография Документ: биография Раздел: моя семья Документ: моя дочь Документ: мой сын Рисунок 1 Раздел: фотоальбом Фото 1 Фото 2 www /mysite index.htm ./biography ./family ./images biography.htm index.htm daughter.htm son.htm pic1.gif photo1.jpg photo2.jpg


Слайд 3

Локальные пути Локальный путь – формат записи адреса, описывающий расположение объекта внутри файловой структуры самого сервера /mysite index.htm ./biography biography.htm ./family index.htm wife.htm ./images pic1.gif photo1.jpg photo2.jpg son.htm


Слайд 4

Правила Имена папок и файлов – латинский алфавит и лучше в нижнем регистре Осмысленные имена файлов Рекомендация: держать все графические файлы в одной папке ( например - /images) Не путать “/” и “\” для Windows (DOS) - “\” для WWW - “/”


Слайд 5

Начальная страница Заглавная – не содержит содержательной информации. Обычно – логотип (или Flash-ролик) и ссылки на следующие страницы. Оправдано, когда есть несколько разноязычных версий сайта. Стартовая – первая страница с содержательной информацией и элементами навигации.


Слайд 6

Компоновка страниц Статическая – размер (ширина) страницы не зависит от разрешения экрана и размера окна. Реализуется при помощи заключения всех элементов в ячейки невидимой таблицы фиксированной ширины Динамическая (резиновый дизайн) –размеры ячеек задаются в процентах от ширины либо без использования таблицы для форматирования.


Слайд 7

Элементы Web страницы Заголовок страницы Логотип Основная панель навигации Дублирующая панель навигации Баннеры Основная часть Заголовок окна Сведения о разработчике, счётчики, копирайт


Слайд 8

Пример компоновки 1


Слайд 9

Пример компоновки 2


Слайд 10

“Законы” Web дизайна Главное – удобство пользователя “По умолчанию” – разрешение 800x600 Страница должна идентично отображаться в IE, Netscape и Mozilla (война браузеров) Оптимизация (минимизация) графики Элементы навигации всегда должны быть доступны Единый дизайнерский стиль для всех страниц сайта Не использовать более 3 различных шрифтов (включая графику) “Корректная” цветовая схема страницы


Слайд 11

Разработка сайта Постановка целей и определение основных задач Создание списка будущих тематических разделов Разработка логической и физической структуры Подготовка эскиза дизайна, компоновки сайта Подготовка текстовых материалов Подготовка графических материалов Оптимизация картинок Создание шаблонов web-страниц Сборка web-страниц и отладка кода Проверка идентичности отображения сайта с различным разрешением экрана и в различных браузерах


×

HTML:





Ссылка: