- •Программные средства разработки web-страниц и презентаций
- •Санкт-Петербург
- •090103 – Организация и технология защиты информации,
- •190603 – Сервис транспортных и технологических машин и оборудования (автомобильный транспорт),
- •080105 – Финансы и кредит, 080301 – Коммерция
- •Тема1. Базовые технологии создания web-страниц: html и css
- •Лабораторная работа №1. Создание Web-страницы с помощью языка html
- •Лабораторная работа №2. Стилевое оформление Web-страниц
- •Тема2. Создание web-узла средствами ms expression web
- •Лабораторная работа №3. СозДание Сайта на основе шаблонов
- •Тема 3. Проектирование и разработка web-приложения
- •Приложение. Фоновые цвета
- •Список Рекомендуемой литературы
- •Васильева и.Н. Программные средства разработки web-страниц: Конспект лекций. – сПб: сПбГиэу, 2009. – 122 c.
Тема2. Создание web-узла средствами ms expression web
MS Expression Web – это визуальный HTML-редактор, предлагающий обширный набор средств для создания сайтов, отвечающих всем современнымWeb-стандартам.
MS Expression Web 4 является частью Expression Studio 4 Web Professional – набора профессиональных инструментов для создания современных web-сайтов, потокового видео и web-графики. В состав пакета входят также Expression Blend, Expression Encoder и Expression Design.
MS Expression Web 4 поддерживает технологии PHP, HTML/XHTML, XML/XSLT, CSS, Java Script, ASP.NET и ASP.NET AJAX, Silverlight, Flash, Windows Media и Photoshop, а также интеграцию с Microsoft Visual Studio. С точки зрения функциональности следует отметить в наличии поддержку популярных серверных технологий PHP и ASP.NET (подсветка синтаксиса и IntelliSense, встроенный сервер, позволяющий тестировать и осуществлять локальный предпросмотр страниц на ASP.NET и PHP без необходимости установки отдельного web-сервера), удобную реализацию работы с CSS (гибкий менеджер стилей с предварительным просмотром, возможность построения CSS-макетов), встроенный FTP-клиент, позволяющий выполнять редактирование удаленно, поддержку работы с шаблонами, проверку на соответствие стандартам «на лету». Expression Web 4 позволяет добавлять свои собственные компоненты – меню, панели инструментов, кнопки и даже диалоговые окна, используя только технологии HTML, CSS, Java Script и XML.
Компонент Super Preview позволяет наглядно сравнивать отображение разработанных web-страниц в разных браузерах. Super Preview поддерживает предпросмотр в браузерах MS Internet Explorer 6, 7 и 8, а также в Firefox (если он установлен в на компьютере). Предполагается, что список поддерживаемых браузеров будет расширяться. Кроме сравнения в браузерах, функция SuperPreview также поддерживает сравнение web-страницы с ее макетом в Photoshop.
Если внешний вид окна MS Expression Web отличается от стандартного (рис.13), можно восстановить принятый по умолчанию вид рабочей области с помощью команды Panels/Reset Workspace Layout.
Expression Web предназначен не только для редактирования отдельных страниц, но и для создания, управления и публикации web-узла (сайта). В целях совместимости при размещении в Интернете папкам и файлам web-узла рекомендуется давать имена, содержащие только латинские буквы и цифры. Не следует использовать в именах русские буквы и знаки пробела.
Expression Web автоматически обновляет ссылки между страницами web-узла, если были произведены какие-либо изменения. Чтобы не «побить» ссылки, связывающие страницы сайта, для удаления, перемещения, переименования, добавления страниц и других компонент web-узла (сайта) следует использовать функции работы с сайтами Expression Web.
Expression Web предоставляет несколько способов просмотра содержимого web-узла (представлений), облегчающих разработку, управление и публикацию сайтов:
Folders (папки). Используется по умолчанию для открытого сайта. Позволяет непосредственно работать с файлами и папками, входящими в состав сайта (создавать, удалять, копировать, перемещать и переименовывать, как и в проводнике MS Windows). При этом, если в левой части окна включено отображение иерархической структуры папок web-узла (View/Folder List), то в правой части окна отображается содержимое активной (выбранной) папки.
Рис.13. Окно приложения MS Expression Web
Publish (публикация). Это представление используется при публикации сайта или отдельных его файлов/папок. Режим содержит два окна для отображения локальной и удаленной версий сайта. Позволяет синхронизировать файлы в двух или нескольких расположениях, чтобы обеспечить своевременное обновление узлов с одинаковым содержимым.
Reports (отчеты). Режим предназначен для формирования отчетов и просмотра статистики о web-узле Позволяет анализировать содержимое web-узла: объем памяти, занимаемой файлами на узле, число и список объектов различных типов (рисунков, таблиц стилей, гиперссылок и т.п.), вновь добавленные или измененные файлы, медленно работающие и не связанные с другими файлы.
Hyperlinks (гиперссылки). Для выбранной страницы отображает список гиперссылок web-узла и их состояние (ссылки обозначены синими стрелками, «битые ссылки» разорваны). Этот режим позволяет также отображать ссылки на рисунки и проверять внешние ссылки. Для проверки внешних ссылок требуется подключение к Интернет.
Переход между различными представлениями может осуществляться с помощью кнопок, расположенных под окном представления сайта, либо командой View/Site. Кроме того, окно просмотра папок web-сайта может быть отображено в левой части окна FrontPage вне зависимости от текущего представления (View/Folder List).
Работать с web-страницами можно, используя одно из следующих представлений:
Design (конструктор). Возможность редактирования web-страницы в визуальном режиме (без необходимости знания технологий HTML и CSS).
Code (редактор кода). Режим для просмотра, записи и редактирования тегов HTML (XHTML). Используя средства оптимизации кода, можно очистить код XHTML от ненужных комментариев, пустых тегов и неиспользуемых стилей, а также кода, унаследованного из Word (Tools/Optimize).
Split (c разделением). Режим с разделением экрана, предоставляющий одновременный доступ к странице для просмотра и редактирования в режимах Code и Design. Данный режим включен по умолчанию.
Переключение между режимами редактирования страницы осуществляется с помощью кнопок внизу окна редактирования страницы или с помощью меню View/Page.