Скачать 25.45 Kb.
|
Одесский национальный политехнический университет Кафедра информационных систем Лабораторная работа №2 По дисциплине: «ВЕБ-технологии и ВЕБ-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» Выполнил: ст. гр. АИ-122 Кадацкий М. Проверили: Червоненко П.П. Годовиченко Н.А. Одесса – 2013 Цель работы: ознакомление с основными понятиями и принципами веб-дизайна; знакомство с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов. Теоретические сведения Веб-дизайн ( web page design ) – это процесс проектирования, планирования, моделирования и реализации доставки электронного содержимого через сеть Веб с использованием технологий (на основе языков разметки), подходящих для интерпретации и визуализации веб-браузером или другим графическим веб-интерфейсом пользователя. Основными аспектами веб-дизайна (в первую очередь для коммерческих веб-сайтов) являются следующие: • Содержимое. Информационное наполнение должно быть релевантным тематике сайта и ориентированным на целевую аудиторию сайта. • Удобство в использовании ( usability ). Сайт должен иметь дружественный пользовательский интерфейс с простой и надежной навигацией. • Внешний вид. Графика и текст должны быть выполнены в одном стиле и согласованы на всех страницах сайта. Стиль оформления должен демонстрировать профессионализм, привлекательность и релевантность. • Видимость. Сайт должен легко находиться с помощью большинства поисковых систем и рекламных площадок. По-сути, веб-сайт - это информационная система, которая содержит две основные компоненты: • Компоненту представления ( front-end ). Видимое содержимое (разметка страниц, графика, аудио и текст). • Компоненту реализации ( back-end ). Связана с организацией и эффективной реализацией исходных кодов. Включает в себя неотображаемые сценарии, серверные компоненты, являющиеся основой для компоненты представления. Разработка веб-сайта включает в себя следующие этапы: • Дизайн главной и типовых страниц сайта. (выполняетя обычно в графическом редакторе). • HTML-кодирование, в результате которого создаётся код, который можно просматривать с помощью браузера. • Программирование сайта. Может осуществляться как "с чистого листа", так и с помощью специального высокоуровнего пакета - системы управления сайтом (CMS). • Размещение сайта в Веб, наполнение контентом и публикация. • Оптимизация веб-сайта с целью повышения его видимости в Веб. • Сдача сайта заказчику. ^
Код программы ![]() ![]() ![]() Страница ![]() ![]() Вывод: ознакомилимь с основными понятиями и принципами веб-дизайна; с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов, в частности c Adobe Dreamweaver CS6. |
![]() | Студия дизайна и веб-разработки «webberry». Создание, поддержка веб-сайтов, реклама и дизайн | ![]() | Форматирование презентаций. Работа со слайдами. Основные принципы дизайна слайдов |
![]() | Интернет. Описаны основы создания веб-сайтов, порядок взаимодействия авторов сайта при сайтостроительстве и требования к исходным... | ![]() | Ключевые слова: кросс-культурный, веб-сайт, дистанционное образование, Запад/Восток, веб-дизайн, культурныe параметры |
![]() | Предметом данного курса являются технологии глобальной сети World Wide Web (сокращенно www или просто Web). На русском языке распространенным... | ![]() | Веб 0 позволяет пользователям действовать совместно обмениваться информацией, хранить ссылки и мультимедийные документы, создавать... |
![]() | Приложение. Веб-мастер и веб-координаторы веб-сайта центров нтэи железных дорог стран – членов осжд 10 | ![]() | Позволяет "оживить" веб-страницу. Это реализуется путем добавления к статическому описанию фрагмента исполняемого кода. JavaScript-сценарий... |
![]() | В ходе работы был создан универсальный программный продукт, который можно использовать с любыми веб-сайтами. Эта разработка была... | ![]() | Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,... |