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




Скачать 25.45 Kb.
НазваниеЛабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами»
Дата публикации22.02.2014
Размер25.45 Kb.
ТипЛабораторная работа
uchebilka.ru > Информатика > Лабораторная работа
Одесский национальный политехнический университет

Кафедра информационных систем


Лабораторная работа №2

По дисциплине: «ВЕБ-технологии и ВЕБ-дизайн»

Тема: «Основы веб-дизайна. Работа с Веб-редакторами»

Выполнил:

ст. гр. АИ-122

Кадацкий М.

Проверили:

Червоненко П.П.

Годовиченко Н.А.
Одесса – 2013
Цель работы: ознакомление с основными понятиями и принципами веб-дизайна; знакомство с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов.
Теоретические сведения

Веб-дизайн ( web page design ) – это процесс проектирования, планирования, моделирования и реализации доставки электронного содержимого через сеть Веб с использованием технологий (на основе языков разметки), подходящих для интерпретации и визуализации веб-браузером или другим графическим веб-интерфейсом пользователя.
Основными аспектами веб-дизайна (в первую очередь для коммерческих веб-сайтов) являются следующие:

• Содержимое. Информационное наполнение должно быть релевантным тематике сайта и ориентированным на целевую аудиторию сайта.

• Удобство в использовании ( usability ). Сайт должен иметь дружественный пользовательский интерфейс с простой и надежной навигацией.

• Внешний вид. Графика и текст должны быть выполнены в одном стиле и согласованы на всех страницах сайта. Стиль оформления должен демонстрировать профессионализм, привлекательность и релевантность.

• Видимость. Сайт должен легко находиться с помощью большинства поисковых систем и рекламных площадок.

По-сути, веб-сайт - это информационная система, которая содержит две основные компоненты:

• Компоненту представления ( front-end ). Видимое содержимое (разметка страниц, графика, аудио и текст).

• Компоненту реализации ( back-end ). Связана с организацией и эффективной реализацией исходных кодов. Включает в себя неотображаемые сценарии, серверные компоненты, являющиеся основой для компоненты представления.
Разработка веб-сайта включает в себя следующие этапы:

• Дизайн главной и типовых страниц сайта. (выполняетя обычно в графическом редакторе).

• HTML-кодирование, в результате которого создаётся код, который можно просматривать с помощью браузера.

• Программирование сайта. Может осуществляться как "с чистого листа", так и с помощью специального высокоуровнего пакета - системы управления сайтом (CMS).

• Размещение сайта в Веб, наполнение контентом и публикация.

• Оптимизация веб-сайта с целью повышения его видимости в Веб.

• Сдача сайта заказчику.


^ Ход работы

  1. Создайте страницу с картинками (можно использовать любые картинки) на страницах веб-сайта, созданного в любом из Веб-редакторов, путем венесения необходимых изменений в мастер-страницу сайта.

  2. Создайте страницу регистрации пользователя веб-сайта, на основе мастер-страницы.

Код программы







Страница




Вывод: ознакомилимь с основными понятиями и принципами веб-дизайна; с основными возможностями по разработке веб-страниц и веб-сайтов с помощью Веб-редакторов, в частности c Adobe Dreamweaver CS6.

Добавить документ в свой блог или на сайт

Похожие:

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconГруппа компаний stf gasMet
Студия дизайна и веб-разработки «webberry». Создание, поддержка веб-сайтов, реклама и дизайн

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

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconWww (англ. World Wide Web, «всемирная паутина») — совокупность веб-сайтов,...
Интернет. Описаны основы создания веб-сайтов, порядок взаимодействия авторов сайта при сайтостроительстве и требования к исходным...

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconPоль веб-сайта в решении кросс-культурных задач
Ключевые слова: кросс-культурный, веб-сайт, дистанционное образование, Запад/Восток, веб-дизайн, культурныe параметры

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconЛекция Введение в веб-технологии: структура и принципы Веб
Предметом данного курса являются технологии глобальной сети World Wide Web (сокращенно www или просто Web). На русском языке распространенным...

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

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

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconЛабораторная работа №7 Знакомство с JavaScript. Модель dom цель работы:...
Позволяет "оживить" веб-страницу. Это реализуется путем добавления к статическому описанию фрагмента исполняемого кода. JavaScript-сценарий...

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

Лабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн» Тема: «Основы веб-дизайна. Работа с Веб-редакторами» iconПрактическая работа №38. Тема : wysiwyg
Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<