Урок 13. Меню страниц


Содержание материала:

Как сделать код меню единым для всех страниц?

22.12.2012, 16:01

одно меню для всех страниц
Как сделать чтобы меню(ссылки) в блоке div само менялось на всех дочерних страницах если я его.

Реализовать меню для всех страниц сайта
Добрый день! Подскажите, пожалуйста, как можно организовать такое меню на странице? И ещё.

Как сделать для главной один header а для всех остальных страниц другой
Здравствуйте. Хочу чтоб на главной странице в header было изображение, но на всех остальных его.

Как сделать доступными для всех страниц некоторые данные пользователя?
Здравствуйте ! Вопрос примитивный, наверное, но бьюсь уже неделю Есть простенькая форма входа, на.

Создание каталога товаров с помощью PHP, MySQL и jQuery. Видеокурс (2015)

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

Содержание:
Урок 1. Вывод категорий
Урок 2. Хлебные крошки
Урок 3. Вывод товаров
Урок 4. Постраничная навигация. Часть 1
Урок 5. Постраничная навигация. Часть 2
Урок 6. Просмотр товара
Урок 7. Выбор количества товаров
Урок 8. ЧПУ
Урок 9. ЧПУ. Вариант 2
Урок 10. ЧПУ. Роутинг
Урок 11. Контроль ошибок
Урок 12. MVC
Урок 13. Меню страниц
Урок 14. Альтернативное меню категорий
Урок 15. Комментарии. Часть 1
Урок 16. Комментарии. Часть 2
Урок 17. Комментарии. Часть 3
Урок 18. Комментарии. Часть 4
Урок 19. Комментарии. Часть 5
Урок 20. Исправляем ошибки
Урок 21. Авторизация. Часть 1
Урок 22. Авторизация. Часть 2
Урок 23. Восстановление пароля. Часть 1
Урок 24. Восстановление пароля. Часть 2
Урок 25. Восстановление пароля. Часть 3
Урок 26. Восстановление пароля. Часть 4
Урок 27. Регистрация. Часть 1
Урок 28. Регистрация. Часть 2
Урок 29. Регистрация. Часть 3
Урок 30. Регистрация. Часть 4
Урок 31. Приоритет правил роутинга
Урок 32. Мультитемность
Урок 33. Создание темы. Часть 1
Урок 34. Создание темы. Часть 2
Урок 35. Создание темы. Часть 3
Урок 36. Алиасы для ЧПУ категорий
Урок 37. Создание темы. Часть 4
Урок 38. Отвечаем на вопросы. Часть 1
Урок 39. Отвечаем на вопросы. Часть 2
Урок 40. Поиск. Часть 1
Урок 41. Поиск. Часть 2
Урок 42. Поиск. Часть 3
Урок 43. Куки
Урок 44. Куки. Запоминаем пользователя
Урок 45. Создание темы. Регистрация
Урок 46. Валидация
Урок 47. Капча. Часть 1
Урок 48. Капча. Часть 2
Урок 49. Подсветка результатов поиска
Урок 50. Поиск по нескольким полям
Урок 51. Улучшаем портируемость
Урок 52. Структура админской части
Урок 53. Структура админской части. Часть 2
Урок 54. Авторизация администратора
Урок 55. Страница настроек сайта

Информация о курсе
Название: Создание каталога товаров с помощью PHP, MySQL и jQuery
Автор (режиссер): Андрей Кудлай
Жанр: обучающее видео
Язык: русский
Продолжительность: 32:16:17

Файл
Качество видео: PCRec
Видео: AVC/H.264, 1024×768,

157 Kbps
Аудио: AAC, 2 ch, 125 Kbps, CBR
Размер: 4.19 GB

SG-Team™

Cайт работает по безопасному протоколу https. Сертификат выдан AO Kaspersky Lab

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

