Инструкции по редактированию шаблона и обратная связь

Шаблон документа и его изменение

В организациях, как правило, имеется документ с требованиями к оформлению документации. То есть требования, каким должен быть шаблон документа. И, как правило, границы печатного поля и вид шрифта в этих требованиях оговорены. Но программа Word предоставляет нам свой собственный шаблон документа, и установки этого документа не совпадают с теми требованиями, которые предъявляет наша организация. И каждый раз, создавая новый документ, вы вручную меняете эти установки под те самые установленные поля, виды шрифта и тому подобное.

По окончании урока вы сможете:

1. Изменить границы печатного поля страницы и сохранить эти изменения в шаблон документа
2. Изменить параметры шрифта, используемого по умолчанию, и сохранить эти изменения в шаблон документа

Каждый вновь создаваемый документ имеет следующие параметры:

1. Шрифт Calibri (Основной)
2. Размер шрифта 11 пунктов
3. Границы печатного поля:
   • Верхнее – 2 см
   • Левое – 3 см
   • Нижнее – 2 см
   • Правое – 1,5 см

Дело в том, что документ создаётся на основе шаблона. Шаблон документа Word ‒ это файл, на основе которого создаются новые документы. Шаблон документа можно по другому назвать трафаретом, формой или «рыбой». Когда мы создаём новый документ, то по умолчанию он создаётся на основе стандартного шаблона, который называется Normal.dotm.
Поэтому встаёт вопрос: как изменить стандартный шаблон?

1. Меняем границы печатного поля страницы и сохраняем эти изменения в шаблон документа

Шаг 1. Откройте новый документ

Шаг 2. Для Word-10: Лента Разметка страницы – группа команд Параметры страницы – Поля – Настраиваемые поля:

Для Word-16: Лента Макет – группа команд Параметры страницы – Поля – Настраиваемые поля:

Шаг 3. В диалоговом окне задайте требуемые размеры на закладке Поля и закладке Колонтитулы:

Шаг 4. Нажмите кнопку По умолчанию (причём не важно, на какой закладке вы её нажмёте).

Появится окно с надписью:

Шаг 5. Нажимайте «Да» и теперь во всех вновь открываемых документах будут такие параметры страницы, какие вы задавали. То есть, вы изменили шаблон Normal.dotm.

2. Меняем параметры шрифта, используемого по умолчанию, и сохраняем эти изменения в шаблон документа

Шаг 1. Лента Главная – группа команд Шрифт – диалоговое окно Шрифт.

Шаг 2. Установите вид и размер шрифта согласно требованиям по оформлению документов, которые приняты в вашей организации, и нажмите кнопку По умолчанию.

Появится окно, где вам будет предложено изменить шаблон Normal.dotm.

Шаг 3. Отметьте кнопку «всех документов, основанных на шаблоне Normal.dotm» и нажмите кнопку ОК.

В результате этих действий мы получили шаблон, который соответствует требованиям вашей организации

Теперь вы сможете:

1. Изменить границы печатного поля страницы и сохранить эти изменения в шаблоне Normal
2. Изменить параметры шрифта, используемого по умолчанию, и сохранить эти изменения в шаблоне Normal

Скачать инструкцию с примерами HTML страниц и самим шаблоном можно по ссылке внизу страницы.

Этапы создания сайта от А до Я.
Подробное описание с иллюстрациями: Регистрация домена, работа с хостингом, размещение сайта, адаптивность, оптимизация — в одной статье.

Подготовка к редактированию шаблона.

Желательно, чтобы у Вас заранее был готов текст, который собираетесь размещать на редактируемой странице и картинки (фото) по размерам соответствующие тем, которые лежат в папке img.
Эта папка будет содержать Ваши личные изображения и фото для размещения на сайте.
В папке images находятся картинки, используемые в дизайне сайта, их менять не рекомендуется (тем более размер), если только позже, когда наберетесь опыта.
В названиях картинок и страниц сайта используйте только осмысленные латинские символы, чтобы потом было легче ориентироваться в коде.

