Создание сайта в Microsoft office word 2003
1 Готовим Word к веб-радактированию
Откроем Word 2003. В меню фаил выберите Создать. В правой части экрана появится область задач Создание документа. нажмите Веб-страница. Появится чистая страница. Сделайтеправыйщел чок в свободном месте справа от главного меню на верху. В списке доступных инструментальных линеек поставьте флажки для линеек Рамки, Рисование, Настройка изображения, WordArt.
2 Выстраиваем структуру
Веб-страница поделится на 3 области: Заголовок на верху, список ссылок на другие страницы слева и главная область в центре. На инструментальной линейке Рамки нажмитк Новая рамка сверху. Ваша страница будет поделена пополам.Щелкните по нижней и на ленейке Рамки щелкните Новая рамка слева. Сделайте правый щелчек внутри верхний рамке и выберите Свойства рамки.
3 Настройка рамок
Нажмите Рамка. В окошке Имя введите Top. В окошке размер выберите Сантиметры и задайте Высоту. Нажмите ОК. Сделайте правый щелчек в левой рамке. Выберите Свойства рамки и назовите рамку Left. Задайте Размер в Сантиметрах и установите Ширину 4,5. Задайте размер для высоты в Процентах и введите 45. Нажмите ОК. Сделайте правый щелчек в центральной рамки и выберите Свойства рамки.
4 Сохраним рамки
В диалоговом окне назовите третью рамку Main. Задайте оба процента в размерах,установите Ширину 65, Высоту 45 и нажмите ОК. для сохранения нажмите Ctrl+S. Как только появится окно Сохранить как, Щелкните Мои документы в левой панели,затем дважды щелкните на папке "Моя домашняя страница" созданной раньше. В окошке Тип файла выберите из выпадающего списка Веб-страница. Имя файла введите index.htm и нажмите Сохранить.
5 Сохраним страницу с рамками
Сделав правыйще лчек в верхней рамке, в появившемся контекстном меню выберте Сохранить текущюю рамку как. В диалоговом окне Сохранить как введите header.htm. В выпадающем списке Тип файла выберите Веб-страница и нажмите Сохранить. Проделайте тоже самое для левой и центральной рамок указав в диалоговом окне menus.htm и news.htm соответственно.
6 Заголовок WordArt
Щелкните в верхней рамке . В меню Вставка Выберите Рисунок, а затем Объект WordArt. Выберите стиль и нажмите ОК.В следующем окне введите "Наша семейная страница". Он будет появляться на верху каждой страницы. Выберите крупный разборчивый шрифт, в нашем случае это Arial Black, размер 32, нажмите ОК.
7 Заголовки бокового меню
Щелкните в левой рамке и создайте, анологично пункту 6, надписи "Новости" и "Ссылки".
8 Готовим таблицу
Чтобы главный текст и картинки были на своих местах, востользуемся таблицей. Щелкните по рамке main. В меню Таблицы выберите вставить, а затем Таблица. В диалоговом окне в разделе задайте Число столбцов 2, а число строк 1. В разделе автоподбор ширины столбцов выберите Постаянная и введите в окошке справа 7. нажмите ОК. появится пустая таблица.
9 Формируем таблицу
Сделав правый щелчек в одной из ячеик таблицы , выберите Границы и заливка. Поэксперементируйте с границами, и цветом заливки после чего нажмите ОК.
10 Устраним рамки фреймов
Зайдите в Свойства верхней рамки, в закладке Граница, в разделе Страница рамок выберите Границы отсутствуют, нажмите ОК.
11 Сообщаем новости
В рамке news создаем таблицу, в которую и будут вводиться выши новости, расказы, фото и т.д.
12 Добавляем новую страницу
Нажимаем Ctrl+S, чтобы сохраниь все веб-страницы. Затем создайте страницу анологично пункту 1. Создайте и отредактируйте таблицу (шаги 8, 9)
13 Страница избранных ссылок
Введите в этой таблице названия знакомых сайтов, например Google Maps, и добавьте к ним описание.
14 Вставляем Веб-адреса
Выделите название веб сайта, в нашем случае это Google Maps, сделайте на нем правый щелчек и выберите Гиперссылка, откроется окно Добавление гиперссылок,во кне адрес введите адрес сайта, в нашем случае это http://maps.google.com/, нажмите выбрать рамки, а затем в выпадающем списке выберите новое окно, нажмите Ок, потом еще раз. Так же добавьне ссылки на все остальные сайты.
15 Возврат к стартовой странице
Нажмите Ctrl+S. сохраните в папку с сайтом, выберите тип - Веб-страница, а название - links.htm нажмите сохранить, а затем Ctrl+W чтобы закрыть страницу. Переключитесь обратно на страницу index.htm . Выберите натпись "новости" и зайдите в окно "добавление гиперрссылки"
16 Копируем кнопки меню
Перейдите в папку " Моя домашняя страница" и выберите news.htm Нажмите Выбор рамки и выберите в списке main. Нажмите ОК. потом еще раз. Для кнопки "ссылки" вместо news.htm через Добавление гиперссылок прикрепим links.htm и выберите рамку main.htm. Дважды нажмине ОК. Нажмите Ctrl+S .
17 Просмотр и загрузка сайта
Позже вы подобным образом сможете создать более разветвленную систему страниц на вашем сайте. Пока же войдите в папку "Моя домашняя страница" и откройте index.htm с помощью Internet Explorer.
- Готовим Word к веб-радактированию
- Выстраиваем структуру
- Настройка рамок
- Сохраним рамки
- Сохраним страницу с рамками
- Заголовок WordArt
- Заголовки бокового меню
- Готовим таблицу
- Формируем таблицу
- Устраним рамки фреймов
- Сообщаем новости
- Добавим новую страницу
- Страница избранных ссылок
- Вставляем веб-адреса
- Возврат к стартовой странице
- Конфигурируем кнопки меню
- Просмотр и загрузка сайта
1 Готовим Word к веб-радактированию
Откроем Word 2003. В меню фаил выберите Создать. В правой части экрана появится область задач Создание документа. нажмите Веб-страница. Появится чистая страница. Сделайтеправыйщел чок в свободном месте справа от главного меню на верху. В списке доступных инструментальных линеек поставьте флажки для линеек Рамки, Рисование, Настройка изображения, WordArt.
2 Выстраиваем структуру
Веб-страница поделится на 3 области: Заголовок на верху, список ссылок на другие страницы слева и главная область в центре. На инструментальной линейке Рамки нажмитк Новая рамка сверху. Ваша страница будет поделена пополам.Щелкните по нижней и на ленейке Рамки щелкните Новая рамка слева. Сделайте правый щелчек внутри верхний рамке и выберите Свойства рамки.
3 Настройка рамок
Нажмите Рамка. В окошке Имя введите Top. В окошке размер выберите Сантиметры и задайте Высоту. Нажмите ОК. Сделайте правый щелчек в левой рамке. Выберите Свойства рамки и назовите рамку Left. Задайте Размер в Сантиметрах и установите Ширину 4,5. Задайте размер для высоты в Процентах и введите 45. Нажмите ОК. Сделайте правый щелчек в центральной рамки и выберите Свойства рамки.
4 Сохраним рамки
В диалоговом окне назовите третью рамку Main. Задайте оба процента в размерах,установите Ширину 65, Высоту 45 и нажмите ОК. для сохранения нажмите Ctrl+S. Как только появится окно Сохранить как, Щелкните Мои документы в левой панели,затем дважды щелкните на папке "Моя домашняя страница" созданной раньше. В окошке Тип файла выберите из выпадающего списка Веб-страница. Имя файла введите index.htm и нажмите Сохранить.
5 Сохраним страницу с рамками
Сделав правыйще лчек в верхней рамке, в появившемся контекстном меню выберте Сохранить текущюю рамку как. В диалоговом окне Сохранить как введите header.htm. В выпадающем списке Тип файла выберите Веб-страница и нажмите Сохранить. Проделайте тоже самое для левой и центральной рамок указав в диалоговом окне menus.htm и news.htm соответственно.
6 Заголовок WordArt
Щелкните в верхней рамке . В меню Вставка Выберите Рисунок, а затем Объект WordArt. Выберите стиль и нажмите ОК.В следующем окне введите "Наша семейная страница". Он будет появляться на верху каждой страницы. Выберите крупный разборчивый шрифт, в нашем случае это Arial Black, размер 32, нажмите ОК.
7 Заголовки бокового меню
Щелкните в левой рамке и создайте, анологично пункту 6, надписи "Новости" и "Ссылки".
8 Готовим таблицу
Чтобы главный текст и картинки были на своих местах, востользуемся таблицей. Щелкните по рамке main. В меню Таблицы выберите вставить, а затем Таблица. В диалоговом окне в разделе задайте Число столбцов 2, а число строк 1. В разделе автоподбор ширины столбцов выберите Постаянная и введите в окошке справа 7. нажмите ОК. появится пустая таблица.
9 Формируем таблицу
Сделав правый щелчек в одной из ячеик таблицы , выберите Границы и заливка. Поэксперементируйте с границами, и цветом заливки после чего нажмите ОК.
10 Устраним рамки фреймов
Зайдите в Свойства верхней рамки, в закладке Граница, в разделе Страница рамок выберите Границы отсутствуют, нажмите ОК.
11 Сообщаем новости
В рамке news создаем таблицу, в которую и будут вводиться выши новости, расказы, фото и т.д.
12 Добавляем новую страницу
Нажимаем Ctrl+S, чтобы сохраниь все веб-страницы. Затем создайте страницу анологично пункту 1. Создайте и отредактируйте таблицу (шаги 8, 9)
13 Страница избранных ссылок
Введите в этой таблице названия знакомых сайтов, например Google Maps, и добавьте к ним описание.
14 Вставляем Веб-адреса
Выделите название веб сайта, в нашем случае это Google Maps, сделайте на нем правый щелчек и выберите Гиперссылка, откроется окно Добавление гиперссылок,во кне адрес введите адрес сайта, в нашем случае это http://maps.google.com/, нажмите выбрать рамки, а затем в выпадающем списке выберите новое окно, нажмите Ок, потом еще раз. Так же добавьне ссылки на все остальные сайты.
15 Возврат к стартовой странице
Нажмите Ctrl+S. сохраните в папку с сайтом, выберите тип - Веб-страница, а название - links.htm нажмите сохранить, а затем Ctrl+W чтобы закрыть страницу. Переключитесь обратно на страницу index.htm . Выберите натпись "новости" и зайдите в окно "добавление гиперрссылки"
16 Копируем кнопки меню
Перейдите в папку " Моя домашняя страница" и выберите news.htm Нажмите Выбор рамки и выберите в списке main. Нажмите ОК. потом еще раз. Для кнопки "ссылки" вместо news.htm через Добавление гиперссылок прикрепим links.htm и выберите рамку main.htm. Дважды нажмине ОК. Нажмите Ctrl+S .
17 Просмотр и загрузка сайта
Позже вы подобным образом сможете создать более разветвленную систему страниц на вашем сайте. Пока же войдите в папку "Моя домашняя страница" и откройте index.htm с помощью Internet Explorer.
www.cheport.com.ua разработка сайта услуги
ОтветитьУдалить