Создание 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-страницу.

создание web-страниц и web-сайта - student2.ru

Рис. 14.1. Панель элементов

Принцип работы SharePoint Designer, как и других web-редакторов, заключается в синхронном редактировании, как внешнего вида страницы, так и ее HTML-кода.

Технологию работы в среде SharePoint Designer 2007 рассмотрим на примере создания и оформления простой web-страницы и web-сайта.

Наши рекомендации