Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015
Инфоурок / Информатика / Конспекты / Создание сайта в MS WORD
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 24 мая.

Подать заявку на курс
  • Информатика

Создание сайта в MS WORD

Выберите документ из архива для просмотра:

60.64 КБ 1.jpg
58.5 КБ 10.jpg
75.89 КБ 11.jpg
41.22 КБ 12.gif
92.59 КБ 13.jpeg
14.97 КБ 14.jpg
66.8 КБ 2.jpg
108.76 КБ 3.jpg
430.31 КБ 4.jpg
51.68 КБ 5.jpg
41.65 КБ 6.jpg
26.6 КБ 7.png
27.94 КБ 8.png
27.21 КБ 9.png
16.41 МБ Методические рекомендации.doc
1.65 МБ Практическая работа Word 2010 - работа с автофигурами и рисунками.docx
135.38 КБ сайт.jpg

Выбранный для просмотра документ Методические рекомендации.doc

библиотека
материалов


Практическая работа

Microsoft Word 2010

Работа с автофигурами и рисунками


В ходе выполнения данного практического задания студент должен научиться:

  1. Создавать объекты в Microsoft Word с помощью автофигур;

  2. Редактировать фигуры и рисунки.


Задание на выполнение:

С помощью автофигур и рисунков в Microsoft Word необходимо создать сайт туристической фирмы «Панда».

hello_html_7611db3a.png


Методика выполнения задания:

  1. Запустите Microsoft Word (Пуск – Все программы – Microsoft office - Microsoft Word 2010).

  2. Шаг 1. Необходимо изменить Параметры страницы: вкладка Разметка страницы → Параметры страницы Ориентация альбомная ОК.

hello_html_4ae2d653.gif

  1. Шаг 2. Меняем цвет фона листа: вкладка Разметка страницы → Фон страницы → Цвет страницы → Другие цвета → Спектр (красный - 52, зеленый - 170, синий - 212) ОК:

hello_html_7821efa7.gif


  1. Шаг 3. Создание «шапки» нашего сайта (Наименования и меню):

hello_html_m428822f.png

Из предложенных рисунков выбираем N 14. Вкладка Вставка Рисунок Вставить:

hello_html_m4d3a245e.gif


hello_html_2919f15f.png

Для того чтобы изменить размер рисунка необходимо:

- Щелкнуть правой кнопкой мыши по рисунку (вызвать контекстное меню)

- Под основным меню (в дополнительном) изменяем размеры рисунка: по вертикале – 2,51; по горизонтали – 2,54.

hello_html_m1c73e72d.gif

Чтобы рисунок можно было двигать в любом направлении необходимо:

- Выделить его;

- Перейти на вкладку Работа с рисунком;

- В меню Упорядочить щелкаем по функции Обтекание текстом За текстом.

hello_html_m2ec48ff4.gif

- В той же вкладке (Работа с рисунками) переходим к меню Стили рисунков Наклонная, белая (стиль рамки).

hello_html_m9e9ac1a.gif

- Изменяем местоположение рисунка соответственно картинке:

hello_html_m270572d9.png

Создание наименование туристической фирмы:

- Вставка → Текст → WordArt → Градиентная заливка – черная, контур – белый, тень – снаружи.

hello_html_3aac75b1.gif

В появившемся объекте впишите наиенование туристической фирмы – Панда.

hello_html_1352f217.png

Измените размер шрифта – на 48, и сам шрифт – SchoolBook.

hello_html_m73ce915d.gif

Измените местоположение объекта согласно рисунку:

hello_html_17d8b79a.png

Теперь необходимо вставить надпись «Туристическая фирма»:

- Вкладка Вставить;

- В меню Текст выбираем – Надпись → Простая надпись.

- В появившемся объекте впишите надпись – Туристическая фирма;

- Измените размер шрифта – на 12, полужирный и сам шрифт – SchoolBook.

- Уменьшите объект по размеру текста;

- Во вкладке Средства рисования выбираем Стиль фигуры Заливка фигуры (нет заливки) Контур фигуры (нет контура);

- Располагаем надпись соответственно рисунку:

hello_html_m5abff31f.png

Вставка номера происходит аналогично предыдущему действию – с помощью объекта Надпись:

- Вкладка Вставить;

- В меню Текст выбираем – Надпись → Простая надпись.

- В появившемся объекте впишите надпись – «8 (4012) 51-46-13, 51-46-12»;

- Измените размер шрифта – на 26, полужирный и сам шрифт – Calibri, .

- Уменьшите объект по размеру текста;

- Во вкладке Средства рисования выбираем Стиль фигуры Заливка фигуры (нет заливки) Контур фигуры (нет контура); Стили WordArt Экспресс-стили «Заливка темно-бирюзовый, прозрачная, акцент 5, очистить, рельеф».

- Располагаем надпись соответственно рисунку:

hello_html_4696f904.png

Вставка «кнопок-переключателей»:

- Из списка предложенных картинок выбираем N 7, 8, 9;

- Вставка Рисунок (на панели Иллюстрации) место расположение рисунков Вставить;

hello_html_77919667.png

- Изменяем размер (по вертикали и горизонтали = 1,39 см):

hello_html_647d4e5d.gif

- Выделяем кнопочки, затем во вкладке Работа с рисунками в меню Упорядочить щелкаем по функции Обтекание текстом За текстом.

- Располагаем кнопочки соответственно рисунку:

hello_html_m73b7c5c1.png

Создание основного меню:

- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).

hello_html_5b34a1a.png

- Нажимаем правой кнопкой мыши по объекту (вызываем контекстное меню) → Добавить текст. В объекте появился курсор. Вписываем текст – «Главная»;

- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;

- В открывшемся окне Разметка переходим на вкладку Размер (Высота - 1 см, Ширина – 2,92 см)

- На вкладке Средства рисования Стили фигур «Сильный эффект, темно-бирюзовый, Акцент 5»;

- Измените размер шрифта – на 11, полужирный и сам шрифт – SchoolBook

hello_html_4294f833.gif


hello_html_m75a5be24.gif

Таким же образом создаем следующие надписи:

- «О компании» (Высота - 1 см, Ширина – 2,92 см)

- «Консультанты по отдыху» (Высота - 1 см, Ширина – 5,7 см)

- «Туры» (Высота - 1 см, Ширина – 2,92 см)

- «Телефоны» (Высота - 1 см, Ширина – 2,92 см)

Расположить объекты меню согласно рисунку:

hello_html_m1bf96f4e.png

  1. Шаг 4. Создание плаката под меню.

Для начала необходимо вставить в документ картинки, которые в последствие образуют плакат:

- Вкладка Вставка Иллюстрации Рисунок (N 1, 2 и 3) по очереди;

- Меняем размер рисунков: Высота – 5,41; Ширина – 9,89;

- Изменяем положение рисунков – Обтекание за текстом (вкладка Работа с рисунками);

- Располагаем три рисунка на одной линии (согласно рисунку):

hello_html_6a4bc3da.png

  1. Шаг 5. Создание блоков идентификации и новостей.

- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).

- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;

- В открывшемся окне Разметка переходим на вкладку Размер (Высота – 5,58 см, Ширина – 6 см);

- На вкладке Средства рисования Стили фигур «Сильный эффект, темно-бирюзовый, Акцент 5»;

- Выделяем наш прямоугольник, правой кнопкой мыши вызываем контекстное меню → Копировать; затем на вкладке Главная щелкаем по кнопке Вставить.

- Располагаем прямоугольники друг под другом:

hello_html_1de93cb6.png

- Аналогично вставляем еще 1 прямоугольник:

hello_html_m1af3a91e.png

- Изменяем его стиль (вкладка Средства рисования Стили фигур «Светлый контур 1, цветная заливка – Темно-бирюзовый, Акцент 5) и размер фигуры (Высота – 4,46 см, Ширина – 6 см);

- Накладываем данную фигуру поверх первой:

hello_html_6edab9cd.png

- Ту же процедуру выполняем и с нижним прямоугольником:

hello_html_m4f8b1cc5.png

- Используя объект надпись (Новая надпись), заполняем 1 блок;

- В объекте Надпись вписываем слово – Логин;

- Измените размер шрифта – на 11, сам шрифт – SchoolBook.

- Уменьшите объект по размеру текста;

- Во вкладке Средства рисования выбираем Стиль фигуры Заливка фигуры (нет заливки) Контур фигуры (нет контура);

- Таким же образом создаем Надпись – Пароль;

- Располагаем надпись соответственно рисунку:

hello_html_m286cb02b.png

- Создаем поля для Логина и Пароля;

- На вкладке Вставка Иллюстрации Фигуры выбираем фигуру – Прямоугольник (растягиваем по листу документа);

- Изменяем его размер (Высота – 0,65 см, Ширина – 3,25 см) и стиль (заливка – белая, контур – «Темно-бирюзовый, Акцент 5, более темный оттенок, 25%»);

- Аналогично поле для Пароля.

- Располагаем надпись соответственно рисунку:

hello_html_m234efc88.png

Для завершенности данного блока осталось добавить три надписи: «ВОЙТИ», «Забыли пароль?», «Регистрация»:

hello_html_m42a874de.png

Первый блок заполнен. Таким же образом заполняем второй блок:

hello_html_m309d7bd.png

  1. Шаг 6. Создание внутреннего меню:

- С помощью все той же Надписи, создаем заголовок меню «Наши туры: автобусные туры, горячие туры, новогодние туры…»:

hello_html_2c0f9857.png

- Вставка картинок. Из предложенных картинок вставляем N 10.

