Начала Web дизайна презентация

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

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


Слайд 2Web сайт
Набор файлов, сгруппированных в несколько рубрик (разделов) и связанных между

собою гипертекстовыми ссылками
Основной тип файлов – 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. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


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

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