Создание web-сайта салона по прокату автомобилей - Курсовая работа

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ Федеральное государственное автономное образовательное учреждение высшего профессионального образования КУРСОВАЯ РАБОТА по дисциплине: Мультимедиа в Web-технологиях Работу выполнил.1 Обзор компонентов мультимедиа, которые в настоящее время используются в сайтах и рекомендуются Консорциумом Всемирной паутины 2.2 Графическое оформление web-страницыСайт состоит из 19 страниц, на каждой из которых расположено связывающее их меню. При нажатии на соответствующий элемент меню происходит переход на указанную страницу по гиперссылке. Все страницы выполнены в одной стилистике и используют корпоративные цвета(оттенки синего и желтый).При создании макета сайта использовалась блочная верстка (верстка посредством слоев). На сегодняшний день верстать блоками это есть показатель профессионализма. Верстая блоками, можно играть с позиционированием сколь угодно хитро. Совершенно не значит, что применяется только один этот тег, нужно ведь и рисунки вставлять и оформлять текст. color - цвет текста font-size - размер текста font-family-тип шрифта background-color-цвет фона margin-top - величина отступа от верхнего края элемента padding - значение полей вокруг содержимого элемента cursor-вид курсора при наведении text-shadow-тень от текста text-align-выравнивание текста border-задание границ вокруг контента margin-отступы от border padding-отступы от контента border-radius-скругление границ float-определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон text-decoration-добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания overflow-управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров position-устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-страницеCSS стили помогают обрабатывать такие элементы оформления страниц, как шрифт, цветовая гамма, позиционирование элементов, обеспечивает более эффективную работу с изображениями. Существует целое множество причин, по которым рекомендуется использовать CSS: При использовании CSS, стили и HTML код документа хранятся отдельно, в разных файлах. Таким образом, появляется возможность стилизовать различные web-документы используя общий стиль, подгружаемый из одного файла. То есть при открытии страницы в память web-браузера загружается файл CSS стилей, web-браузер его распознает и запоминает. Таким образом, при следующем открытии страницы web-браузер уже будет уметь распознавать эти стили.Навигационная панель веб-сайта - это область веб-страниц, на которой в некотором упорядоченном виде расположены ссылки на разделы и (или) страницы сайта, и единственная функция которой - предоставить пользователю удобное средство для перемещения по вебсайту. В настоящее время существует множество разновидностей панелей навигации по способу создания, по расположению, назначению, дизайну: панели (меню) горизонтальные и вертикальные; меню-путеводители - указывают положение страницы в иерархии страниц; панели, составленные из текста или кнопок; кнопки могут быть простыми или с эффектом Rollover (вид кнопки меняется при наведении курсора); панели могут иметь вид списка (в том числе раскрывающегося) или выпадающего кнопочного меню; при создании панелей навигации может использоваться или HTML, или HTML CSS, или HTML CSS JAVASCRIPT; панели навигации, созданные с использованием Flash, имеют дополнительные визуальные эффекты. Наличие простой в использованнии системы навигации очень важно для любого веб сайта. Существуют следующие виды элементарных панелей навигации: 1. В своей работе я использую самый простой вертикальный одноуровневый список для навигации.2.1 Обзор компонентов мультимедиа, которые в настоящее время используются в сайтах и рекомендуются Консорциумом Всемирной паутины Scalable Vector Graphics - масштабируемая векторная графика) - язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Графическое оформление сайта, как неотъемлемая часть его художественного образа и поэтому стояла задача создать сайт не только максимально простым и удобным для навигации , но и максимально приятным для зрения. Изображение, которое слишком много весит будет долго загружаться на экране и, тем самым, испытывать терпение пользователя, открывшего страницу вашего сайта. В своем сайте я использовал изображения в формате gif, в том числе анимированные.Был разработан и написан сайт(рис.7) для салона по прокату автомобилей «Golden Pine tree» Сайт успешно функционирует.

Содержание

Введение

1. Дизайн сайта

1.1 Модель сайта

1.2 Макет сайта

1.3 Применение технологии каскадных таблиц стилей

1.4 Создание навигационных панелей для сайта

2. Мультимедийные компоненты сайта