Принципы выбора модели и макета сайта. Требования применения технологии каскадных таблиц стилей. Создание навигационных панелей для сайта. Характеристика мультимедийных компонентов, их обзор. Рассмотрение основных способов и приемов продвижения сайтов.
Аннотация к работе
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ Федеральное государственное автономное образовательное учреждение высшего профессионального образования КУРСОВАЯ РАБОТА по дисциплине: Мультимедиа в 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» Сайт успешно функционирует.