Содержание:
Урок 1. Вывод категорий
Урок 2. Хлебные крошки
Урок 3. Вывод товаров
Урок 4. Постраничная навигация. Часть 1
Урок 5. Постраничная навигация. Часть 2
Урок 6. Просмотр товара
Урок 7. Выбор количества товаров
Урок 8. ЧПУ
Урок 9. ЧПУ. Вариант 2
Урок 10. ЧПУ. Роутинг
Урок 11. Контроль ошибок
Урок 12. MVC
Урок 13. Меню страниц
Урок 14. Альтернативное меню категорий
Урок 15. Комментарии. Часть 1
Урок 16. Комментарии. Часть 2
Урок 17. Комментарии. Часть 3
Урок 18. Комментарии. Часть 4
Урок 19. Комментарии. Часть 5
Урок 20. Исправляем ошибки
Урок 21. Авторизация. Часть 1
Урок 22. Авторизация. Часть 2
Урок 23. Восстановление пароля. Часть 1
Урок 24. Восстановление пароля. Часть 2
Урок 25. Восстановление пароля. Часть 3
Урок 26. Восстановление пароля. Часть 4
Урок 27. Регистрация. Часть 1
Урок 28. Регистрация. Часть 2
Урок 29. Регистрация. Часть 3
Урок 30. Регистрация. Часть 4
Урок 31. Приоритет правил роутинга
Урок 32. Мультитемность
Урок 33. Создание темы. Часть 1
Урок 34. Создание темы. Часть 2
Урок 35. Создание темы. Часть 3
Урок 36. Алиасы для ЧПУ категорий
Урок 37. Создание темы. Часть 4
Урок 38. Отвечаем на вопросы. Часть 1
Урок 39. Отвечаем на вопросы. Часть 2
Урок 40. Поиск. Часть 1
Урок 41. Поиск. Часть 2
Урок 42. Поиск. Часть 3
Урок 43. Куки
Урок 44. Куки. Запоминаем пользователя
Урок 45. Создание темы. Регистрация
Урок 46. Валидация
Урок 47. Капча. Часть 1
Урок 48. Капча. Часть 2
Урок 49. Подсветка результатов поиска
Урок 50. Поиск по нескольким полям
Урок 51. Улучшаем портируемость
Урок 52. Структура админской части
Урок 53. Структура админской части. Часть 2
Урок 54. Авторизация администратора
Урок 55. Страница настроек сайта

Информация о курсе
Название: Создание каталога товаров с помощью PHP, MySQL и jQuery
Автор (режиссер): Андрей Кудлай
Жанр: обучающее видео
Язык: русский
Продолжительность: 32:16:17

Файл
Качество видео: PCRec
Видео: AVC/H.264, 1024×768,

157 Kbps
Аудио: AAC, 2 ch, 125 Kbps, CBR
Размер: 4.19 GB

Делаем свой сайт html.

Данный урок является заключительным в курсе «html для начинающих». На сегодняшний день Вы уже обладаете базовыми знаниями языка html. Опираясь на полученную информацию из предыдущих 14 занятий, мы сейчас сделаем небольшой сайт.

К концу этого урока у нас должен получиться такой сайт . Аналогичный сайт Вы уже сейчас можете сделать самостоятельно. В этом уроке я лишь продемонстрирую, как всю полученную информацию из 14 уроков грамотно объединить в одно целое (сайт).

Наш первый сайт будет состоять из файлов с которыми мы работали на прошлом уроке. Если у Вас не осталось всех файлов с 14-го урока, то скачайте их по ссылке.

После скачивания, во всех четырех файлах (index.html, audi.html, bmw.html, mercedes.html) удалите весь код, кроме тегов входящих в структуру html страницы. Папку image не трогайте, она остается без изменений.

Каркас страниц сайта.

Мы начнем создавать наш сайт с редактирования файла index.html, откройте его в Notepad.

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

Каркас нашего сайта будет выглядеть так:

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

Пояснения к коду:
1) Для тега &lttable&gt мы задали атрибут border со значением 1, тем самым задав границы для таблицы. Атрибут cellspacing со значением , означает, что отступы между ячейками таблицы равны 0, то есть их нет. С помощью атрибута align и его значения center, мы выравниваем нашу таблицу по центру страницы. Атрибутом width со значением 750px мы задали ширину таблицы 750 пикселей. Высоту (атрибут height) можно не прописывать, так как у нас будет задана высота для каждой отдельной строки таблицы.

2) Теперь несколько слов о строении таблицы. Максимальное количество ячеек у нас в средней строке (2шт.) Это значит, что по правилам объединения, в каждой строке таблицы у нас должно быть по две ячейки (11 урок). Строение нашего сайта подразумевает, что в первой и третьей строках таблицы по одной ячейке. По этому для этих ячеек будет прописан атрибут colspan со значением 2. Благодаря этому атрибуту мы объединяем 2 ячейки в одну.

3) Для первой строки &lttr&gt мы задали высоту (height) 70px. В первой строке содержится одна ячейка &lttd&gt объединяющая в себе две ячейки. По этому для нее задан атрибут colspan со значением 2. Также для этой ячейки мы прописываем атрибут align и даем ему значение center, благодаря которому, текст написанный в этой ячейке будет выравниваться по центру. То есть заголовок который мы пишем, будет отображаться посередине ячейки.

4) Вторая строка содержит в себе 2 ячейки (меню и фото). В нашем сайте будут использованы фотографии, все они имеют размер 600×400 пикселей, по этому, чтобы все было ровно, мы задаем высоту нашей строки равную высоте фотографий, это значит 400px. Ширина всех фотографий 600px, по этому для второй ячейки &lttd&gt, где будет фото, мы задаем ширину 600px. Общая ширина таблицы у нас 750px, а ширина 2-ой ячейки средней строки 600px. Соответственно 1-ая ячейка средней строки будет иметь ширину 150px.