— Открываем файл index_red.html в браузере. Здесь видим копию кода главной страницы сайта index.html — для наглядности. Редактировать будем другую страницу.
Обратите внимание только на то, что выделено разными цветами: меню (навигация) сайта, имена картинок (при желании), адреса ссылок на страницы (если переименуете их), основное текстовое содержание сайта (обязательно) и, так называемые, мета теги (обязательно), которые находятся в начале кода, нужны для поисковых систем — посещаемости сайта.
Менять будем только места выделенные цветом.

Переходим к редактированию шаблона.

— Открываем главную страницу index.html (папка «Ваш сайтbegin») с помощью текстового редактора и видим то, что нам предстоит редактировать. Не пугайтесь, это только при первом взгляде страшно, по мере работы присмотритесь и все встанет на свои места.
При редактировании кода используйте поиск: выделите и скопируйте код на странице инструкции и вставьте в окошко поиска редактора на редактируемой странице.

Замене подлежат: Русский текст —  ЦВЕТ , Имя картинки — ЦВЕТ , Ссылки (переходы) — ЦВЕТ

Переходим к замене контента шаблона. Не забывайте периодически сохранять и просматривать результат работы (стр. index.html) в браузере, перезагрузка окна — F5.

Редактируем основные META теги HTML страницы

<title>

Название сайта — Видно в окне браузера

</title>
<meta name=»description» content=»

Описание сайта. Будет видно в анонсе поисковых систем. Не более 200 символов

» />
<meta name=»keywords» content=»

ключевые, слова, через, запятую

» />

Мета-теги в начале страницы: title, description, keywords, являются важным атрибутом любой страницы, размещенной в Интернете.

Title — текст отображается в заголовке браузера (выше не куда). Основной источник информации о странице для поисковых систем. Влияет на поиск, а значит посещаемость сайта. Должен содержать ключевые слова без повторов.

Description — описание сайта при отображении Вашей страницы в результате поиска. Должно быть не более 200 символов. Наличие ключевых слов.

Keywords — ключевые слова, которые чаще встречаются в тексте страницы, несут смысловую нагрузку содержания страницы, пишутся через запятую, не более 7-8 слов. В самом тексте должны встречаться не более 4 раз (каждое слово) на 2000 символов, выделяться жирным, присутствовать в первом предложении и последнем.
Keywords в последнее время потеряли свою значимость для поисковых систем.

Сохраняем!

Редактируем меню сайта и логотип

ЛОГОТИП

<h1 id=»logo»><a href=»index.html»>Ваш логотип<span>Название сайта или код-адрес картинки</span></a></h1> — для начала достаточно текста.

МЕНЮ САЙТА

<li><a class=»active» href=»index.html»>На ГЛАВНУЮ</a></li>
 <li><a href=»page1.html»>О сайте</a></li>
 <li><a href=»page2.html»>Скачать бесплатно</a></li>
 <li><a href=»page3.html»>Анонс</a></li>
 <li><a href=»page4.html»>Фотографии</a></li>
 <li><a href=»video.html»>Видео</a></li>
 <li><a href=»pusto.html»>Пустая страница</a></li>

Ссылки типа page1.html можете оставить без изменений или изменить на свои, но тогда не забудьте внести изменения в другие страницы сайта.
Здесь указана относительная ссылка: page1.html, можно указать абсолютную: http://Ваш сайт/page1.html, что одно и тоже. При первом варианте ссылки, страницы должны находиться в одной и той же папке, в пределах компьютера или хостинга.

index.html — является индексным названием, его не менять! При обращении браузера к папке в которой находиться файл index.html, по умолчанию открывается сразу этот файл.

Пример: если Вы набрали в браузере адрес: http://Вашсайт.ru, то автоматически (по умолчанию) откроется файл первой страницы index.html, если он лежит в папке Вашсайт.ru
Два адреса http://Вашсайт.ru и http://Вашсайт.ru/index.html одинаковы.

Поменяйте заголовки меню. Следите за тем, чтобы текст меню уместился в одной строке страницы.

Сохраняем!

Редактируем ШАПКУ сайта

В шапке будем менять текст слева от большой картинки. С этим Вы справитесь, далее о картинке.

