Автор работы: Пользователь скрыл имя, 24 Декабря 2010 в 11:52, реферат
Прикладная программа FrontPage 2003 – это визуальный html-редактор для быстрого создания сайта. Язык HTML является основным языком программирования Web - среды. С помощью FrontPage, можно создавать структуру сайта, формировать страницы, добавлять интерактивные средства и загружать файлы на сервер в сети Интернет.
Содержание
третьей ячейки представлено на рисунке
9. В ячейке 4 размещаем текст и
рисунки. Текст можно вводить
с клавиатуры или вставлять скопированный
текст из буфера обмена. Текст вводится,
редактируется и форматируется как в любом
текстовом редакторе. Рисунки можно вставлять
только из папки images, которую предварительно
создаем при сохранении веб – страницы.
10. Добавляем таблицу для записи: Copyright
© Английский язык в Интернет, 2007. All Rights
Reserved, которая предназначена для защиты
Вашей интеллектуальной собственности
на данную веб-страницу. Кроме того, в этой
таблице располагаются счетчики. Для этого
устанавливаем курсор ниже страницы (вне
поля страницы, т.е. ниже третьей и четвертой
ячеек) и в области задач в разделе «Новые
таблицы и ячейки» выбираем команду «Вставить
макетную таблицу». Размеры этой таблицы
подгоняем под размеры страницы, например,
устанавливаем 900х57 точек, размер границы
- 1, цвет - темно-синий (код: 000080), цвет фона
- белый. В созданную таблицу вводим текст
Copyright © Английский язык в Интернет, 2007.
All Rights Reserved
11. Добавляем цвет фона вокруг страницы.
Выбираем команду Формат / Фон, в открывшемся
окне диалога на вкладке форматирование
устанавливаем цвет фона – темно-синий
(код: 000080)
12. Добавляем и заполняем метатеги (между тегами <head> и </head>) в режиме Код:
<title>Английский
язык в Интернет</title>
<meta name="keywords" content="EN101 курсы английского
языка обучение регистрация">
<meta name="description" content="Курсы дистанционного
обучения английскому языку в Интернет">
<meta NAME="Author" CONTENT="Владимир Ткаченко">
<META content="INDEX, FOLLOW" name=ROBOTS>
В результате разработки получим готовую
веб–страницу, фрагмент которой представлен
на рисунке
Планирование
сайта является одной из самых
сложных задач. Как правильно расположить
на страницах будущего сайта имеющуюся
у Вас информацию? Какова должна быть структура
сайта? Какие страницы должен иметь сайт?
Какой дизайн должны иметь страницы сайта?
Какая должна быть навигация по сайту?
Эти и многие другие проблемы, связанные
с разработкой сайта, должны быть решены
до применения прикладных программ для
разработки сайтов.
Допустим, что мы решили разработать сайт,
на котором будет представлена информация
о компании EN101, эту имеющуюся у нас информацию
мы можем изложить на четырех страницах:
· Главная
· О компании
· Бизнес-обзор проекта
·
Способы оплаты
Выбираем имя сайта исходя из вида деятельности,
например: lessons-en101.
Назначаем имена страницам:
· index – Главная
· info - О компании
· business- Бизнес-обзор проекта
·
pay - Способы оплаты
В качестве главной страницы используем
созданную ранее веб-страницу Главная
(index). Создаем структуру сайта, которая
представлена на рисунке.
Подготовим текст в редакторе
Word для каждой страницы и рисунки
в Adobe Photoshop в форматах GIF, JPEG или PNG с разрешением
72 пикс/дюйм, кроме того, можно использовать
скрипты.
Далее можно зарегистрировать домен второго
уровня в одной из зон (ua, ru, com, net, info и т.д.)
и после разработки сайта выбрать платный
хостинг, который устраивает по скорости
доступа и предоставляет необходимые
услуги для эффективной работы сайта.
Если мы будем располагать сайт на бесплатном
хостинге, то можно выбрать, например,
хостинг на сервере narod.ru. Для этого необходимо
будет зарегистрироваться на сервере
и получить бесплатный хостинг. В этом
случае у Вас будет домен третьего уровня,
например: lessons-en101.narod.ru.
1. Для создания
сайта с помощью приложения FrontPage
необходимо открыть окно приложения
одним из способов. После чего на экране
будет отображаться окно приложения или
графический интерфейс FrontPage, в котором
будет отображаться предыдущий сайт или
страница. Для выхода из предыдущего сайта
или страницы в FrontPage надо выполнить команду
«Файл/Закрыть» или «Файл/Закрыть узел»,
либо то и другое, если были открыты узел
и страница.
Затем выполняем команду Файл / Создать
и в отрывшейся области задач «Создание»
щелкаем мышью на «Другие шаблоны веб
– узлов» в разделе «Создать Веб-узел».
Откроется окно диалога «Шаблоны веб –
узлов», в котором необходимо выделить
«Пустой веб – узел», далее указать расположение
нового веб-узла (например, D:\Documents and Settings\ТВА\Мои
документы\Мои веб-узлы\lessons-en101) и щелкнуть
ОК. На рисунке представлен фрагмент окна
диалога «Шаблоны веб – узлов», в котором
указан адрес нового сайта.
После сохранения
сайта на экране в окне приложения
FrontPage будет отображаться новый веб-узел
в режиме папки.
2. Создание
в FrontPage домашней страницы для
нового сайта. Создание домашней страницы
в FrontPage можно осуществлять по-разному.
Например, можно щелкнуть на кнопке «Создать
страницу» на панели «Содержимое», в результате
в окне веб-узла добавится страница index.htm,
которая показана на рисунке
3. Затем копируем
содержимое ранее созданной
Вставляем сохраненное содержание папки EN101 из буфера обмена во вновь созданную папку веб-узла lessons-en101, которая представлена на рисунке.
4. Далее дважды щелкаем на
Таким образом,
в качестве домашней страницы в новом
сайте использована ранее созданная
страница index.htm (Английский язык в Интернет).
Можно создавать главную
5. Создаем в редакторе FrontPage структуру
сайта , т.е. к главной странице добавим
еще три страницы: info - О компании; business
- Бизнес-обзор проекта; pay - Способы оплаты.
Для этого надо перейти в режим Переходы,
выполнив команду Вид/Переходы. Затем
необходимо выделить домашнюю страницу
и щелкнуть на кнопке Новая страница на
панели Переходы или применить контекстное
меню, добавится Новая страница 1. Аналогичным
образом добавляем еще две новые страницы.
Структура сайта представлена на рисунке.
6. Переименование
Новых страниц в FrontPage. Переходим
в режим папки и с помощью
контекстного меню меняем
7. С целью
единства дизайна страниц
8. На каждой
страничке сайта создаем
· Главная
· О компании
· Бизнес-обзор проекта
· Способы оплаты
Например, выделяем
пункт навигации "Бизнес-обзор
проекта" и с помощью контекстного меню
открываем окно диалога Добавления гиперссылки,
в котором выделяем business.htm и щелкаем ОК.
Аналогично создаем гиперссылки для всех
пунктов навигации на всех страницах.
На рисунке представлен фрагмент окна
диалога Добавления гиперссылки.
9. Далее на
страницах: "О компании"; "Бизнес-обзор
проекта";"Способы оплаты" изменим
содержание в некоторых
10. Добавляем и заполняем метатеги
(между тегами <head> и </head>) на страницах:
"О компани"; "Бизнес-обзор проекта";
"Способы оплаты" в режиме Код.
Например, для страницы "О компании"
теги заполнены следующим образом:
<title>О компании En101 </title>
<meta name="keywords" content="EN101 компания
Ричард Маккало">
<meta name="description" content="Ричард Маккало
- основатель и главный Администратор
En101 INC">
<meta NAME="Author" CONTENT="Владимир Ткаченко">
<META content="INDEX, FOLLOW" name=ROBOTS>
11. Переименование заголовков страниц
в режиме Переходы. Выделить страницу
и с помощью контекстного меню осуществить
переименование:
· Новая страница 1 переименовать на "О компании".
· Новая страница 2 переименовать на "Бизнес-обзор проекта".
·
Новая страница 3 переименовать на "Способы
оплаты".
В результате разработки получим сайт,
который состоит из четырех веб-страниц.
Этот сайт, созданный с помощью FrontPage в
файловой системе ПК, можно разместить
на веб-сервер в сете Интернет или Интранет.
Для разработки собственного сайта в FrontPage
скачайте:
· Образец созданного сайта - Скачать
· Образец созданной веб-страницы - Скачать
· Приложение для подбора цвета - "Color" - Скачать
· Книга Book-html. Азы HTML - Скачать
· Текст для создания страницы и сайта - Скачать
·
Рисунки для создания страницы и сайта
- Скачать
Для разработки собственной веб-страницы
скачайте:
· Образец созданной веб-страницы - Скачать
· Приложение для подбора цвета - "Color" - Скачать
· Книга Book-html. Азы HTML - Скачать