Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами»

Одесский национальный политехнический университет Кафедра информационных систем Лабораторная работа №2 По дисциплине: «ВЕБ-технологии и ВЕБ-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» Выполнил: ст. гр. АИ-122 Кадацкий М. Проверили: Червоненко П.П. Годовиченко Н.А. Одесса – 2013 Цель работы: ознакомление с основными понятиями и принципами веб-дизайна; знакомство с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов. Теоретические сведения Веб-дизайн ( web page design ) – это процесс проектирования, планирования, моделирования и реализации доставки электронного содержимого через сеть Веб с использованием технологий (на основе языков разметки), подходящих для интерпретации и визуализации веб-браузером или другим графическим веб-интерфейсом пользователя. Основными аспектами веб-дизайна (в первую очередь для коммерческих веб-сайтов) являются следующие: • Содержимое. Информационное наполнение должно быть релевантным тематике сайта и ориентированным на целевую аудиторию сайта. • Удобство в использовании ( usability ). Сайт должен иметь дружественный пользовательский интерфейс с простой и надежной навигацией. • Внешний вид. Графика и текст должны быть выполнены в одном стиле и согласованы на всех страницах сайта. Стиль оформления должен демонстрировать профессионализм, привлекательность и релевантность. • Видимость. Сайт должен легко находиться с помощью большинства поисковых систем и рекламных площадок. По-сути, веб-сайт - это информационная система, которая содержит две основные компоненты: • Компоненту представления ( front-end ). Видимое содержимое (разметка страниц, графика, аудио и текст). • Компоненту реализации ( back-end ). Связана с организацией и эффективной реализацией исходных кодов. Включает в себя неотображаемые сценарии, серверные компоненты, являющиеся основой для компоненты представления. Разработка веб-сайта включает в себя следующие этапы: • Дизайн главной и типовых страниц сайта. (выполняетя обычно в графическом редакторе). • HTML-кодирование, в результате которого создаётся код, который можно просматривать с помощью браузера. • Программирование сайта. Может осуществляться как "с чистого листа", так и с помощью специального высокоуровнего пакета - системы управления сайтом (CMS). • Размещение сайта в Веб, наполнение контентом и публикация. • Оптимизация веб-сайта с целью повышения его видимости в Веб. • Сдача сайта заказчику. ^ Ход работы Создайте страницу с картинками (можно использовать любые картинки) на страницах веб-сайта, созданного в любом из Веб-редакторов, путем венесения необходимых изменений в мастер-страницу сайта. Создайте страницу регистрации пользователя веб-сайта, на основе мастер-страницы. Код программы Страница Вывод: ознакомилимь с основными понятиями и принципами веб-дизайна; с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов, в частности c Adobe Dreamweaver CS6.

Похожие:

	Группа компаний stf gasMet Студия дизайна и веб-разработки «webberry». Создание, поддержка веб-сайтов, реклама и дизайн		10. Создание и публикация веб-ресурсов. Графика и мультимедийная информация на веб-страницах Форматирование презентаций. Работа со слайдами. Основные принципы дизайна слайдов
	Www (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов,... Интернет. Описаны основы создания веб-сайтов, порядок взаимодействия авторов сайта при сайтостроительстве и требования к исходным...		Pоль веб-сайта в решении кросс-культурных задач Ключевые слова: кросс-культурный, веб-сайт, дистанционное образование, Запад/Восток, веб-дизайн, культурныe параметры
	Лекция Введение в веб-технологии: структура и принципы Веб Предметом данного курса являются технологии глобальной сети World Wide Web (сокращенно www или просто Web). На русском языке распространенным...		Веб 0 второе поколение сетевых сервисов Интернета. В отличие от первого... Веб 0 позволяет пользователям действовать совместно обмениваться информацией, хранить ссылки и мультимедийные документы, создавать...
	Организация сотрудничества железных дорог Приложение. Веб-мастер и веб-координаторы веб-сайта центров нтэи железных дорог стран – членов осжд 10		Лабораторная работа №7 Знакомство с JavaScript. Модель dom цель работы:... Позволяет "оживить" веб-страницу. Это реализуется путем добавления к статическому описанию фрагмента исполняемого кода. JavaScript-сценарий...
	Методика разработки инструментария для администрирования веб-сайтов В ходе работы был создан универсальный программный продукт, который можно использовать с любыми веб-сайтами. Эта разработка была...		Практическая работа №38. Тема : wysiwyg Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...