Размер картинки 600х220 px, поменяйте изображение, создайте свое таких же размеров. Сама картинка лежит в папке images, называется logo.png, параметры картинки в файле style.css (папка css). При изменении ширины изображения, поменяйте параметр width:600px; (он такой один) на свой размер.

Отступы от верхнего и правого края меняйте атрибутами, соответственно: padding-top:10px; padding-right:10px; которые ниже параметра width:600px;

Следите за тем, чтобы вес картинки был не большим. Влияет на скорость первого открытия сайта для посетителя. На дальнейших переходах по страницам сайта не отображается, за счет прописки в файле .css, но тем не менее лучше держаться в пределах 50-100 кб.

Сохраняем!

СЛАЙДЕР — картинки в движении

В нашем случае состоит из восьми картинок размером 200х100 px. Размеры не менять. Если измените ширину, то расстояние между картинками увеличиться или уменьшиться. Могут наехать друг на друга. Имена картинок: slider1.gif, slider1.gif, slider1.gif и т.д., лежат в папке images. Замените их на свои, таких же размеров.
Название можете изменить, но тогда поменяйте его и в коде, пример: slider1.gif меняем на mylove1.jpg. Обратите внимание, формат картинки .gif, jpg, png… в коде должен соответствовать формату картинки.

Код:

<li>
  <div class="slider-image">
<a href="http://sitey.ru"><img src="images/slider1.gif" alt="" /></a>
  </div>
</li>
<li>
  <div class="slider-image">
<a href="#"><img src="images/slider2.gif" alt="" /></a>
  </div>
</li>

Ссылку https://sitey.ru замените на свою, куда-нибудь отправьте посетителя при ее нажатии.
Далее меняйте символ #. 
Можно изменить скорость смены картинок в файле jquery-func.js (папка js) , параметр: auto:4, — в секундах. Будьте осторожнее при редактировании этого скрипта.

Сохраняем!

Редактируем ТЕЛО страницы — контент

Содержимое (тело) страницы состоит у нас из трех блоков: левый, средний и правый.

Размеры фиксированные (подогнуты под дизайн), изменить можно лишь высоту одновременно 3х блоков.
Файл style.css параметр height:300px; — замените 300 на большее значение.
Не советую увеличивать содержимое главной страницы на много. Будет дольше открываться для посетителей. Много трафика забирают картинки, особенно не прописанные в файле .css

Заполняйте блоки своим содержимым: текст, картинки в тексте (100×100 px). В имеющийся текст для наглядности уже включены ссылки на другие страницы, удалите их или замените.

Все остальное описывалось выше. В самом коде и редактируемом тексте есть дополнительные описания и рекомендации.

Сохраняем!

Редактируем ПОДВАЛ низ страницы

Здесь все просто. Замените текст и ссылки. Сюда же можно установить счетчик посещаемости сайта.

Завершаем редактирование шаблона

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

Сейчас в шаблонах страниц блок слайдера заполнен текстом с описанием редактирования каждой страницы. Этот текст необходимо заменить на описание конкретной страницы или вставить туда сам слайдер с главной страницы (он выделен комментариями внутри кода).

Все, что выше слайдера и подвал страницы будут одинаковы на всех страницах сайта.

Обязательно внесите изменения в Мета-Теги страниц и в Заголовок, они должны быть уникальными.

Работа с шаблонами дополнительных страниц.
Выделяем мышкой часть кода готовой страницы index.html, начиная от комментария <!— КОНЕЦ Шапка —> до самого верха, копируем ее и заменяем на всех оставшихся страницах именно эту часть, также выделив ее и удалив.

Подобным образом поступаем с подвалом страницы: выделяем код начиная от комментария <!— Подвал страницы —> до самого низа и заменяем на других страницах. Почему до самого верха или низа? Так проще не промахнуться.

Не забываем СОХРАНЯТЬ страницы!

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

Шаблон достаточно простой, но для совершенствования опыта вполне удобен.

Теперь
пора заполнить повестку для текущей
недели. Далее описано, как найти и
заполнить ее.

1. Нажмите
   кнопку Microsoft
   Office

   и выберите Создать.

2. Выберите
   Мои
   шаблоны.
   Найдите файл Текущая
   повесткаи
   щелкните его.