- Изменяем размер (высота – 3,19; Ширина – 5,46), Стиль рисунка (с отражением, белая);

- Используя Надпись, над рисунком создаем заголовок «Автобусные туры»:

hello_html_m7941aa51.png

- Аналогично добавляем еще 4 рисунка:

hello_html_3822ac8a.png

- В правый нижний угол нашего документа вставляем рисунок N 11.

- Изменяем положение рисунка – Обтекание за текстом (вкладка Работа с рисунками);

- Выделяем рисунок, переходим на вкладку Работа с рисунками, выбираем инструмент Обрезка и соответственно обрезаем лишние белые края картинки;

- Изменяем стиль нашего рисунка – «Прямоугольник с размытыми краями»:

hello_html_3d2a71c.png

- Затем создаем выноску для наших панд в правом углу (Вставка Иллюстрации Фигуры Выноски Скругленная прямоугольная выноска);

- Добавляем в выноску текст (правой кнопкой по выноске вызываем контекстное меню Добавить текст) – «Отдых требует подготовки. И это мы берем на себя!»;

- Изменяем стиль текста. Выделите выноску на вкладке Средства рисования в Стилях WordArt выбираем – «Заливка 0 светло-коричневый, текст 2, контур – фон 2»;

- С помощью желтого ромбика на выноске, направляем ее на рисунок с пандами:

hello_html_228d8c57.gif

  1. Шаг 7. Заключительное оформление.

В заключение нам осталось оформить наш сайт красивыми бабочками. Вставляем рисунок N 12 в наш документ.

- Изменяем положение – Обтекание за тестом;

- Изменяем размер (Высота – 2,68, Ширина – 3,35);

- Размножим наших бабочек (Копировать, Вставить);

- Располагаем их хаотично;

- Некоторых бабочек обрезаем, некоторых переворачиваем (с помощью зеленого маркера при выделении рисунка).

hello_html_m4194ea52.gif







Работа готова!

hello_html_7611db3a.png

1


Выбранный для просмотра документ Практическая работа Word 2010 - работа с автофигурами и рисунками.docx

библиотека
материалов

hello_html_m4e1e37b6.pnghello_html_m5bf321a.pnghello_html_d5b51d8.pnghello_html_m6f674c14.gif8 (4012) 51-46-13, 51-46-12

hello_html_50364b47.jpghello_html_m133d0aee.jpghello_html_17a71bc0.jpghello_html_m2abece19.jpgПанда

Туристическая фирма

Главная

О компании

Консультанты по отдыху

Туры

Телефоны

Отдых требует подготовки.

И это мы берем на себя!





Отдых и лечение

Бизнес туры

Пляжный отдых

hello_html_m23ed9b1e.jpgСвадебные турыC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\ruimage779.gifC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\img2.jpgC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\panda_by_Dimitra25.jpgC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\careersl.jpgC:\Users\Мотолянец_Л.KTEC\Desktop\Коллекция картинок для сайта Турфирмы\1248553561_pic_id72254.jpeg

hello_html_26eb0f1d.jpgАвтобусные туры

Наши туры: автобусные туры, горящие туры, новогодние туры…

Все наши новости

Горячие туры …

Оформление ВИЗ …

Новости компании

Забыли пароль?

Регистрация

ВОЙТИ

Логин

Пароль



Краткое описание документа:

В качестве редакторов, упрощающих создание Web-сайтов, можно использовать приложения Microsoft Office – Word. При этом пользователь может не знать язык HTML. Огромное количество людей, использующих Word в своей повседневной работе, становятся потенциальными разработчиками HTML-документов.Создать Web-станицу в Word можно двумя способами: с помощью Мастера или шаблона либо преобразовав существующий документ Word в формат HTML. При этом Word сам генерирует тэги HTML, хотя и не оптимальным образом.Первый способ созданияHTML-документов достаточно прост – надо начать создание документа «с нуля» и только следовать советам Мастера и использовать те средства, которые имеются в меню программы.Второй способ – преобразование существующего документаWord в тэги HTML при сохранении файла Word в формате HTML. Преобразование естественно приводит к тому, что какие-то элементы оформления документа будут утрачены или изменены.Одной из отличительных особенностей HTML-документов является то, что сам документ содержит только текст, а все остальные объекты встраиваются в документ в момент его отображения Браузером с помощью специальных тэгов и хранятся отдельно. При сохранении HTML-файла в месте размещения документа Word создает на диске папку, в которую помещает сопутствующие ему графические элементы оформления. Например, при сохранении файла с рисунками frieds.htm Word создает папку frieds.files, в которой и разместит все рисунки.В соответствии с этим при создании сайта – группы взаимосвязанных Web-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.
Автор
Дата добавления 12.06.2014
Раздел Информатика
Подраздел Конспекты
Просмотров1026
Номер материала 125967061201
Получить свидетельство о публикации

Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ

Похожие материалы

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