Создание web-страниц и web-сайта
Цель работы
Приобрести навыки разработки, редактирования web-страниц с текстовыми и графическими объектами, гиперссылками и web-компонентами на примере работы в среде приложения MS SharePoint Designer 2007.
Краткие теоретические сведения
& Неотъемлемой составляющей экономики в современных условиях является сеть Интернет. Ее услуги (социальные сети, форумы, блоги, электронная почта и т.д.) активно используются как потребителями, так и производителями товаров и услуг. Среди сервисов сети Интернет особое место заняла Всемирная паутина, которая стала основой для интеграции всех остальных сервисов и способствовала проникновению Интернет практически во все сферы человеческой деятельности.
Всемирная паутина(World Wide Web) – распределенная гипертекстовая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к сети Интернет.
Гипертекст – документ, непременной составной частью которого являются гиперссылки.
Гиперссылка– это текст, выделенный цветом или подчеркиванием, графическое изображение или кнопка, заключенные в подсвеченную рамку, при выборе которого осуществляется переход к другому документу или к определенному месту в данном документе.
Web-страница – это гипертекстовый документ в формате .htm или .html. Он может содержать текст, графические иллюстрации, мультимедийные и другие вставные объекты. Для создания web-страницы используется язык HTML.
HTML – язык разметки текстов, позволяющий форматировать текст, размещать на web-странице графические объекты, рисунки, вставлять звукозапись и различные мультимедийные элементы, создавать гипертекстовые ссылки, элементы управления (списки, кнопки, переключатели), а также скрипты (JavaScript, VBScript) и т.д.
Для разметки документа средствами HTML-языка используются теги, которые заключаются в угловые скобки (< … >). В основном теги являются парными, т.е. существуют открывающий и закрывающий теги. Например,
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Без названия 1</title>
</head>
<body>
<p><span lang="ru">Методические указания по работе с редактором </span>
SharePoint 2007</p>
<p><ahref="file:///D:/mir-poznaniya_ru.htm">file:///D:/mir-poznaniya_ru.htm</a></p>
</body>
Web-сайт (сайт, web-узел)– группа web-страниц,размещенных на одном web-сервере,связанных единой темой, общим стилем оформления и взаимными гипертекстовыми ссылками.
Web-сервер – компьютер с соответствующим программным обеспечением, позволяющим пользователям сети Интернет подсоединяться и пользоваться WWW-ресурсами этого компьютера для поиска и просмотра информации.
World Wide Web использует в качестве основного протокола работы протокол передачи гипертекста – HTTP (Hypertext Transfer Protocol). Для доступа к web-страницам протокол НТТР использует их универсальный указатель ресурса – URL (Uniform Resource Locator). В общем виде формат URL-адреса можно представить следующим образом:
метод доступа: //адрес web-сервера/путь/имя файла
Метод доступа к web-ресурсу имеет значение http;адрес web-сервера указывает доменный или IP-адрес компьютера (например, bseu.by), содержащего данный ресурс в сети Интернет; путь/имя файла – полный путь к файлу на сервере. Например, URL-адрес одной из web-страниц сайта Белорусского государственного экономического университета имеет вид
http://www.bseu.by/russian/faculties.htm.
Для разработки web-страниц используются разнообразные программные средства: текстовые редакторы, программы по обработке графических изображений, флэш-анимации и др. К ним относятся Microsoft FrontPage, Macromedia Flash, Macromedia Director, Macromedia Dreamweaver, Macromedia Fireworks, Adobe Photoshop и др.
Рассмотрим их работу на примере Microsoft SharePoint Designer 2007 (MS SPD). Это приложение относится к визуальным редакторам и предоставляет пользователю средства быстрой разработки web-узлов (включая использование уже готовых шаблонов, их наполнение элементами управления и применение желаемого дизайна сайта). С помощью панелей инструментов и команд меню на странице можно размещать текстовую и графическую информацию, панели навигации и ссылки для перехода от одной страницы к другой. Для оформления можно использовать таблицы, бегущие строки, анимацию и многое другое. MS SPD 2007 является преемником Microsoft FrontPage и принадлежит семейству офисных программ, однако не входит в стандартные комплекты поставки MS Office 2007 и приобретается отдельно.
MS SPD 2007 применяется для:
· создания web-страниц;
· создания серверных ASPX-страниц;
· управления web-сайтом.
Примечание. Web-страницы .ASPX содержат дополнительные элементы, которые распознаются и обрабатываются при запуске страницы.
Пользовательский интерфейс MS SharePoint Designer 2007 схож с интерфейсами других приложений Microsoft Office.
Центральную часть окна приложения занимает область документа, отображающая содержимое редактируемой в данный момент web-страницы. Документ может быть представлен в следующих режимах (переключение режимов осуществляется нажатием соответствующей кнопки в левом нижнем углу области документа):
· Конструктор – для визуальной разработки web-страницы. Создание страницы в режиме Конструктор происходит по принципу автоматической генерации HTML-кода;
· Код – для просмотра или создания web-страниц в HTML-коде;
· С разделением – комбинированный режим, представляющий одновременно рабочее поле для работы с конструктором и с HTML-кодом web-страницы.
Помимо строки меню и панелей инструментов, вызываемых при помощи меню Вид, в MS SPD 2007 имеется ряд панелей, объединенных в Области задачи размещенных слева и справа от области документа. Любые панели могут быть совмещены в пределах одной области задач, скрыты (нажатием кнопки закрытия окна), вызваны на экран (либо щелчком на соответствующей вкладке, либо при помощи пункта Области Задач в строке меню).
Панель элементов (рис. 14.1) используется для добавления на web-стра-ницы различных конструкций из HTML-кода и элементов управления. Перетаскивание элемента с этой панели на область документа обеспечивает вставку соответствующего объекта на web-страницу.
Рис. 14.1. Панель элементов
Принцип работы SharePoint Designer, как и других web-редакторов, заключается в синхронном редактировании, как внешнего вида страницы, так и ее HTML-кода.
Технологию работы в среде SharePoint Designer 2007 рассмотрим на примере создания и оформления простой web-страницы и web-сайта.