Видео: Уроки Bootstrap верстки / #9 - Текстовые панели 2024
Включение навигационной панели помогает вашим читателям находить информацию на вашем сайте. Если вы создаете свою веб-страницу в текстовом редакторе HTML, легко создать кодировку для создания навигационной панели. Вот пример простой текстовой панели навигации для небольшого консалтингового бизнеса:
Главная | Услуги | Членство | Публикации | Опыт | Свяжитесь со мной
Каждая вкладка подчеркнута, чтобы отразить, что это ссылка на эту страницу или многостраничную область сайта. Обратите внимание, что вкладка «Главная» не подчеркнута. Когда вы нажимаете на кнопку «Опыт» в текстовом меню, чтобы перейти на страницу «Опыт», панель навигации текста должна измениться, чтобы отразить, где вы находитесь:
Главная | Услуги | Членство | Публикации | Опыт | Свяжитесь со мной
Следуйте этим инструкциям, чтобы создать текстовую панель навигации:
-
Откройте новую, пустую страницу в Блокноте Windows, назовите файл и сохраните его. htm как расширение.
Например, вы можете называть его navbar. HTM.
-
Введите элементы вашего сайта со словом или двумя для каждой страницы или области.
Используйте вертикальную полосу для разделения вкладок.
Если символ вертикальной полосы не доступен с вашей клавиатуры, он должен быть доступен из символа или аналогичного меню в программе обработки текстов. (В «Блокноте» такой опции нет.) Вы можете скопировать и вставить вертикальную полосу в «Блокнот».
-
Настройте навигационную панель на странице, используя атрибут центра тега абзаца, например:
Главная | Услуги | Членство | Публикации | Опыт | Свяжитесь со мной
Текстовое меню будет центрировано.
-
Чтобы связать вкладку «Главная» с домашней страницей вашего сайта, объедините слово «Главная» с тегами. Добавьте атрибут href так:.
Появится диалоговое окно «Вставить ссылку».
-
Повторите для остальных фраз и привяжите их к соответствующей странице вашего сайта.
Страницы еще не должны существовать, хотя, конечно, ссылки не будут работать, пока страницы не появятся. Всякий раз, когда вы создаете страницу, имя должно точно соответствовать имени в текстовом меню.
-
Скопируйте меню на каждую веб-страницу своего сайта.
Кроме того, вы можете создать новый файл (для любых страниц, которые еще не существуют) и поместить в него меню. По мере удаления удалите ссылку со вкладки, представляющую страницу, которую вы собираетесь сохранить.