Топ-пост этого месяца:  Как работает в Laravel валидация проверка входящих запросов с помощью переменной errors

5) Для третьей строки &lttr&gt в которой будет текст, мы задали высоту 150px. Эта строка, как и первая строка, содержит в себе одну ячейку, которая объединила в себе две. По этому для этой ячейки &lttd&gt задан атрибут colspan со значением 2.

С составлением каркаса сайта мы закончили. Он будет одинаковый для каждой страницы сайта, по этому весь код со страницы index.html (в которой мы сейчас работали) мы копируем и вставляем в другие 3 файла нашего сайта (audi.html, bmw.html, mercedes.html).

Наполняем сайт контентом.

Структура сайта создана, теперь мы заполним контентом наши 4 страницы. Давайте начнем с audi.html.

1) Начнем мы с написания заголовка страницы. Заголовок прописывается с помощью тега &lth1&gt (6 урок).
На фото изображена только рассматриваемая часть кода страницы (1-ая строка &lttr&gt):

2) Теперь мы разместим меню в 1-ой ячейке 2-ой строки. Меню у нас будет состоять из 4 ссылок. Это ссылка на главную страницу (index.html) и 3 ссылки на страницы с марками авто.
На фото изображена только рассматриваемая часть кода страницы (1-ая ячейка &lttd&gt 2-ой строки &lttr&gt):

Для того, чтобы меню было расположено в столбик, после каждой ссылки в конце строки мы ставим тег &ltbr&gt отвечающий за перенос строки. Если Вы не поняли каким образом будут работать эти 4 ссылки, то перечитывайте 13 урок.

3) Сейчас мы вставим фотографию во 2-ую ячейку 2-ой строки. Мы редактируем страницу audi.html, соответственно добавляем фото автомобиля ауди. Если Вы забыли, то напомню, наши 4 фотографии лежат в папке image.
На фото изображена только рассматриваемая часть кода страницы (2-ая ячейка &lttd&gt 2-ой строки &lttr&gt):

4) Теперь у нас осталась одна не заполненная нижняя строка, в нее мы добавляем текстовое описание марки Audi. Текст который мы будем использовать в описании марок автомобилей, находится по этой ссылке .
На фото изображена только рассматриваемая часть кода страницы (3-я строка &lttr&gt):

Весь наш текст заключается в тег &ltp&gt. Если забыли, что это за тег, смотрите урок 6.

5) Страница почти готова. Для того чтобы наше творчество стало больше похоже на сайт, давайте зададим цвет фона страницы. Для этого тегу &ltbody&gt мы прописываем атрибут bgcolor и даем значение grey. Цвет фона стал серый. Теперь давайте зададим цвет фона нашей таблицы, для того чтобы она не сливалась с основным серым фоном страницы. Сделаем таблицу белой, для этого тегу &lttable&gt мы прописываем атрибут bgcolor и даем ему значение white.
На фото изображена только рассматриваемая часть кода страницы:

Если Вы все сделали верно, то при открытии через браузер, файл audi.html будет выглядеть так:

Теперь аналогичным образом пропишите код для страниц index.html, bmw.html, mercedes.html. На страницах будет меняться заголовок, фотография и текст . В результате должен получиться сайт из 4-ех страниц.

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


Урок 13. Меню страниц

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

Также необходимо определиться с шаблоном сайта и установить рабочую версию шаблона, так как для меню необходимо будет выбирать позиции, а они в каждом шаблоне могут быть разными и если настроить позиции с одним шаблоном, а затем его заменить, то нужно будет вносить изменения. Если же шаблоны скачиваете на нашем портале, то там, в принципе, у всех позиции не будут различаться. Как заменить стандартный шаблон Joomla 3, также читайте на нашем портале Lessons-24.ru.

Как создать меню для сайта Joomla 3

Зайдите в панель управления сайтом и перейдите в верхнем меню по вкладке Меню — Менеджер меню — Создать меню. В открывшемся окне заполните только две строки — название меню и тип меню, его необходимо указать латинскими буквами и таким образом, чтобы было понятно, какое именно меню данный тип отображает. Это могут быть первые буквы названия меню

Как добавить пункт меню

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

Здесь нужно указать название пункта меню; выбрать, что будет этот пункт отображать при клике по нему на сайте (блог категории, конкретный материал, список материалов, стороннюю ссылку и т.п.); выбрать в правом блоке, если это главная категория — «Корневой пункт меню», если подкатегория, выбрать родителем основную категорию.

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

Как вывести меню на сайт

Теперь, когда меню создано, пункты меню прописаны и настроены, необходимо настроить отображение меню на сайте. Для этого понадобится ссылочка в верхнем меню админ панели — Менеджер расширений — Модули. В окрывшемся окошке нажмите зеленую кнопочку Создать:

Теперь выбираем в списке Тип модуля — Меню, кликаем по ссылочке выбранного тип:

Нам откроется окно, в котором необходимо сделать следующие настройки:

  1. Название меню;
  2. Выбрать меню;
  3. Указать позицию для отображения на сайте.
  4. Остальные настройки можете оставить по умолчанию.
Как узнать позицию для модуля

Для того, чтобы вывести модуль в какую-либо позицию на нашем сайте, необходимо эту позицию найти. Для этого у нас есть два варианта: перейти непосредственно по ссылке в нашей админ-панели (в верхнем правом уголочке увидите ссылку ПОЗИЦИИ МОДУЛЕЙ , на которую нужно просто кликнуть или же введите в браузерной строке после вашего домена следующее: /?tp=1, то есть у вас получится вот такой вот адрес: вашдомен.ру/?tp=1, по которому откроются все позиции и вы сможете выбрать, на какую именно поставить необходимый модуль.

Это будет выглядеть примерно так, в зависимости от шаблона:

Ну вот, вроде бы и все, по созданию меню и настройкам отображения его на сайте. Более подробно и наглядно смотрите урок в видео формате, задавайте вопросы, если появятся. Оставайтесь с нами, впереди еще много интересных и важных настроек!

Горизонтально центрированное меню с использованием только CSS

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

Пример центрированного меню

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

На демонстрационной странице можно увидеть несколько вариантов оформления горизонтально центрированного меню. Любой из них можно использовать в своих проектах.

Разметка HTML

Все меню, примеры которых приводятся в данном уроке, используют простую структуру. Это обыкновенный неупорядоченный список ссылок, помещенный в элемент div.

Код CSS центрированного меню

Ниже приводится полный код CSS, с помощью которого центрируется меню. А объяснения принципа работы приводятся далее в уроке.

Как работает метод центрирования

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

Элемент div без смещения

Элемент div (блочный) без смещения растягивается на всю доступную ему ширину.

Элемент div со смещением влево

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

Стандартное выровненное влево меню

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

Обратите внимание на следующие моменты:

  • Элемент centeredmenu div (голубой прямоугольник) смещается влево, но имеет ширину 100%, поэтому остается растянутым на всю страницу.
  • Элемент ul (розовый прямоугольник) находится внутри элемента centeredmenudiv и смещается влево. Это означает, что он будет ужат до ширины своего содержимого, то есть до суммарной ширины всех закладок.
  • Все элементы li (зеленые прямоугольники) находятся внутри элемента ul и смещаются влево. Таким образом, они ужимаются до размеров ссылок в них и выстраиваются в одну горизонтальную линию.
  • Внутри каждой ссылки (оранжевые прямоугольники) выводится текст закладки: Закладка 1, Закладка 2 и так далее.

Смещаем положение неупорядоченного списка

Затем мы смещаем элемент ul вправо на 50% с помощью свойства position:relative; . Когда элемент смещается с указанием процента при таких условиях важно помнить, что суммарная ширина содержащихся в нем элементов не является его шириной. В нашем случае смещение происходит на половину окна браузера (или доступного для вывода пространства).В результате наше меню начинается на середине окна и частично выходит за его пределы. И переходим к следующему шагу.

Сдвигаем положение всех элементов меню

Осталось только сдвинуть все элементы li влево на 50%. Это 50% ширины нашего элемента ul (контейнера, который содержит меню). Таким образом, закладки смещаются точно на центр окна.

Топ-пост этого месяца:  Новый сервис Google поможет улучшить юзабилити сайтов

Несколько важных замечаний

При использовании данного метода центрирования надо помнить о нескольких важных моментах:

  • Так как элемент ul частично выходит за рамки окна, то это приводит к выводу полос прокрутки. Поэтому нужно использовать правило overflow:hidden; для элемента centeredmenu div. Таким образом, выступающая часть элемента div будет обрезана.
  • Так как элемент ul не выровнен по закладкам, то нельзя использовать никаких визуальных стилей для него. Оставьте элемент ul без фонового цвета и без рамки, чтобы он стал полностью невидимым. А стили для закладок нужно использовать только для элементов li.
  • Если нужно задать особенные стили для первой и последней закладки, нужно добавить класс для первого и последнего элементов li, чтобы можно было стилизовать их индивидуально.


Заключение

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

[WebForMySelf] Cоздание каталога товаров с помощью PHP, MySQL и jQuery

Модератор

Представляем Вашему вниманию курс по созданию каталога товаров с помощью PHP, MySQL и jQuery. Это огромный по объему курс, в котором не просто решается какая-то конкретная задача, но в котором практически в режиме онлайн мы будем создавать собственный движок с нуля. Написанный в курсе по созданию каталога товаров с помощью PHP, MySQL и jQuery движок, можно будет использовать как для каталога, так и для любого другого сайта: визитка, интернет-магазин, корпоративный сайт, блог.

Изначально курс задумывался небольшим, на несколько уроков, но, поскольку курс пришелся по душе многим пользователями, было решено значительно расширить объем предлагаемого в курсе материала. Собственно, львиная доля материалов курса по созданию каталога товаров с помощью PHP, MySQL и jQuery была создана в форме ответов на вопросы от подписчиков на данный курс.

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

Видеокурс «Создание каталога товаров на PHP, MySQL», с нуля. В итоге вы научитесь создавать не простые каталоги на PHP, коими пестрят многие обучающие проекты, а довольной сложный и современный, но при этом применимый к любому вашему будущему проекту.

Урок 13. Меню страниц

Курс предназначен для базовой подготовки администраторов сайтов, созданных на «1С-Битрикс: Управление сайтом». Изучив курс, вы освоите основные методы администрирования системы, а также пополните знания по темам, изученным в курсе Контент-менеджер.

Если вы добросовестно изучите курс, то научитесь:

  • управлять доступом к системе, сайтами, пользователями, группами пользователей;
  • работать с инструментами системы;
  • использовать возможности интерфейса по управлению системой;
  • работать с модулями «1С-Битрикс: Управление сайтом», связанными с оптимизацией и безопасностью работы сайта;
  • выполнять работу по конфигурированию веб-системы для оптимальной работы.

Если вам предстоит самостоятельная установка системы или перенос сайта на хостинг, то без курса Установка и настройка Курс Установка и настройка предназначен для специалистов устанавливающих «1С-Битрикс: Управление сайтом» или «Битрикс24 в коробке».

Начальные требования

Необходимый минимум знаний для изучения курса:

  • базовые навыки компьютерной грамотности и навыков работы с ОС Windows;
  • базовые знания о WWW и организации доступа к веб-серверу;
  • знание системы в рамках курса Контент-менеджер Мы считаем, что вы этот курс уже прошли и знаете многое о Битриксе. Поэтому подсказок во всплывающих окнах будет намного меньше, чем в курсе Контент-менеджер. , чтобы банально не путаться в интерфейсе.

Неплохо было бы иметь базовые навыки установки и администрирования *nix-систем.

Тесты и сертификат

После изучения курса пройдите тесты на сертификацию. При успешной сдаче последовательности тестов на странице Моё обучение вы увидите результат обучения и там же — ваш сертификат в формате PDF.

Иконка успешно сданного вами курса отображается в вашем профиле на Freelance, если вы укажите ссылку на ваш профиль на сайте компании 1С-Битрикс.

Комментарии к урокам

На каждой странице курса авторизованный на сайте посетитель может дать комментарий к содержимому страницы. Комментарий — не форум, там не ведётся обсуждений или разъяснений. Это инструмент для сообщений нам об ошибках, неточностях. Для отправки комментария воспользуйтесь расположенной в правом нижнем углу окна браузера кнопкой:

Для преподавания оффлайн

Если данный курс берётся в качестве основы для оффлайного преподавания, то рекомендуемая продолжительность: 3 дня (24 академических часа).

Если нет интернета

Экономите время и учитесь по дороге на работу или в ВУЗ? Для этого нужны файлы. Мы предоставляем две возможности оффлайнового изучения: файлы в формате PDF и CHM, они открываются на любых устройствах. Программы для чтения доступны в AppStore и Play Market. Файлы обновляются периодически, но всё равно будут отставать от онлайновой версии курса. Поэтому, всё же, мы рекомендуем он-лайн версию курсов, тем более, что мобильный интернет сейчас не проблема.

Чтобы отключить подобное отношение к файлу необходимо:

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

Отсутствие кнопки Разблокировать возможно в двух случаях:

  1. Файл лежит не локально, а на сетевом ресурсе.
  2. Если файл лежит на локальном диске, но путь к нему содержит спецсимволы (# и прочие).

Урок #13. Настройка меню Пуск

Вызываем контекстное меню на меню Пуск. Вы уже понимаете, о чем идет речь?

Рис. 33. Контекстное меню

Это значит, что нам нужно навести указатель мыши на круглый значок с флажком в нижней левой части экрана и нажать правую кнопку мыши (рис.33).

Из контекстного меню выбираем пункт Свойства.

Откроется окно Свойства панели задач и меню «Пуск» (рис.34). Вы обратили внимание на то, что в этом окне есть три вкладки и окно открылось сразу на вкладке Меню «Пуск»? С помощью данного окна можно еще настроить и Панель задач, но об этом мы поговорим чуть позже.

Рис. 34. Свойства меню Пуск

В верхнем правом углу этого окна расположена кнопка Настроить. Если мы ее нажмем, то откроется еще одно окно Настройка меню «Пуск». В этом окне мы сможем настроить внешний вид меню Пуск, т.е. то, какие элементы в меню Пуск мы хотим отобразить, а какие скрыть (рис.35).

Рис. 35. Настройка меню Пуск

Так с помощью полосы прокрутки 1 (см. рис.36) мы можем отключить два пункта меню ПускПрограммы по умолчанию (пункт обозначен на рисунке цифрой 2) и Устройства и принтеры (3).

Рис. 36. Настройка меню Пуск

Для того чтобы отключить эти пункты необходимо кликнуть левой кнопкой мыши на галочки, расположенные напротив них. После этого нужно нажать кнопку ОК, в следующем окне также нажимаем ОК и заглядываем в меню Пуск (рис.37).

Рис. 37. Меню Пуск

Вы видите, что эти два пункта пропали из меню Пуск? Точно таким же образом, используя окно Настройка меню «Пуск» (рис.36), вы можете добавлять или удалять пункты меню по собственному желанию!


Обратите внимание на раздел Размер меню «Пуск» (рис.36). В нем вы можете задать количество значков недавно открытых программ, которые будут отображаться в меню Пуск (пункт Отображать недавно использовавшиеся программы в количестве). Речь идет о программах, расположенных в области 1 рисунка 22. По умолчанию будут выводиться только десять значков, но это число вы можете изменить на произвольное от 0 до 30.

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

Давайте вернемся к рисунку 34 и рассмотрим еще одну настройку. Мы можем настроить действие, которое будет осуществляться при нажатии кнопки Завершение работы. Из выпадающего списка мы можем выбрать одно из уже известных нам действий (рис.38).

Рис. 38. Настройка кнопки питания

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

Домашнее задание:

  1. Установите свое изображение на Рабочем столе (рис.15). Поэкспериментируйте с положением изображения (рис.18).
  2. Узнайте размер экрана вашего монитора или ноутбука. Проверьте, совпадает ли разрешение экрана, установленное на мониторе, с разрешением самого монитора (рис.20).
  3. Закрепите в меню Пуск значки программ, с которыми вы работаете часто (рим.24). Если таких программ нет, то поупражняйтесь на программах Калькулятор и Блокнот.
  4. Настройте меню Пуск по собственному желанию. Уберите из него пункты, которыми вы не пользуетесь и посмотрите, что в него можно добавить (рис.34, 35).

Урок 43. Колонтитулы к разным разделам

На уроке 42 мы сделали красивый титульный лист для нашего документа. Но, предположим, у нашего документа 500 страниц и несколько глав. На мой взгляд было бы уместно к каждой странице каждой главы сделать свой собственный колонтитул (см. Урок 38) в виде названия главы. Разные колонтитулы к разным разделам придадут документу элегантность и завершённость. То есть я предлагаю решить такую задачу:

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

  1. Создать несколько разделов в документе
  2. Создать свой колонтитул для раздела
  3. Создать титульный лист для конкретного раздела
  4. Сформулировать правило применения разрывов раздела

Для урока скачайте документ тут. И, разумеется, откройте его. Титульный лист есть, 2 главы есть. Нет одного очень важного элемента практически любого документа – ОГЛАВЛЕНИЯ. Но вставка оглавления – это отдельный и очень большой урок. И, может быть, не один. Поэтому я предлагаю выделить место под оглавление и на время забыть о нём.

Шаг 1. Подводим текстовый курсор к началу первого заголовка первого уровня и три раза нажмите Enter:

Шаг 2. Выделяем три одиноких символа конца абзаца и присваиваем им стиль «Обычный». Это можно сделать двумя способами:

1 способ. Лента Главная → группа команд Стили → кнопка выпадающего меню коллекции Экспресс-стилей (Урок 29 и Урок 34).

И далее выбрать из коллекции стилей стиль «Обычный:

Вы обратили внимание, что в коллекции стилей весьма скромный список? (Урок 36. Шаблон документа по умолчанию).

Топ-пост этого месяца:  AngularJS. Ссылки без хэштега в AngularJS

2 способ. Лента Главная → группа команд Стили → кнопка группы (рабочая область Сити) → щелкаем ЛМ открывается по имени стиля «Обычный»:

Место под оглавление готово. На время оставим его в покое, но сделаем важный вывод.

Понять и запомнить! Всегда предусматривайте место под ОГЛАВЛЕНИЕ!
Иначе придется выполнять дополнительную работу.

1. Создание нескольких разделов в документе

Казалось бы, чего проще: разыскать в документе нужное место, подвести курсор к нужному месту и дать команду Макет → группа команд Параметры страницы → команда Разрывы → Следующая страница.

А потом пройтись по всему документу и повторить вставку разрыва раздела.

Если у вас документ в 20 страниц, то можно так и сделать. А для документа в 500 страниц это уже утомительно. Перед нами грамотно структурированный документ. То есть в документе есть заголовки. А заголовки отражаются в Области навигации (Урок 28). Вспомните, как легко и непринужденно мы переходили по заголовкам различного уровня и меняли местами заголовки вместе с содержимым

Шаг 1. Откроем Область навигации (лента Вид → группа команд Показать → флажок Область навигации):

Можно отрыть область навигации ещё быстрее. Если вы установили панель быстрого доступа (о которой подробно говорилось на уроке 18 Панель быстрого доступа и уроке 19 Команды на Панели быстрого доступа), то просто установите флажок для команды «Область навигации» на панели быстрого доступа.

Получаем такую картину:

Я щелкнула ЛМ по заголовку «1.3», и текстовый курсор моментально переместился на соответствующий заголовок.

Шаг 2. Сворачиваем все заголовки (ПМ в любом месте области навигации → команда Свернуть все из контекстного меню → щелкаем ЛМ)

Получаем такую картину:

Как видите, в Области навигации остались только заголовки первого уровня. Я сделала скриншот в масштабе «Две страницы» для лучшей наглядности.

Разрыв раздела на титульной странице мы поставили на уроке 42. Место под оглавление – только что.

Нам необходимо поставить разрыв раздела до и после каждого заголовка первого уровня.

Эта операция даст нам возможность разместить каждый заголовок первого уровня на отдельной странице.

ВНИМАНИЕ! Курсоры ставить именно там, где я показала. Это очень важно!

Шаг 3. Устанавливаем курсор в позиции (1) и задаем разрыв раздела (Макет → группа команд Параметры страницы → команда Разрывы → Следующая страница):

или команда Разрыв раздела с панели быстрого доступа:

Первый заголовок первого уровня перескочил в начало следующей страницы.

Шаг 4. Устанавливаем курсор в позиции (2) и задаем разрыв раздела (Макет → группа команд Параметры страницы → команда Разрывы → Следующая страница или команда Разрыв раздела с панели быстрого доступа: ):

Первый заголовок второго уровня перескочил в начало следующей страницы:

Как видите, первый заголовок первого уровня остался на странице в гордом одиночестве.

Я опять сделала скриншот в масштабе «Две страницы» для лучшей наглядности.

Шаг 5. Щелкните по имени второго заголовка первого уровня (не забыли, что для удобства работы мы свернули все уровни в области навигации?):

Шаг 6. Повторяем шаги 3÷4 для второго заголовка первого уровня:

  1. Так как мы перешли ко второму заголовку первого уровня через область навигации, то курсор уже стоит в позиции (1). Задаем разрыв раздела (Макет → группа команд Параметры страницы → команда Разрывы → Следующая страница или команда Разрыв раздела с панели быстрого доступа):
  2. Устанавливаем курсор в позиции (2) и задаем разрыв раздела (Макет → группа команд Параметры страницы → команда Разрывы → Следующая страница или команда Разрыв раздела с панели быстрого доступа:)


Из всего вышесказанного напрашиваются несколько выводов:

Понять и запомнить! 1. Документ нужно правильно структурировать
2. Удобную навигацию по документу даёт область навигации
3. Настроенная панель быстрого доступа увеличивает производительность труда (команда «Разрыв раздела»)

Из моего опыта: на создание нужных мне разделов для документа из 20 глав я потратила 5 минут. Мой девиз: никогда не торопиться, всё делать тщательно.

2. Колонтитулы к разделам с содержательной частью

Шаг 1. Переходим на страницу с первым заголовком первого уровня (воспользуемся Областью навигации):

Шаг 2. Копируем в буфер обмена первый заголовок первого уровня «1. Законодательство Российской Федерации и в области строительства» (см. Урок 16. Буфер обмена)

Шаг 3. Входим в верхний колонтитул 4 страницы, так как на этой странице начинается содержательная часть первого заголовка первого уровня (двойной щелчок ЛМ по верхней части 4 страницы):

Активизировалась Лента «Конструктор». На этой Ленте все команды для работы с колонтитулом.

Обратите внимание на надписи «Верхний колонтитул -Раздел 4‑» и «Как в предыдущем». Если мы внесем колонтитул в этот раздел, то колонтитул размножится по всем разделам, как предыдущим, так и последующим. Бог с ними последующими, вот предыдущие колонтитулы жалко: на первой странице название организации в верхнем колонтитуле.

Шаг 4. Убираем режим «Как в предыдущем» ( лента Конструктор → группа команд Переходы → «отжать» команду Как в предыдущем разделе):

Шаг 5. Вставляем содержимое из буфера обмена в режиме «Сохранить как текст» лента Главная → группа команд Буфер обмена → кнопка выпадающего меню команды Вставить → команда Сохранить как текст):

На уроке 16 я подробно рассказала от возможностях буфера обмена и почему предпочитаю команду «Сохранить как текст». При копировании информации из документа в документ простой вставкой из буфера обмена можно «притащить лишние стили текста (зачастую просто ненужные). Но вы можете возразить, что мы работаем в пределах одного документа.

Понять и запомнить! 1. Простой вставкой из буфера обмена мы создадим еще один заголовок первого уровня.
2. Обновление стиля «Заголовок 1 уровня» приведет к обновлению нашего колонтитула (Урок 7)

Посмотрите на скриншот (я вставила содержимое буфера обмена простой вставкой):

Как тогда поведёт себя документ – не берусь предсказать. Так что не повторяйте эту ошибку.

А теперь займемся вторым заголовком первого уровня

Шаг 1. Переходим на страницу со вторым заголовком первого уровня (воспользуемся Областью навигации):

Шаг 2. Копируем в буфер обмена второй заголовок первого уровня « 2. Правила и нормы в области использования энергии» (см. Урок 16. Буфер обмена)

Шаг 3. Входим в верхний колонтитул страницы со вторым заголовком первого уровня, (двойной щелчок ЛМ по верхней части):

Активизировалась Лента «Конструктор».

Обратите внимание на надписи «Верхний колонтитул -Раздел 5‑» и «Как в предыдущем». Если мы внесем колонтитул в этот раздел, то колонтитул размножится по всем разделам, как предыдущим, так и последующим. Но с предыдущим колонтитулом мы поработали и менять его не собираемся. Так что…

Шаг 4. Убираем режим «Как в предыдущем» (лента Конструктор → группа команд Переходы → «отжать» команду Как в предыдущем разделе):

Шаг 5. Удаляем колонтитул. Вы можете пробежаться по документу и убедиться, что колонтитулы в разделах 1÷4 сохранились, а колонтитулы с пятого и для всех последующих разделов удалились.

Шаг 6. Переходим в колонтитул раздела, где начинается содержательная часть второго заголовка первого уровня (сейчас это раздел № 6) и убираем режим «Как в предыдущем разделе» (лента Конструктор → группа команд Переходы → «отжать» команду Как в предыдущем разделе):

Шаг 7. Вставляем содержимое из буфера обмена в режиме «Сохранить как текст» лента Главная → группа команд Буфер обмена → кнопка выпадающего меню команды Вставить → команда Сохранить как текст):

Шаг 8. Повторяем шаги с 1÷7 для последующих разделов

3. Изменение границ печатного поля для разных разделов

Шаг 1. Задаем параметры страницы или границы печатного поля для страницы с первым заголовком первого уровня. Для этого перейдите на страницу с этим самым заголовком при помощи рабочего окна «Область навигации»

Шаг 2. Открываем диалоговое окно Параметры страницы (лента Макет → группа команд Параметры страницы → команда Настраиваемые поля из раскрывающегося меню):

Шаг 3. Устанавливаем верхнюю границу печатного поля 12 см:

Обратите внимание на поле, отмеченному восклицательным знаком. Мы применяем заданные нами изменения только к текущему разделу, который состоит из одной страницы. Нажимаем на ОК и любуемся результатом:

А теперь повторяем шаги 1÷3 для второго заголовка первого уровня и так далее. Чтобы не искать по всему документу нужный заголовок на помощь придёт Область навигации.

И маленькая стрела вдогонку: по этим трём действиям я пишу макрос, который срабатывает от нажатия одной кнопки. Но до макросов нам ещё надо дожить.

4. Правила применения разрывов разделов

Уроки с 37 по 43 тесно взаимосвязаны одной темой «Разрывы разделов». Их невозможно понять в отрыве друг от друга. А теперь выводы, которые можно сделать при знакомстве с темой «Разрывы разделов»:

Разрывы разделов применяются только в трёх случаях:
1. Изменение ориентации страницы с книжной на альбомную и наоборот
2. Изменение колонтитулов к определённым частям документа
3. Изменение границ печатного поля

Создание нового разрыва раздела можно представить как создание нового документа, «приклеенного» к основному документу. При создании нескольких разрывов разделов каждый раздел нумеруется по порядку, что можно посмотреть на строке состояния или в режиме «Колонтитул».

Применение разрыва раздела для создания новой страницы недопустимо.

Некоторые свойства разделов наследуются, а некоторые нет:

Наследуются свойства Не наследуются свойства
1. Особый колонтитул для первой страницы
2. Разные колонтитулы для четных и нечетных страниц
3. Границы печатного поля
1. Отмена режима «Как в предыдущем разделе»

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

  1. Создать несколько разделов в документе
  2. Создать свой колонтитул для раздела
  3. Создать титульный лист для конкретного раздела
  4. Сформулировать правило применения разрывов раздела

Скачайте мой документ и сравните с тем, что у вас получилось

Послесловие

Я подсчитала, что 8 уроков я посвятила спискам и 6 уроков разрывам разделов и колонтитулам. Меньше у меня не получилось, а вот больше – можно. Я считаю, что это самые сложные вопросы Word. И грамотная работа со списками, колонтитулами и разрывами разделов – это если не высший пилотаж, то сродни ему. Достаточно сказать, что подавляющее количество консультаций у меня просят именно по этим вопросам. Очень надеюсь, что помогла вам, мои уважаемые подписчики и просто посетители моего блога.

Добавить комментарий