Создание сайта, лэндинг пейдж, интернет магазин(2)

Автор Maksim Inshakov
Создание сайта, лэндинг пейдж, интернет магазин(2)

и так мы продолжаем.

И теперь мы смотрим с вами приложение меню. Ну меню. Все вы знаете, что такое.

Да и.

Давайте я вам покажу. Просто на примере к примеру мой перетаскиваем меню у нас отображается. Ну вот исключительно как домашнюю потому, что у нас 1 страница и соответственно его другое здесь ничего не. Конечно же показываться да. Ну мы можем сразу изменить шрифт и задать к примеру вот так вот да то есть чтобы нам изменить — это название мы можем просто. Либо Изменить название самой страниц — это вот здесь дай мы можем поменять. Либо мы можем использовать некоторые настройки то есть вот здесь вот так. Сейчас мы посмотрим выбираем вручную и соответственно потом мы можем задавать уже название выделяя вот — это вот часть мы пишем к примеру главные написали и теперь нам опять нужно будет изменить наш шрифт размер поставить мы можем размер и шрифт поменять вот так вот выделяем здесь уже прокси новое размер примеру мы выставляем так и задаем верхний регистр да. Ну конечно размер такой будет слишком большой. Вот теперь мы можем с вами также задать определенный. Цвет этой кнопки до перейдя допустим выбрав курсор над кнопкой бы точно так же можем изменить на более тёмный цвет. Ну и в принципе здесь мы можем тоже применить как более тёмный. А здесь будет у нас такие всё то есть ли нам необходимо добавить ещё какие-то свои кнопки соответственно мы набираем нажимаем нажимаем. Плюс То есть вот они нас главную один главный 2 главные три главные четыре. Теперь давайте перейдем опять в настройки и посмотрим так редактировать вместе. Ну то есть мы вот теперь выделяем наше меню и мы можем растягивать с вами так как нам — это нужно да то есть смотри если мы делаем с вами одностраничный лендинг. Ну как правило некоторые лендинг длинной мордой и соответственно. Мы указываем в меню что-то, что мы хотим показать давайте мы сейчас с вами немножечко увеличим размер нашего лендинга растянем его по высоте. Да, но я думаю будет достаточно для того чтобы показать и смотреть вот мы здесь поставили вручную то есть для каждой из кнопок мы можем задать свои настройки. Ну давайте так как — это у нас. Главное вот здесь мы можем на одностраничнике использовать якорные ссылки то есть мы вставляем. Яков 1 наверх давайте пока не будем менять никаких названий просто не будем сейчас углубляться то есть у нас здесь будет главное мы берём переходим и добавить в селе фильтровать мы указываем на первый. Якорь теперь нам нужно допустим перебросить на вторую то есть мы до. Якорь и соответственно добавляем. Пусть будет так у нас. Давайте сразу тут мы возьмём вот у нас к примеру здесь есть какая-то информация. Да вот мы её в таком виде просто и. Давайте зададим ей какой-то. Ну пусть будет так цветом она у нас — это как бы мне критичный. Да теперь мы переходим. Ещё чуть ниже да возможно у нас здесь будет ещё, что мы опять же указываем здесь уже ставим троечку. О'кей Давайте. Здесь тоже мы разместим какую-то информацию и будет — это вот так вот у нас к примеру зададим здесь какой-нибудь такой цвет примеру и так у нас сколько там в меню получается 234. Да ну, тогда нам нужно будет просто ещё немножечко увеличить сайт по высоте, но берём и закидываем его ещё. Каким образом моего растянули. Давайте теперь посмотрим. Ну давайте вот сюда мы вставим ещё один якорь которую добавим 4. О'кей Ира вместе точно также какую-нибудь информацию вот так вот она у нас будет зададим я цвет красный и. Смотри теперь мы перемещаемся наверх и нам нужно для каждой кнопочки задать тут. Якорь уха из слов мы выбираем кнопочку нажимаем добавить, 3 и 4 и добавить 4 всё о переходе с вами предпросмотр страница. Да мы немножечко ещё упустили тот давайте сделаем сразу. Чтобы потом нам не возвращаться мы выделяем всё наше меню. Давайте вот вот полностью все меню. Давайте мы его здесь поставим закрепим наверху и упорядочение сделаем его на передний план чтобы тебе элементами наше меню не перекрывала теперь переходим предварительный просмотр и смотрим вот у нас главное да. Главное два то есть мы попадаем на тот. Якорь который у нас был поставлен в виде двоечки главную 3 — это четвёрочка и 4 соответственно это. Последнее Ну и опять возвращаюсь на главную. Мы возвращаемся, что вместо. С чего мы с вами начнем в принципе вот делается совсем несложно. Если же вы здесь вот не вручную. А страницы верхнего уровня дата соответственно у вас будет отображаться 1 страницы, но при добавление дополнительных страниц соответственно у вас будет меняться и сама меню то есть вот мы. Сейчас переходим и видим вот у нас появились да то есть теперь, что нам необходимо будет сделать. Ну во-первых во-первых вот — это меню нам нужно. Давайте моего сделаем следующим образом выделяем полностью Control X вот переходим сюда и, что бы нам каждую страницу оставлять его мы берём открываем шаблон нажимаем и Control C Control V извиняюсь мы вставляем — это меню в нужное для нас место. Всё мы можем шаблон закрыть и посмотреть у нас сразу на всех страницах появилась данные меню. То есть если. Мы открываем страницу 2 и примеру здесь сделаем вставляем опять же какую-то информацию. Давайте следующую откроем здесь ставим другую информацию есть вот она будет у нас отображаться таким. Так теперь. Мы открываем следующий.

0 комментариев
0

Читайте также