3. Взгляните
   на область внизу справа, под заголовком
   Создать.
   Сейчас выбран вариант Документ.
   В большинстве случаев требуется создать
   именно документ с текущей повесткой.

Совет.
Как было отмечено в ходе урока, в тех
случаях, когда требуется создать другой
шаблон на базе текущего шаблона, следует
выбрать вариант Шаблон.
Сейчас делать этого не нужно.

1. Нажмите
   кнопку ОК.

Повестка
открывается в виде нового документа.
Это можно определить по тому, что в
заголовке указано Документx.
Такой заголовок используется для нового,
еще не сохраненного документа.

Теперь
можно добавить в повестку содержимое,
относящееся к текущей неделе. Текущая
дата добавляется в поле Дата
автоматически. Обновляемые области, в
том числе пункты повестки и темы
обсуждения, пусты, и в них необходимо
добавить содержимое.

1. Чтобы
   закрыть документ, нажмите кнопку
   Microsoft
   Office

   и выберите Закрыть
   внизу окна.

Повестка
закроется, а программа Word останется
открытой без документов.

Упражнение 4. Редактирование шаблона

Предположим,
нам требуется изменить сам шаблон.
Необходимо изменить формат даты и
конференц-зал. Как открыть шаблон?

1. Нажмите
   кнопку Microsoft
   Office

   и выберите Открыть.

2. Выберите
   верхнюю папку слева, Надежные
   шаблоны.
   В папке отображается файл Текущая
   повестка.dotx. Дважды щелкните его, чтобы
   открыть.

Примечание.
В системе Windows Vista эта папка называется
Шаблоны.

Совет.
Если справа в списке недавно открытых
документов отображается имя Текущая
повестка.dotx,
можно щелкнуть его один раз, чтобы
открыть шаблон.

1. В
   заголовке должно отображаться имя
   файла шаблона «Текущая повестка» (а не
   заголовок Документ
   x,
   используемый по умолчанию для новых
   несохраненных документов). Любое
   изменение, произведенное и сохраненное
   в этом файле, станет частью шаблона и,
   следовательно, любого документа,
   созданного в последствии на его основе.

2. Наведите
   указатель на дату и щелкните ее правой
   кнопкой мыши. В контекстном меню выберите
   команду Изменить
   поле.

Выберите
другой формат даты и нажмите кнопку ОК.

Совет.
Если выбранный формат включает время,
то можно задать текущее время в документе.
Щелкните правой кнопкой мыши дату в
повестке и выберите команду Обновить
поле.

1. В
   поле Место
   введите Восточная
   вместо Западная,
   поскольку теперь собрания будут
   проводиться в «Восточной» комнате.

Для
реализации дополнительных возможностей,
перейдите к разделу Дополнительная
процедура
снизу, не закрывая шаблона. Эта процедура
используется для добавления нескольких
элементов управления Word 2007, позволяющих
сделать шаблон еще более эффективным
и удобным.

В
противном случае сохраните и закройте
шаблон (кнопка Microsoft
Office,
Закрыть).

Дополнительная процедура. Применение элементов управления Word 2007 для дат и текста

С
помощью вкладки Разработчик
добавьте два новых элемента управления.

Дополнительная
процедура, часть 1. Добавление календаря
для выбора даты

1. Если
   шаблон был закрыт, откройте его, выполнив
   шаги 1 и 2 из предыдущей процедуры.

Откройте
шаблон Текущая повестка.dotx.

1. В
   качестве даты добавим элемент управления
   Выбор
   даты.
   Сначала откройте вкладку Разработчик
   на ленте. Нажмите кнопку Microsoft
   Office
   ,
   а затем внизу окна под списком недавно
   использовавшихся документов выберите
   Параметры
   Word.

2. В
   окне Параметры
   Word
   слева выбрана категория Основные.
   Это именно то, что нам нужно. В середине
   окна в группе Основные
   параметры работы с Word выберите
   Показывать
   вкладку «Разработчик» на ленте.
   Нажмите кнопку ОК.

Теперь
вкладка Разработчик
отображается на ленте последней, рядом
с вкладкой Вид:

1. Откройте
   вкладку Разработчик.

2. Теперь
   добавим элемент управления Выбор
   даты.
   Он включает календарь, обеспечивающий
   расширенные возможности выбора даты.

Оставьте
подпись Дата:
в документе без изменений, но выделите
саму дату путем перетаскивания. Нажмите
клавишу DEL.

Элемент
управления для выбора даты будет удален,
но подпись Дата:
останется.

1. На
   вкладке Разработчик
   в группе Элементы
   управления
   выберите элемент управления Выбор
   даты.

При
нажатии направленной вниз стрелки
элемент управления, вставленный в
документ, выглядит следующем образом:

По
умолчанию выбрана текущая дата, но можно
выбрать любую другую.

1. Теперь
   задайте формат даты, отображаемой в
   повестке. Убедитесь, что элемент
   управления Выбор
   даты
   по-прежнему выбран в документе, а затем
   в группе Элементы
   управления
   на вкладке Разработчик
   выберите Свойства.

2. В
   группе Свойства
   выбора даты
   выберите любой из примеров, указанных
   в списке Формат
   отображения даты.
   Нажмите кнопку ОК.

В
элементе управления «Выбор даты» будет
отображаться дата в заданном формате.

Дополнительная
процедура, часть 2. Добавление инструкций

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

1. Имеются
   две затененные строки без какого-либо
   текста в столбцах Пункт
   и Ответственные.
   Вставьте в эти области поля форматированного
   текста.

Щелкните
вторую затененную строку, куда следует
ввести текст в столбец Пункт,
под элементом Круглый
стол.

(Если
в этой области все еще содержится текст,
удалите его.)

1. В
   группе Элементы
   управления
   на вкладке Разработчик
   выберите элемент управления Форматированный
   текст:

Так
выглядит документ после вставки элемента
управления:

1. Оставьте
   элемент управления подсвеченным, а в
   группе Элементы
   управления
   выберите Свойства.

2. В
   поле Заголовок
   введите Пункт
   повестки
   и нажмите кнопку ОК.

Теперь
элемент управления выглядит так:

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

1. Можно
   указать более подробные инструкции.
   Для изменения текста необходимо перейти
   в режим конструктора. Для этого достаточно
   выбрать Режим
   конструктора
   над элементом Свойства
   в группе Элементы
   управления.

Теперь
элемент управления «Форматированный
текст» выглядит так:

1. Текст
   подсвечен. Щелкните его начало, выделите
   весь, а затем укажите Введите
   пункт.
   Теперь этот текст будет отображаться
   в качестве инструкции.

2. Щелкните
   столбец рядом (тоже во второй подсвеченной
   строке) под заголовком Должность.
   (Если здесь по-прежнему указано имя
   Иван Петров, удалите его.)

Щелкните
элемент управления Форматированный
текст,
как на шаге 2.

1. Выберите
   Свойства,
   как на шаге 3. В диалоговом окне Свойства
   элемента управления содержимым
   в поле Заголовок
   введите Ответственный
   и нажмите кнопку ОК.

Выделите
текст в элементе управления и введите:
Введите
имя.

Закройте
режим конструктора, нажав соответствующую
кнопку на ленте. При наведении указателя
на области с элементами управления
«Форматированный текст» они подсвечиваются.
При щелчке такой области отображается
заголовок Пункт
повестки
или Ответственный.

1. Можно
   копировать и вставлять элементы
   управления в другие области повестки,
   например в пустые ячейки последней
   затененной строки таблицы. Чтобы
   скопировать элемент управления, щелкните
   его текст правой кнопкой мыши и выберите
   команду Копировать
   в контекстном меню. Поместите указатель
   в нужное место, щелкните правой кнопкой
   мыши и выберите команду Вставить.

Каждый
раз при заполнении документа на основе
данного шаблона будут отображаться
элементы управления для дат и текста,
помогающие ускорить работу.

Скрытие
вкладки «Разработчик».
Чтобы скрыть данную вкладку, нажмите
кнопку Microsoft
Office

и выберите Параметры
Word.
Отобразите параметры Основные.
Снимите флажок Показывать
вкладку «Разработчик» на ленте.
Нажмите кнопку ОК.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]

• #
• #
• #
• #
• #
• #
• #
• #
• #
• #
• #