Как сделать сайт в ворде
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
311 лекций для учителей,
воспитателей и психологов
Получите свидетельство
о просмотре прямо сейчас!
Конспект занятий на тему:
Создание Web-сайта с помощью Microsoft Word
Гизатулин Арсен Рашитович
Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
Задачи урока:
Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
Учебная – изучить и закрепить навыки работы с текстовым редактором.
Развивающая – развитие логического мышления, расширение кругозора.
Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.
Тип урока: комбинированный
Краткий инструктаж по технике безопасности в компьютерном классе.
Объяснение нового материала.
Выполнение практической работы.
Организационный момент
Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word
Инструктаж по технике безопасности в компьютерном классе
Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.
«Правила поведения в кабинете информатики»
Соблюдать правила поведения и текущие указания учителя.
Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.
Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
Нажимать на клавиши плавно, не допуская резких ударов.
Работать на клавиатуре чистыми руками.
Не вставать со своих мест, когда в кабинет входят посетители.
В класс входить спокойно, не торопясь, не задевая столы.
Трогать разъёмы соединительных кабелей.
Прикасаться к питающим проводам и устройствам заземления
Прикасаться к экрану и тыльной стороне монитора.
Включать и выключать аппаратуру без разрешения преподавателя.
Класть посторонние предметы на клавиатуру и монитор.
Не пользоваться клавиатурой при отключенной аппаратуре.
Работать во влажной одежде и влажными руками.
Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
Изучение нового материала.
Изучая данную тему, мы с вами рассмотрим следующие вопросы:
Что такое Web – сайт, Web – страница, гиперссылка?
Как и какими средствами создаются Web – страницы?
Какие существуют виды навигационной схемы Web – сайтов?
Примеры оформления Web – страниц.
Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях
Практическая работа на компьютере
А теперь начнем практическую работу. Вы дома подготовили материал, по заранее выбранной теме (картинки, фотографии, видео, текст). Перед вами лежит брошюрка, где указана ход выполнения практической работы, и советы по созданию Web-сайта.
Домашняя работа
Теоретический материал
Что такое Web – сайт, Web – страница, гиперссылка?
Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.
Веб-страница - это логическая единица интернета , однозначно определяемая адресом ( URL ). Можно сказать, что веб состоит из сайтов , а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.
Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.
Как и какими средствами создаются Web – страницы?
Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом . Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами . На одном сервере может размещаться множество Web-узлов или сайтов.
Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
Какие существуют виды навигационной схемы Web – сайтов?
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Примеры оформления Web – страниц.
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Практическая работа
В данной работе вы реализуете проект сайта, по подготовленной теме.
1.Открыть текстовый процессор Word.
2.Создать таблицу (образец) на весь лист
3. Придумать дизайн страницы.
Разметка страницы → Цвет страницы → Способы заливки
5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы - главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.
Файл → Сохранить как → Имя файла.
6.Теперь нужно сохранить все эти файлы как web-страницу.
Файл → Сохранить как → Тип файла: web-страница
7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)
В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.
Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.
Из этой статьи вы узнаете, как разместить документ Word на своем сайте. На Google Сайтах изображение документа Word можно добавить непосредственно на страницу, а в случае сайта на WordPress или размещенного сайта документ Word нужно загрузить, а затем создать на него ссылку в тексте веб-страницы.
- Если вы еще не вошли в свой аккаунт, сначала введите адрес электронной почты и пароль.
- Возможно, сначала придется нажать «Перейти на Google Диск».
- На загрузку документа Word уйдет не более нескольких секунд.
- Если вы еще не вошли в свою учетную запись Google, введите адрес электронной почты и пароль.
Перейдите на нужную страницу. Прокрутите вниз, чтобы найти страницу, на которой хотите разместить документ Word.
Щелкните по Вставить . Эта кнопка находится в правом нижнем углу страницы. Документ Word будет размещен на вашем сайте.
Измените размеры документа. Нажмите и перетащите верхнюю или нижнюю границу документа, чтобы изменить размер по вертикали, или нажмите и перетащите одну из боковых границ, чтобы изменить общий размер документа.
Нажмите Опубликовать . Это пурпурная кнопка в правом верхнем углу страницы. Сайт будет обновлен и на нем появится документ Word.
- Если вы еще не вошли в свою учетную запись WordPress, нажмите «Войти» в верхнем правом углу страницы, а затем введите адрес электронной почты и пароль.
Щелкните по Мой сайт . Эта опция находится в верхнем левом углу страницы WordPress. Откроется страница вашего сайта.
Щелкните по Перейти на сайт . Эта опция находится в верхней правой части страницы. Вы перейдете на свой сайт.
Перейдите на нужную страницу. Щелкните по вкладке страницы, на которой вы хотите вставить ссылку на документ Word; такие вкладки расположены в верхней части страницы.
Нажмите Медиа . Это опция в верхней части меню. Откроется страница со всеми хранимыми медиафайлами вашего веб-сайта.
Выберите документ Word. Нажмите на нужный документ Word, а затем щелкните по «Открыть» в нижнем правом углу окна. Документ Word загрузится в хранилище WordPress.
Щелкните по Вставить . Эта опция находится в нижней правой части окна. Будет добавлена ссылка на документ Word.
Измените текст ссылки. По умолчанию текстом ссылки является имя документа; чтобы изменить текст ссылки, выберите ссылку, щелкните по значку в виде карандаша у ссылки, измените текст в поле «Текст ссылки» и нажмите «Сохранить».
Щелкните по Обновить . Это голубая кнопка в правом верхнем углу страницы. Сайт будет обновлен и на нем появится ссылка — щелкните по ней, чтобы скачать документ Word.
- Этот шаг зависит от программного обеспечения, которое вы используете для размещения своего веб-сайта.
Скопируйте адрес документа Word. Опять же, этот шаг зависит от программного обеспечения, которое вы используете для размещения своего сайта, но, как правило, адрес отображается в адресной строке в верхней части страницы. Нажмите и перетащите указатель мыши по адресу, чтобы выбрать его, а затем нажмите Ctrl + C (Windows) или ⌘ Command + C (Mac).
Откройте код своего веб-сайта. Откройте текстовый или HTML-документ, в котором хранится код веб-сайта.
Веб страница в Ворде может быть создана даже без каких-либо знаний HTML разметки, и далее мы рассмотрим, как это можно сделать. Создать в Ворде веб страницу можно двумя способами, создать с нуля или перевести в HTML формат уже готовый файл Word.
Создание веб страницы в Ворде с нуля начинается с создания нового документа Ворд. После создания нового документа следует установить режим просмотра «Веб-документ» на вкладке «Вид», что позволит отобразить страницу на ширину всего экрана.
При оформлении и заполнении страницы следует учесть тот факт, что при преобразовании данной страницы в HTML формат будут утрачены некоторые элементы оформления или преобразованы в другой вид. Некоторые из особенностей преобразования отображены в таблице ниже.
После оформления страницы или открытия уже готового файла Ворд можно переходить к сохранению документа Word как веб страницы. Для этого переходим на вкладку «Файл», выбираем меню «Сохранить как» и выбрав место сохранения указываем тип файла для сохранения «Веб-страница».
При сохранения документа Ворд как веб страницы будет создан файл с расширением *.htm, и папка с таким же названием и добавлением *.files в конце. В htm файле хранится вся текстовая информация и html разметка документа, а в папке будут сохранены все вставляемые в документ объекты и другие вспомогательные файлы.
Подобным образом создавая страницу за страницей можно создать простой HTML сайт, который при умелом оформлении будет достойно смотреться, иметь свое меню и очень быстро работать.
Курсы работы в Корде
HTML является стандартизированным языком гипертекстовой разметки на просторах интернета. Большая часть страниц во всемирной паутине содержат описание разметки, выполненное на HTML или XHTML. При этом, у многих пользователей возникает необходимость перевести HTML-файл в другой, не менее популярный и востребованный стандарт — текстовый документ Microsoft Word. О том, как это сделать, читайте далее.
Урок: Как перевести FB2 в Ворд
Существует несколько методов, с помощью которых можно конвертировать HTML в Word. При этом, отнюдь не обязательно скачивать и устанавливать сторонний софт (но и такой способ тоже имеется). Собственно, мы расскажем обо всех доступных вариантах, а то, каким из них воспользоваться, решать только вам.
Открытие и пересохранение файла в текстовом редакторе
Текстовый редактор от Майкрософт может работать не только с собственными форматами DOC, DOCX и их разновидностями. На деле, в этой программе можно открывать и файлы совершенно других форматов, в их числе и HTML. Следовательно, открыв документ этого формата, его можно будет пересохранить в том, который вам нужен на выходе, а именно — DOCX.
Урок: Как перевести Ворд в FB2
1. Откройте папку, в которой находится HTML-документ.
2. Кликните по нему правой кнопкой мышки и выберите «Открыть с помощью» — «Word».
3. HTML-файл будет открыт в окне Ворда точно в том же виде, в котором он бы отображался в HTML-редакторе или во вкладке браузера, но не на готовой веб-странице.
Примечание: Все теги, которые есть в документе, будут отображаться, но не будут выполнять своей функции. Все дело в том, что разметка в Ворде, как и форматирование текста, работает совсем по иному принципу. Вопрос лишь в том, нужны ли вам эти теги в конечном файле, а проблема в том, что убирать их все придется вручную.
4. Поработав над форматированием текста (если это необходимо), сохраните документ:
- Откройте вкладку «Файл» и выберите в ней пункт «Сохранить как»;
- Измените имя файла (опционально), укажите путь для его сохранения;
- Самое важное — в выпадающем меню под строкой с именем файла выберите формат «Документ Word (*docx)» и нажмите кнопку «Сохранить».
Таким образом вы сумели быстро и удобно преобразовать файл формата HTML в обычный текстовый документ программы Ворд. Это лишь один из способов, но отнюдь не единственный.
Использование программы Total HTML Converter
Урок: Как перевести DjVu в Ворд
Узнать более подробно о функциях и возможностях HTML Converter, а также скачать ознакомительную версию этой программы можно на официальном сайте.
1. Загрузив программу на свой компьютер, установите ее, внимательно следуя инструкции инсталлятора.
2. Запустите HTML Converter и, используя встроенный браузер, расположенный слева, укажите путь к HTML-файлу, который вы хотите преобразовать в Word.
3. Установите галочку напротив этого файла и нажмите на панели быстрого доступа кнопку со значком документа DOC.
Примечание: В окне справа вы можете увидеть содержимое файла, который вы собираетесь преобразовать.
4. Укажите путь для сохранения преобразуемого файла, если это необходимо, измените его имя.
7. Далее можно задать размеры полей.
Урок: Как настроить поля в Ворде
8. Перед вами появится долгожданное окно, в котором уже и можно будет начать конвертирование. Просто нажмите кнопку «Начать».
9. Перед вами появится окно об удачном завершении преобразования, автоматически будет открыта папка, которую вы указали для сохранения документа.
Откройте конвертированный файл в программе Microsoft Word.
Если это требуется, отредактируйте документ, уберите теги (вручную) и пересохраните его в формате DOCX:
Помимо конвертирования HTML-документов, программа Total HTML Converter позволяет перевести веб-страницу в текстовый документ или любой другой, поддерживаемый формат файлов. Для этого в главном окне программы достаточно просто вставить в специальную строку ссылку на страницу, а затем приступить к ее конвертированию аналогично тому, как это описано выше.
Мы рассмотрели еще один возможный метод преобразования HTML в Ворд, но и это не последний вариант.
Урок: Как перевести текст с фотографии в документ Word
Использование онлайн-конвертеров
На безграничных просторах интернета есть немало сайтов, на которых можно конвертировать электронные документы. Возможность перевести HTML в Ворд на многих из них тоже присутствует. Ниже представлены ссылки на три удобных ресурса, просто выберите тот, который вам больше понравится.
ConvertFileOnlineConvertioOnline-Convert
Рассмотрим методику преобразования на примере онлайн-конвертера ConvertFileOnline.
1. Загрузите HTML-документ на сайт. Для этого нажмите виртуальную кнопку «Выберите файл», укажите путь к файлу и нажмите «Открыть».
3. Начнется преобразование файла, по завершению которого будет автоматически открыто окно для его сохранения. Укажите путь, задайте имя, нажмите кнопку «Сохранить».
Теперь вы можете открыть конвертированный документ в текстовом редакторе Майкрософт Ворд и выполнить с ним все те манипуляции, которые можно делать с обычным текстовым документом.
Примечание: Файл будет открыт в режиме защищенного просмотра, более детально о котором вы можете узнать из нашего материала.
Читать: Режим ограниченной функциональности в Word
Для отключения режима защищенного просмотра просто нажмите кнопку «Разрешить редактирование».
Урок: Автосохранение в Ворде
Вот теперь уж мы точно можем закончить. Из этой статьи вы узнали о трех различных методах, с помощью которых можно быстро и удобно преобразовать HTML-файл в текстовый документ Word, будь то DOC или DOCX. То, какой из описанных нами методов выбрать, решать вам.
Мы рады, что смогли помочь Вам в решении проблемы.
Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Хотя вполне возможно сгенерировать HTML-страницу в Word, в большинстве случаев это не рекомендовано делать, если вы собираетесь использовать страницу в любой профессиональной или широко распространенной среде. Создание вашего личного сайта с помощью Word – это как строительство своего собственного дома из блоков LEGO: можно сделать и так, если у вас нет иного опыта, однако использование правильных инструментов или профессионала даст неизмеримо лучшие результаты.
Word предназначен для создания бумажных документов, которые имеют фиксированный размер страницы, шрифт и макет, в то время как размер страницы, шрифт и оформление, доступные для всех просматривающих веб-сайт, могут значительно отличаться от ваших. Ввиду того, что Word специально придуман для форматирования фиксированного документа, создаваемый код веб-страницы загружается в нестандартном бумажном стиле, который может отображаться не так, как вы подразумевали, в любых других браузерах, кроме Internet Explorer, собственной программы компании Microsoft.
Загрузите Word.
Напечатайте на странице «Homepage» (Домашняя страница).
Нажмите «Файл» (File) > «Сохранить как веб-страницу» (Save as Webpage). В Office 2007 кликните по кнопке «Офис» (Office) > «Сохранить как» (Save As) > «Другие форматы» (Other Formats).
Сохраните вашу страницу как index.html. Для Office 2007 поменяйте тип файла в меню «Сохранить как» (Save as type) на «Веб-страница» (Web Page).
Сейчас вы увидите, что страница выглядит не как обычный документ Word, – вы теперь находитесь в режиме наброска.
Добавьте немного дополнительного текста; попробуйте ввести, например, «Это моя домашняя страница».
Почаще сохраняйте свою работу (просто нажмите на значок сохранения – Word запомнит документ как веб-страницу).
Делайте то же самое при создании других страниц (прочитайте ниже, как сделать гиперссылку).
Введите «Link to homepage» (Ссылка на домашнюю страницу) под текстом.
Выделите текст.
Кликните «Вставка» (Insert) > «Гиперссылка» (Hyperlink) (для всех версий)
Поищите файл index.html.
Найдя файл, выберите его и нажмите на кнопку «ОК».
Обратите внимание, что вы только что создали гиперссылку. Это означает, что в браузере вы можете кликнуть по соответствующей гиперссылке и перейти на другую страницу своего сайта.
Вы можете добавить гиперссылку на другой сайт – в диалоговом окне «Вставить ссылку» (Insert Hyperlink) введите адрес веб-страницы в текстовом поле «Адрес» (Address).
Продолжайте делать так, пока ваш сайт не будет готов!
Вы хорошо потрудились. Однако не забывайте, о чем говорилось во введении к данной статье.
Советы
Предупреждения
- Если вы планируете разместит свой сайт в интернете, будьте осторожны, чтобы не включить каких-нибудь личных данных, которые не намерены обнародовать в информации документа.
- Как отмечено в заголовке статьи, создание HTML с помощью любого продукта Microsoft Office, кроме Expression Web, по большей части плохая идея. Тот факт, что программа может сохранять файл как HTML, не делает ее программным обеспечением для веб-дизайна.
Что вам понадобится
- Компьютер
- Microsoft Office Word (все версии)
Информация о статье
Эту страницу просматривали 29 127 раза.
Была ли эта статья полезной?
Как сделать сайт в ворде
Как сделать сайт в ворде (Word)
Первая моя попытка сделать сайт была выполнена именно в ворде.
Проблема была скорее не как сделать сайт, а на какую тему сделать.
Ниже мы рассмотрим все вопросы, которые связаны с созданием сайта в ворд.
Что нужно делать, чтобы создать сайт
1. Запускам Word.
2. Создаем меню.
Можно сделать так: Главная | Моя музыка | О сайте
Для этого, нажимаем «Вставка» — «Гиперссылка»
В появившемся окне в поле «Текст» пишем текст нашей ссылки – например «О сайте», в поле «Адрес» пишем текстом index1.htm,
Добавив текст, мы вставляем гиперссылки на старницу сайта
Для других страниц пишем другие имена страниц — index2.htm, index3.htm, index4.htm или o-saite.htm, moia-musika.htm.
3. Ниже меню печатаем основной текст.
4. Вставляем рисунки.
5. Сохраняем полученную страницу, нажимаем «Файл» — «Сохранить как», а далее очень важно, выбираем имя файла index, а тип файла htm – НЕ ОДНИМ ФАЙЛОМ.
Сохраняем полученную страницу сайта
Обратите внимание, если вы добавляли картинки, то вместе с веб страницей появится еще и папка images – в ней все вставленные вами рисунки.
Рекомендации
Вобщем ничего сложного, если не учитывать, что так создавать не правильно.
Не пытайтесь так делать, изучайте HTML, в крайнем случае воспользуйтесь бесплатным шаблоном и программой FrontPage.
Веб страница созданная в ворде будет напичкана лишними тегами, вес ее будет больше, а отображение в браузере не всегда такое же, как в документе.
Веб страница в Ворде может быть создана даже без каких-либо знаний HTML разметки, и далее мы рассмотрим, как это можно сделать. Создать в Ворде веб страницу можно двумя способами, создать с нуля или перевести в HTML формат уже готовый файл Word.
Создание веб страницы в Ворде с нуля начинается с создания нового документа Ворд. После создания нового документа следует установить режим просмотра «Веб-документ» на вкладке «Вид», что позволит отобразить страницу на ширину всего экрана.
При оформлении и заполнении страницы следует учесть тот факт, что при преобразовании данной страницы в HTML формат будут утрачены некоторые элементы оформления или преобразованы в другой вид. Некоторые из особенностей преобразования отображены в таблице ниже.
После оформления страницы или открытия уже готового файла Ворд можно переходить к сохранению документа Word как веб страницы. Для этого переходим на вкладку «Файл», выбираем меню «Сохранить как» и выбрав место сохранения указываем тип файла для сохранения «Веб-страница».
При сохранения документа Ворд как веб страницы будет создан файл с расширением *.htm, и папка с таким же названием и добавлением *.files в конце. В htm файле хранится вся текстовая информация и html разметка документа, а в папке будут сохранены все вставляемые в документ объекты и другие вспомогательные файлы.
Подобным образом создавая страницу за страницей можно создать простой HTML сайт, который при умелом оформлении будет достойно смотреться, иметь свое меню и очень быстро работать.
Курсы работы в Корде
Хотя вполне возможно сгенерировать HTML-страницу в Word, в большинстве случаев это не рекомендовано делать, если вы собираетесь использовать страницу в любой профессиональной или широко распространенной среде. Создание вашего личного сайта с помощью Word – это как строительство своего собственного дома из блоков LEGO: можно сделать и так, если у вас нет иного опыта, однако использование правильных инструментов или профессионала даст неизмеримо лучшие результаты.
Word предназначен для создания бумажных документов, которые имеют фиксированный размер страницы, шрифт и макет, в то время как размер страницы, шрифт и оформление, доступные для всех просматривающих веб-сайт, могут значительно отличаться от ваших. Ввиду того, что Word специально придуман для форматирования фиксированного документа, создаваемый код веб-страницы загружается в нестандартном бумажном стиле, который может отображаться не так, как вы подразумевали, в любых других браузерах, кроме Internet Explorer, собственной программы компании Microsoft.
Загрузите Word.
Напечатайте на странице «Homepage» (Домашняя страница).
Нажмите «Файл» (File) > «Сохранить как веб-страницу» (Save as Webpage). В Office 2007 кликните по кнопке «Офис» (Office) > «Сохранить как» (Save As) > «Другие форматы» (Other Formats).
Сохраните вашу страницу как index.html. Для Office 2007 поменяйте тип файла в меню «Сохранить как» (Save as type) на «Веб-страница» (Web Page).
Сейчас вы увидите, что страница выглядит не как обычный документ Word, – вы теперь находитесь в режиме наброска.
Добавьте немного дополнительного текста; попробуйте ввести, например, «Это моя домашняя страница».
Почаще сохраняйте свою работу (просто нажмите на значок сохранения – Word запомнит документ как веб-страницу).
Делайте то же самое при создании других страниц (прочитайте ниже, как сделать гиперссылку).
Введите «Link to homepage» (Ссылка на домашнюю страницу) под текстом.
Выделите текст.
Кликните «Вставка» (Insert) > «Гиперссылка» (Hyperlink) (для всех версий)
Поищите файл index.html.
Найдя файл, выберите его и нажмите на кнопку «ОК».
Обратите внимание, что вы только что создали гиперссылку. Это означает, что в браузере вы можете кликнуть по соответствующей гиперссылке и перейти на другую страницу своего сайта.
Вы можете добавить гиперссылку на другой сайт – в диалоговом окне «Вставить ссылку» (Insert Hyperlink) введите адрес веб-страницы в текстовом поле «Адрес» (Address).
Продолжайте делать так, пока ваш сайт не будет готов!
Вы хорошо потрудились. Однако не забывайте, о чем говорилось во введении к данной статье.
Советы
Предупреждения
- Если вы планируете разместит свой сайт в интернете, будьте осторожны, чтобы не включить каких-нибудь личных данных, которые не намерены обнародовать в информации документа.
- Как отмечено в заголовке статьи, создание HTML с помощью любого продукта Microsoft Office, кроме Expression Web, по большей части плохая идея. Тот факт, что программа может сохранять файл как HTML, не делает ее программным обеспечением для веб-дизайна.
Что вам понадобится
- Компьютер
- Microsoft Office Word (все версии)
Информация о статье
Эту страницу просматривали 29 127 раза.
Была ли эта статья полезной?
Цель работы: освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
Используемое программноее обеспечение: текстовый процессор Microsoft Word.
Замечание. Чтобы проверить, работает ли Web-мастер, выполните команду Файл —> Создать. Если в открывшемся окне имеется вкладка Web-страницы, значит, можно работать дальше. Если такой вкладки нет, то необходима переустановка Microsoft Office с включением режима создания HTML.
Задание
В данной работе вы реализуете проект семейного сайта. Ниже вы видите макет главной страницы и макет «Папиной страницы». Макеты остальных страниц вы можете по аналогии создать сами.
1. Открыть текстовый процессор Word.
2. Выполнить команду Файл -> Создать. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новая Web-страница.
3. Оформить внешний вид страницы в соответствии с приведенным образцом, используя обычные средства Word (управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.). При наборе текста страницы не подчеркивать слова (Папа, Мама, Сережа, Тимка, биография). Подчеркивания появятся автоматически после вставки гиперссылок.
Вставить рисунок можно либо из файла со сканированной фотографией (если у вас такой имеется), либо выбрав любой рисунок из Microsoft Clip Gallery.
4. Вставить внутренние гиперссылки. Для этого:
=> установить курсор перед абзацем, начинающимся словами: «Моего папу зовут …»;
=> выполнить команду Вставка —> Закладка;
=> в открывшемся окне в строке Имя закладки ввести какое-нибудь имя, например «М1»; щелкнуть на кнопке Добавить;
=> в списке, расположенном выше, выделить слово «Папа»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки «Имя объекта в документе»;
=> выбрать имя созданной закладки (M1); щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.
5. Аналогичным образом организовать внутренние гиперссылки на других словах из списка (Мама, Сережа, Тимка) к соответствующим абзацам главной страницы.
6. Сохранить полученную страницу в файле с именем family.htm (расширение установится автоматически) в папке Мои документы (окно с данной страницей не закрывать).
7. Создать «Папину страницу» (см. п. 1-2); гиперссылок в ней пока создавать не нужно. Сохранить страницу в файле father.htm в папке Мои документы.
8. Вернуться к главной странице. Создать в ней внешнюю гиперссылку на «Папину страницу». Для этого:
=> выделить первое в тексте слово «Биография»;
=> выполнить команду Вставка -> Гиперссылка;
=> в появившемся окне щелкнуть на кнопке Обзор напротив строки Связь с файлом/URL;
=> найти и выбрать ранее созданный файл father.htm; щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.
9. Вернуться к «Папиной странице». Создать в ней внешнюю гиперссылку на сайт Московского университета. Для этого:
=> выделить текст «Московского государственного университета им. М. В. Ломоносова»;
=> выполнить команду Вставка —> Гиперссылка;
=> в появившемся окне в строке Связь с файлом/URL набрать URL-адрес МГУ: щелкнуть на кнопке ОК, затем еще раз на ОК. Гиперссылка готова.
10. Создать остальные страницы семейного сайта, согласно плану, представленному на схеме. Организовать связи между страницами и внешние связи. Не забудьте сохранить все созданные файлы. (Мои документы/11 класс/Ф.И.О)
11. Установите автономный режим работы браузера.
12. Открыть с помощью браузера главную страницу семейного сайта (для этого достаточно дважды щелкнуть на значке файла с главной страницей в папке Мои документы). Проверить работу всех внутренних гиперссылок (внутри главной страницы, а также между страницами вашего сайта).
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Рабочие листы и материалы для учителей и воспитателей
Более 2 500 дидактических материалов для школьного и домашнего обучения
Столичный центр образовательных технологий г. Москва
Получите квалификацию учитель математики за 2 месяца
от 3 170 руб. 1900 руб.
Количество часов 300 ч. / 600 ч.
Успеть записаться со скидкой
Форма обучения дистанционная
- Онлайн
формат - Диплом
гособразца - Помощь в трудоустройстве
Видеолекции для
профессионалов
- Свидетельства для портфолио
- Вечный доступ за 120 рублей
- 311 видеолекции для каждого
Выберите документ из архива для просмотра:
Выбранный для просмотра документ Методические рекомендации.doc
Практическая работа
Microsoft Word 2010
Работа с автофигурами и рисунками
В ходе выполнения данного практического задания студент должен научиться:
Создавать объекты в Microsoft Word с помощью автофигур;
Редактировать фигуры и рисунки.
Задание на выполнение:
С помощью автофигур и рисунков в Microsoft Word необходимо создать сайт туристической фирмы «Панда».
Методика выполнения задания:
Запустите Microsoft Word (Пуск – Все программы – Microsoft office - Microsoft Word 2010).
Шаг 1. Необходимо изменить Параметры страницы: вкладка Разметка страницы → Параметры страницы → Ориентация альбомная → ОК.
Шаг 2. Меняем цвет фона листа: вкладка Разметка страницы → Фон страницы → Цвет страницы → Другие цвета → Спектр (красный - 52, зеленый - 170, синий - 212) → ОК:
Шаг 3. Создание «шапки» нашего сайта (Наименования и меню):
Из предложенных рисунков выбираем N 14. Вкладка Вставка → Рисунок → Вставить:
Для того чтобы изменить размер рисунка необходимо:
- Щелкнуть правой кнопкой мыши по рисунку (вызвать контекстное меню)
- Под основным меню (в дополнительном) изменяем размеры рисунка: по вертикале – 2,51; по горизонтали – 2,54.
Чтобы рисунок можно было двигать в любом направлении необходимо:
- Перейти на вкладку Работа с рисунком;
- В меню Упорядочить щелкаем по функции Обтекание текстом → За текстом.
- В той же вкладке (Работа с рисунками) переходим к меню Стили рисунков → Наклонная, белая (стиль рамки).
- Изменяем местоположение рисунка соответственно картинке:
Создание наименование туристической фирмы:
- Вставка → Текст → WordArt → Градиентная заливка – черная, контур – белый, тень – снаружи.
В появившемся объекте впишите наиенование туристической фирмы – Панда.
Измените размер шрифта – на 48, и сам шрифт – SchoolBook.
Измените местоположение объекта согласно рисунку:
Теперь необходимо вставить надпись «Туристическая фирма»:
- В меню Текст выбираем – Надпись → Простая надпись.
- В появившемся объекте впишите надпись – Туристическая фирма;
- Измените размер шрифта – на 12, полужирный и сам шрифт – SchoolBook.
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура);
- Располагаем надпись соответственно рисунку:
Вставка номера происходит аналогично предыдущему действию – с помощью объекта Надпись:
- В меню Текст выбираем – Надпись → Простая надпись.
- В появившемся объекте впишите надпись – «8 (4012) 51-46-13, 51-46-12»;
- Измените размер шрифта – на 26, полужирный и сам шрифт – Calibri , .
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура); Стили WordArt → Экспресс-стили → «Заливка темно-бирюзовый, прозрачная, акцент 5, очистить, рельеф».
- Располагаем надпись соответственно рисунку:
- Из списка предложенных картинок выбираем N 7, 8, 9;
- Вставка → Рисунок (на панели Иллюстрации) → место расположение рисунков → Вставить;
- Изменяем размер (по вертикали и горизонтали = 1,39 см):
- Выделяем кнопочки, затем во вкладке Работа с рисунками в меню Упорядочить щелкаем по функции Обтекание текстом → За текстом.
- Располагаем кнопочки соответственно рисунку:
Создание основного меню:
- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры → Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).
- Нажимаем правой кнопкой мыши по объекту (вызываем контекстное меню) → Добавить текст. В объекте появился курсор. Вписываем текст – «Главная»;
- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;
- В открывшемся окне Разметка переходим на вкладку Размер (Высота - 1 см, Ширина – 2,92 см)
- На вкладке Средства рисования → Стили фигур → «Сильный эффект, темно-бирюзовый, Акцент 5»;
- Измените размер шрифта – на 11, полужирный и сам шрифт – SchoolBook
Таким же образом создаем следующие надписи:
- «О компании» (Высота - 1 см, Ширина – 2,92 см)
- «Консультанты по отдыху» (Высота - 1 см, Ширина – 5,7 см)
- «Туры» (Высота - 1 см, Ширина – 2,92 см)
- «Телефоны» (Высота - 1 см, Ширина – 2,92 см)
Расположить объекты меню согласно рисунку:
Шаг 4. Создание плаката под меню.
Для начала необходимо вставить в документ картинки, которые в последствие образуют плакат:
- Вкладка Вставка → Иллюстрации → Рисунок ( N 1, 2 и 3) по очереди;
- Меняем размер рисунков: Высота – 5,41; Ширина – 9,89;
- Изменяем положение рисунков – Обтекание за текстом (вкладка Работа с рисунками);
- Располагаем три рисунка на одной линии (согласно рисунку):
Шаг 5. Создание блоков идентификации и новостей.
- На вкладке Вставка, в меню Иллюстрации выбираем Фигуры → Скругленный прямоугольник (вместо курсора на экране появился крестик, щелкаем им по листу).
- Вызываем контекстное меню нашей фигуры, выбираем Дополнительные параметры разметки;
- В открывшемся окне Разметка переходим на вкладку Размер (Высота – 5,58 см, Ширина – 6 см);
- На вкладке Средства рисования → Стили фигур → «Сильный эффект, темно-бирюзовый, Акцент 5»;
- Выделяем наш прямоугольник, правой кнопкой мыши вызываем контекстное меню → Копировать; затем на вкладке Главная щелкаем по кнопке Вставить.
- Располагаем прямоугольники друг под другом:
- Аналогично вставляем еще 1 прямоугольник:
- Изменяем его стиль (вкладка Средства рисования → Стили фигур → «Светлый контур 1, цветная заливка – Темно-бирюзовый, Акцент 5) и размер фигуры (Высота – 4,46 см, Ширина – 6 см);
- Накладываем данную фигуру поверх первой:
- Ту же процедуру выполняем и с нижним прямоугольником:
- Используя объект надпись (Новая надпись), заполняем 1 блок;
- В объекте Надпись вписываем слово – Логин;
- Измените размер шрифта – на 11, сам шрифт – SchoolBook.
- Уменьшите объект по размеру текста;
- Во вкладке Средства рисования выбираем Стиль фигуры → Заливка фигуры (нет заливки) → Контур фигуры (нет контура);
- Таким же образом создаем Надпись – Пароль;
- Располагаем надпись соответственно рисунку:
- Создаем поля для Логина и Пароля;
- На вкладке Вставка → Иллюстрации → Фигуры выбираем фигуру – Прямоугольник (растягиваем по листу документа);
- Изменяем его размер (Высота – 0,65 см, Ширина – 3,25 см) и стиль (заливка – белая, контур – «Темно-бирюзовый, Акцент 5, более темный оттенок, 25%»);
- Аналогично поле для Пароля.
- Располагаем надпись соответственно рисунку:
Первый блок заполнен. Таким же образом заполняем второй блок:
Шаг 6. Создание внутреннего меню:
- С помощью все той же Надписи, создаем заголовок меню «Наши туры: автобусные туры, горячие туры, новогодние туры…»:
- Вставка картинок. Из предложенных картинок вставляем N 10.
- Изменяем размер (высота – 3,19; Ширина – 5,46), Стиль рисунка (с отражением, белая);
- Используя Надпись, над рисунком создаем заголовок «Автобусные туры»:
- Аналогично добавляем еще 4 рисунка:
- В правый нижний угол нашего документа вставляем рисунок N 11.
- Изменяем положение рисунка – Обтекание за текстом (вкладка Работа с рисунками);
- Выделяем рисунок, переходим на вкладку Работа с рисунками, выбираем инструмент Обрезка и соответственно обрезаем лишние белые края картинки;
- Изменяем стиль нашего рисунка – «Прямоугольник с размытыми краями»:
- Затем создаем выноску для наших панд в правом углу (Вставка → Иллюстрации → Фигуры → Выноски → Скругленная прямоугольная выноска);
- Добавляем в выноску текст (правой кнопкой по выноске вызываем контекстное меню → Добавить текст) – « Отдых требует подготовки. И это мы берем на себя! » ;
- Изменяем стиль текста. Выделите выноску → на вкладке Средства рисования в Стилях WordArt выбираем – «Заливка 0 светло-коричневый, текст 2, контур – фон 2»;
- С помощью желтого ромбика на выноске, направляем ее на рисунок с пандами:
Шаг 7. Заключительное оформление.
В заключение нам осталось оформить наш сайт красивыми бабочками. Вставляем рисунок N 12 в наш документ.
- Изменяем положение – Обтекание за тестом;
- Изменяем размер (Высота – 2,68, Ширина – 3,35);
- Размножим наших бабочек (Копировать, Вставить);
- Располагаем их хаотично;
- Некоторых бабочек обрезаем, некоторых переворачиваем (с помощью зеленого маркера при выделении рисунка).
Работа готова!
Выбранный для просмотра документ Практическая работа Word 2010 - работа с автофигурами и рисунками.docx
8 (4012) 51-46-13, 51-46-12
Панда
Туристическая фирма
О компании
Консультанты по отдыху
Отдых требует подготовки.
И это мы берем на себя!
Отдых и лечение
Бизнес туры
Пляжный отдых
Свадебные туры
Автобусные туры
Наши туры: автобусные туры, горящие туры, новогодние туры…
Горячие туры …
Оформление ВИЗ …
Забыли пароль?
Краткое описание документа:
В качестве редакторов, упрощающих создание 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-страниц – рекомендуется помещать сайт в отдельную папку и при перемещении или публикации сайта строго сохранять всю внутреннюю структуру папок.
Читайте также: