Презентация на тему Начала Web дизайна

Презентация на тему Презентация на тему Начала Web дизайна, предмет презентации: Дизайн. Этот материал содержит 12 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1
Текст слайда:

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


Слайд 2
Текст слайда:

Web сайт

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

http://www.mysite.ru

http://www.mysite.ru/index.htm



Слайд 3
Текст слайда:

Структура

Логическая

Физическая

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


Слайд 4
Текст слайда:

Локальные пути

Локальный путь – формат записи адреса, описывающий расположение объекта внутри файловой структуры самого сервера


/mysite


index.htm


./biography


biography.htm


./family


index.htm


wife.htm



./images


pic1.gif


photo1.jpg


photo2.jpg

son.htm


Слайд 5
Текст слайда:

Правила

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


Слайд 6
Текст слайда:

Начальная страница

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

Стартовая – первая страница с содержательной информацией и элементами навигации.


Слайд 7
Текст слайда:

Компоновка страниц

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


Слайд 8
Текст слайда:

Элементы Web страницы


Заголовок
страницы


Логотип



Основная
панель
навигации

Дублирующая панель
навигации

Баннеры


Основная часть


Заголовок
окна


Сведения о разработчике,
счётчики, копирайт


Слайд 9
Текст слайда:

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








Слайд 10
Текст слайда:

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
















Слайд 11
Текст слайда:

“Законы” Web дизайна

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


Слайд 12
Текст слайда:

Разработка сайта

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


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика