8 800 550 54 53

Прием звонков: с 09:00 до 21:00 (мск).

Без выходных.

Заказать

Прием заказов:

круглосуточно.

Как создать макет web сайта

Страница создана: , обновлена:

Что представляет собой WEB сайт

WEB сайт в программке FrontPage представляет собой совокупность HTML страничек, рисунков, документов и других файлов, хранящихся на локальном диске либо на WEB cepвepe. Обычно все файлы WEB сайта находятся в единой папке и вложенных в нее папках. Заглавие папки WEB сайта соответствует наименованию WEB сайта. Редактор FrontPage позволяет работать с WEB сайтом как с единым целым - открывать, копировать, настраивать характеристики, также редактировать отдельные странички и другие документы, входящие в структуру WEB сайта.

Начало работы

Начиная разработку собственного WEB сайта, можно взять за базу уже готовый, импортировав его из Интернет либо с локального диска, как было изготовлено в прошлом опыте. А можно сделать новый WEB сайт, воспользовавшись шаблоном с готовыми примерами либо мастером.

Закройте текущий WEB сайт, выбрав в меню программки команду Файл - Закрыть узел (File - Close WEB).

Изберите команду меню Файл - Сделать (File - New). В правой части рабочего окна программки появится Область задач (Task Pane) с активной задачей Создание (New).

Службы SharePoint

В Области задач (Task Pane) мы можем избрать разные варианты сотворения страничек и WEB узлов, посреди которых находятся WEB узел группы SharePoint (SharePoint team site) и WEB пакеты ( WEB package solutions).

При разработке WEB узла при помощи программки MicrosoftFrontPage можно включить либо отключить способности, требующие службы SharePoint (SharePoint Team Services версия 1.0 компании Майкрософт либо Microsoft Windows SharePoint Services). Некие способности, такие как поиск в Интернет и тому схожее, доступны только при включенной поддержке служб SharePoint.

WEB пакеты - это связанные наборы файлов, импортируемые либо экспортируемые для использования в WEB узле. WEB пакеты могут содержать WEB странички, шаблоны, WEB составляющие, темы, графику, таблицы и другие документы.

Microsoft FrontPage содержит интегрированные решения в виде WEB пакетов - независящие, управляемые данными WEB узлы, сделанные на базе Microsoft Windows SharePoint Services. Также можно сделать WEB пакеты, используя файлы уже имеющегося WEB узла.

Можно использовать интегрированные решения в виде WEB пакетов в качестве исходной точки для сотворения узла новостей и обзоров либо журнальчика WEB узла. Можно также использовать решения для дополнения многофункциональных способностей имеющегося WEB узла, сделанного на базе Windows SharePoint Services.

В Microsoft FrontPage содержатся два интегрированных решения в виде WEB пакетов.

Узел новостей и обзоров. При помощи узла новостей и обзоров можно развернуть управляемый данными WEB узел новостей на базе Windows SharePoint Services, поддерживающий проведение обзоров, дискуссий и другие способности интерактивного WEB узла.

Журнальчик WEB узла. При помощи журнальчика WEB узла можно развернуть управляемый данными WEB журнальчик на базе Windows SharePoint Services, поддерживающий поиск, обсуждение каждой записи в журнальчике, избранные ссылки и другие средства сотворения отчетов.

Мастер сотворения нового WEB сайта

Мы воспользуемся мастером для сотворения нового WEB сайта, на примере которого мы будем рассматривать способности редактора FrontPage. Допустим, что требуется сделать WEB сайт для некого туристского агентства. Чтобы окутать больше способностей программки, мы не будем заполнять WEB сайт реальным содержанием, а покажем только облегченные примеры использования разных частей и средств для дизайна страничек.

Щелкните мышью на ссылке Другие шаблоны WEB узлов (More WEB site templates). На дисплее появится диалог Шаблоны WEB узлов ( WEB Site Templates).

В поле ввода Указать размещение WEB узла (Specify the location of the new WEB site) можно указать папку, хорошую от предложенной по умолчанию.

Посреди шаблонов диалога Шаблоны WEB узлов ( WEB Site Templates) изберите значок Мастер сотворения корпоративного WEB узла (Corporate Presence Wizard) и нажмите кнопку ОК. На дисплее появится первый диалог мастера, содержащий текст о его предназначении.

Нажмите кнопку Дальше (Next). На дисплее появится второй диалог мастера, в каком выбираются главные странички WEB сайта.

