- •Методика создания web- страниц
- •Введение.
- •Что такое Web – страницы и html?
- •Планирование Web – сайта.
- •Создание Web – сайта при помощи шаблона.
- •Создание нового Web- сайта.
- •Панель инструментов.
- •Некоторые кнопки на панели инструментов.
- •Встроенный редактор графических изображений.
- •Создаем вторую страницу.
- •Оформим вторую страницу:
- •Создаем третью страницу.
- •Оформим третью страницу:
- •Создаем четвертую страницу.
- •Оформим четвертую страницу:
- •Культура нового времени
- •Создаем пятую страницу.
- •Оформим пятую страницу :
- •Культура новейшего времени
- •Создание меню в виде фрейма.
- •Оформление фрейма с верхним колонтитулом (верхний).
- •Оформление левого фрейма с оглавлением.
- •1. Локальные вычислительные сети (лвс) (lan - Local Area Network)
- •2. Глобальные сети (wan-Wide Area Network)
- •Создание первой страницы в основном фрейме.
- •Создание второй страницы в основном фрейме
- •Одноранговые (peer – to - peer);
- •Сети на основе сервера (server based).
- •Создание третьей страницы в основном фрейме.
- •Топология «шина».
- •Топология «звезда».
- •Топология «кольцо».
- •Комбинированная топология.
- •Создание гиперссылок
- •Создание гиперссылок на закладки.
- •Установите закладки на странице «Топологии сетей».
- •Краткая справка
Создание Web – сайта при помощи шаблона.
В отличие от мастеров, которые требуют ввести информацию и затем на основе ее создают сайт, шаблоны представляют собой уже готовые Web – сайты, которые можно изменять, приспосабливая свои требования.
Front Page включает в себя следующие шаблоны:
|
Customer Support Web (поддержка потребителей). Это сайт, на котором компания может отвечать на вопросы потребителя и поддерживать с ним связь. Такой сайт содержит:
|
|
Project Web (Web– сайт проекта). Этот сайт обеспечивает возможность обмена информацией между членами группы, работающими над проектом. Включает:
|
|
Personal Web (личный сайт). Этот сайт содержит персональную информацию. Включает в себя:
|
|
On Page Web (одна страница). – состоит только из одной домашней страницы. |
|
Empty Web (пустой сайт). Web –сайт, который вы будете создавать самостоятельно. Не включает в себя никаких страниц. |
Рассмотрим на примере планирование Web-сайта.
Определим назначение создаваемого сайта:
ознакомить студентов с информацией об истории мировой культуры.
Должны решить, какой материал следует разместить на Web-сайте.
На первой (домашней странице) расположите ссылки на другие страницы с информацией о культурах разных стран.
Домашняя
страница Культурология История
мировой культуры
Культура
первобытной эпохи
Культура
эпохи Средневековья
Культура
Нового времени
Культура
Новейшего
времени
Создание нового Web- сайта.
Для примера выберем создание Web-сайта на основе шаблона Empty Web (пустой сайт). Левой клавишей мыши щелкните по кнопке Пуск. Потом установите курсор мыши на пункт Программы, и в появившемся меню выберите Microsoft Front Page.
Выполните команды Файл – Новый – Сайт
В окне «Web Cайты» выбрать Empty Web
|
В окне «Указать место нового сайта» введите путь к своей папке. Например, H:\Иванов\web
|
Создан новый Web-сайт на основе шаблона Empty Web (пустой сайт).
Щелкните на панели «Вид» (режимы просмотра) на кнопку
Окно программы FrontPage разделено на три части, каждая из которых позволяет по-разному управлять Web-сайтом.
«Вид» - Панель режимов просмотра.
С писок папок |
П анель инструментов |
Окно просмотра страниц |
«Вид» - Панель режимов просмотра. Позволяет легко переключаться между режимами просмотра структуры Web-сайта и его страницами.
Значок |
Описание |
|
Отображает Web-страницу в режиме, который позволяет просматривать и редактировать ее содержимое. |
|
Отображает список папок и файлов текущего Web-сайта.
|
|
Отображает список отчетов о различных аспектах текущего Web-сайта:
|
|
Отображает структуру текущего Web-сайта в виде дерева; в списке папок отображается список папок и файлов текущего Web-сайта
|
|
Отображает диаграмму, на которой представлены гиперссылки с текущей Web-страницы, а также ссылки, которые указываются на нее.
|
|
Отображает список задач, которые необходимо выполнить при работе с текущим Web-сайтом.
|