Вы сможете указать мастеру, что в состав WEB сайта необходимо включить определенные странички, установив последующие флажки: анонсы (What's new), продукты и услуги (Products/Services), оглавление (Table of Contents), оборотная связь (Feedback Form) и форма поиска (Search Form).

Скиньте все флажки, не считая домашняя (неотклонимая) (Home (required)) - мы позже без помощи других сделаем странички с формами и оглавлением. Нажмите кнопку Дальше (Next). На дисплее появится диалог мастера.

В этом диалоге при помощи флагов можно избрать условные разделы для первой (домашней) странички WEB сайта. На домашнюю страничку можно поместить избранную информацию, установив последующие флажки: вступление (Introduction), назначение (Mission Statement), профиль организации (Company Profile), контактные сведения (Contact Information).

Скиньте все флажки. Нажмите кнопку Дальше (Next). На дисплее появится 4-ый диалог мастера.

Тут можно найти, какие элементы будут находиться в верхней и нижней области каждой странички WEB сайта. Это может быть эмблема организации (Your company's logo), заглавие странички (Page title), ссылки на главные странички узла (Links to your main WEB pages), адресок электрической почты WEB мастера (E-mail address of your webmaster), извещение об авторском праве (Copyright notice), дата последнего конфигурации странички (Date page was last modified).

Оставьте предложенный вариант и нажмите кнопку Дальше (Next). На дисплее появится последующий диалог мастера, в каком можно указать, будет ли на страничках WEB сайта отображаться значок В стадии разработки (Under Construction).

Установите переключатель Нет (No) и нажмите кнопку Дальше (Next). На дисплее появится 6-ой диалог мастера.

В этом диалоге имеются три поля ввода, в каких необходимо указать полное заглавие организации, ее короткое заглавие и почтовый адресок. Эти сведения будут сохранены в переменных и могут потом употребляться в почти всех местах на страничках WEB сайта.

Заполните поля так, и нажмите кнопку Дальше (Next). На дисплее появится седьмой диалог мастера, в каком необходимо ввести телефон компании, номер факса и адреса электрической почты для воззваний к WEB мастеру и по общим вопросам.

Заполните поля, и нажмите кнопку Дальше (Next). На дисплее появится заключительный диалог мастера, в каком сообщается об успешном окончании работы.

Скиньте флаг Показать "Задачки" после загрузки WEB узла (Show Tasks View after WEB site is uploaded) и нажмите кнопку Готово (Finish). Мастер создаст макет WEB сайта по обозначенным данным и откроет его. В заголовке окна программки рядом с заглавием появится путь к папке WEB сайта.

В этом примере мы использовали малые способности мастера и сделали макет WEB сайта с одной домашней страничкой. Если указать мастеру на необходимость включения в состав макета дополнительных страничек - новостей, описания продуктов и услуг, формы заявок и других - то будет запрошена дополнительная информация и количество шагов мастера возрастет.

Лучше сходу дать WEB сайту определенное заглавие заместо присвоенного по умолчанию.

Изберите в меню программки команду Сервис - Характеристики узла (Tools - Site Settings). На дисплее появится диалог Характеристики узла (Site Settings) с открытой вкладкой Общие (General).

В поле ввода Имя WEB узла ( WEB name) укажите новое имя WEB сайта, к примеру соответственное наименованию компании, и нажмите кнопку ОК. WEB сайт будет переименован, заглавие папки WEB сайта также поменяется.

На данный момент WEB узел отображается в рабочем окне программки FrontPage в представлении Папки (Folders), в каком можно просматривать папки и файлы WEB сайта.

В папке WEB сайта мастер помещает файл домашней странички, обычно имеющий заглавие index.htm. Не считая этого, FrontPage делает в папке нового WEB сайта несколько вложенных папок, к примеру: Images для хранения рисунков и _private для хранения укрытых документов. Файлы и папки, помещенные в папку _private, не могут быть просмотрены гостем WEB сайта при помощи браузера. В процессе предстоящей работы, зависимо от частей и средств, применяемых при проектировании WEB сайта, FrontPage может создавать в папке WEB сайта дополнительные файлы и вложенные папки. Вы сможете сделать собственные вложенные папки в папке WEB сайта, к примеру, для хранения звуковых файлов. Для этого можно надавить кнопку в высшей части панели, в какой отображается дерево папок. Другой метод сделать новейшую папку - щелкнуть правой кнопкой мыши на свободном пространстве рабочего окна и в показавшемся контекстном меню избрать команду Сделать - Папка (New - Folder).

Закройте дерево папок в левой части рабочего окна, нажав кнопку, расположенную в правом верхнем ушу панели с деревом папок.

Два раза щелкните мышью на файле index.htm в папке WEB сайта. Домашняя страничка будет открыта на отдельной вкладке и будет установлен режим Конструктор (Design) для ее редактирования.

Итак, перед вами первая страничка WEB сайта, а поточнее макета WEB сайта, сделанного мастером. Страничка разбита пунктирной линией на несколько областей. В верхней области находится навигационное меню (navigation bar) - это группа ссылок либо кнопок для перехода к главным разделам WEB сайта и на примыкающие странички. В этом случае навигационное меню содержит единственную ссылку Домашняя (Home), так как в нашем WEB сайте пока только одна страничка.

Ниже находится заголовок (Page Banner) с заглавием странички Домой (Номе).

Чтобы поменять заголовок, два раза щелкните на нем. Раскроется диалог Характеристики объявления на страничке (Page Banner Properties).

В поле ввода Текст объявления (Page banner text) введите новый заголовок, к примеру Туристическое агентство.

Обычно в качестве заголовка странички указывается заглавие раздела WEB сайта, а для первой странички это может быть заглавие WEB сайта либо компании.

Нажмите кнопку ОК. Диалог Характеристики объявления на страничке (Page Banner Properties) закроется, и новый заголовок будет отображен в верхней области странички.

Под заголовком, также слева размещены еще два навигационных меню, но они не содержат ссылок, потому FrontPage выводит в таких местах подсказки курсивным шрифтом. Обычно, если какой-нибудь элемент не может быть отображен на страничке, на его месте выводится короткая подсказка, как можно сделать этот элемент видимым. В нижней области странички показываются контактный адресок и дата последнего обновления.

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

В центральной области размещается основное содержимое странички. При разработке макета WEB сайта при помощи мастера сюда могут быть помещены примеры сотворения разных частей: заглавия, текст, списки, формы и так дальше, которые позже можно удалить либо поменять необходимым образом. Мастер также вставляет на страничку примечания. Они выделены сиреневым цветом и начинаются со слова Примечание (Comment). Вы сможете сами добавлять комментарии, касающиеся особенностей проектирования странички. Для этого нужно в меню программки избрать команду Вставка - Примечание (Insert - Comment). Примечания, естественно, не будут видны в браузере.

Создадим некие опции, относящиеся к страничке в целом.

Щелкните правой кнопкой мыши в хоть какой области странички и в показавшемся контекстном меню изберите команду Характеристики странички (Page Properties). На дисплее появится диалог Характеристики странички (Page Properties) с открытой вкладкой Общие (General).

В поле ввода Заглавие (Title) укажите текст, который будет появляться в заголовке окна браузера во время просмотра странички. Обычно он соответствует заголовку странички либо наименованию раздела WEB сайта.

Изберите вкладку Язык (Language). Вероятнее всего, вы будете располагать русскую информацию на страничках WEB сайта, потому в открывающемся перечне Пометить текущий документ, указав (Mark current document as) изберите Российский (Russian), если у вас указан другой язык.

Указание языка для странички позволяет делать автоматическую проверку орфографии при вводе текста.

Нажмите кнопку ОК, чтобы сохранить опции и закрыть диалог Характеристики странички (Page Properties).

В редакторе FrontPage имеются опции, дозволяющие управлять совместимостью WEB сайта с определенными браузерами и WEB серверами. От их зависит доступность ряда команд в меню программки.Проверим и установим надлежащие опции так, чтобы были доступны все команды.

Изберите команду меню Сервис - Характеристики странички (Tools - Page Options). На дисплее появится диалог Характеристики странички (Page Options).

Изберите вкладку Разработка (Authoring).

В открывающихся перечнях Обозреватели (Browsers) и Версии обозревателей (Browser versions) изберите пункт Настройка (Custom), если там установлены другие значения.

В открывающемся перечне Технологии FrontPage и SharePoInt (FrontPage and SharePoint technologies) изберите Все (Complete).

Нажмите кнопку OK, чтобы сохранить опции и закрыть диалог Характеристики странички (Page Options).

Итак, можно начинать оформление первой странички. Начнем с обычного - ввода и форматирования текста.

Дополнительная информация по теме

Как избежать бана сайта

Как не потерять доверие различных поисковых систем к вашему сайту, какие действия следует производить, чтобы сайт ожил

Как определить качество сайта

Описание каким критериям определяется качество сайта web мастером с технической стороны

Как создать команду

Статья о принципах создания команды и методах управления для достижения максимального результата

Как создать список на web странице

Описание, как просто и правильно делаются списки значений на web (html) страницах

Ссылка для обмена:

Ссылка для форума:

Ссылка для сайта:

Есть вопросы, замечания, дополнения? Пишите в комментариях.
Заказать тексты для сайта (онлайн форма) - цена от 60 рублей, срок 24 часа
макеты сайта

Страница: Как создать макет web сайта

Дата публикации: 2010-11-23 12:26. Последние изменения: 2017-06-12 11:40

наверх