Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:


Как в html сделать переход на другую страницу


Как сделать главную страницу сайта в html

Опубликовано автор admin — 10 комментариев ↓

Главная страница на сайте является его отправной точкой и лицом всего блога.

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

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

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

В связи с этим, при создании блога важно сделать главную html страницу сайта с учетом следующих моментов:

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

Как правильно создать главную

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

  • выделение важных разделов сайта, которые будут служить отправной точкой к основным темам сайта;
  • на сайте должна быть реальная информация с конкретными примерами его содержания;
  • обновленные материалы главной страницы должны быть легкодоступными, чтобы пользователь мог легко найти те статьи, которые уже в архиве;
  • наличие блока «Поиск» на сайте – важная деталь любого веб сайта;
  • наличие раздела «О сайте» или «О компании» — один из способов предоставления полной информации для пользователей для того, чтобы вызвать у них доверие к вашему бизнесу;
  • заголовок (title), который будет виден поисковым системам, должен быть информативным. Не стоит его начинать такими фразами, как «Добро пожаловать» или «Главная». Для пользователя заголовок должен быть привлекающим внимание;
  • важно также уделить внимание составлению description (описанию) страницы. В нем должна быть полная информация о компании. Здесь надо проявить немного креатива и придать описанию рекламный характер;
  • подбирая ключевые фразы (keywords) для главной страницы сайта необходимо следить за тем, чтобы они описывали ее содержание и не повторялись. Не стоит использовать ключи, которые отсутствуют на странице;
  • чтобы облегчить поиск по сайту информации, которая находится в глубине сайта, ссылки надо начинать с наиболее важных ключей;
  • использование значимой графики позволит заинтересовать посетителя. Если есть возможность показать на главной странице примеры своих трудов, то лучше сделать это.

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

Как сделать оригинальную ссылку в html на другую страницу

Можно в строке браузера выделить адрес блога, который выглядит так http://seitostroenie.ru или http://www.seitostroenie.ru и скопировать в буфер обмена.

Если надо сделать ссылкой рисунок или какую-то надпись, то в коде надо добавить следующую запись: 

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

Должна получиться следующая запись: .

Естественно, что ссылку надо поменять на адрес вашего сайта. К надписи надо добавить: < /а >.Между символами “>.

Если в качестве ссылки надо использовать картинку, то вначале изображение загружают на сайт, а коде html пишут:

< img src = “ссылка на само изображение на сайте“ >.

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

< img src = “http://сайта/image1.jpg“ >Главная< /a >.

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

target=_blank title=””

Получим:

< img src = “http://сайта/image1.jpg “>< /a >.

При наведении курсора на картинку появится надпись «Главная».

Если ссылка должна быть подчеркнута и выделена цветом (сделаем текст черным, а подчеркивание – белым), то добавляем в код следующую запись:

Главная

Заменив “white”, “black” и “Главная“ другими словами можно получить текст ссылки, который больше подходит по стилю вашему ресурсу.

Важно: редактировать страницы с использованием перечисленных тегов можно только в html режиме!

И напоследок, пара полезных советов:

  1. Когда создаете гиперссылку не забывайте проверять ее работоспособность. Даже, на первый взгляд, самая несущественная неточность кода html может полностью поменять его смысловое значение.
  2. Загружая на сайт картинки следите, чтобы их названия состояли из английских символов. Можно использовать цифры.
Эта запись была размещена в Создание сайта автор admin постоянная ссылка.

seitostroenie.ru

Как сделать переход с одной страницы на другую

Июль 24

Хороший сайт должен обладать удобной навигацией. Для этого предусмотрена возможность использования ссылок. Они позволяют посетителю сайта без особых усилий найти интересующий раздел на сайте. Нужно понимать, что от того, насколько удобно на сайте реализована навигация, напрямую зависит продолжительность нахождения посетителей на сайте.Способы размещения ссылокСсылку для перехода на другую страницу можно добавить разными способами. Например, при использовании движка нужно зайти в меню материалов с правами администратора. Затем следует выбрать необходимую страницу или создать новую. После этого пишется текст ссылки. Далее его следует выделить и нажать на панели инструментов кнопку «Добавить ссылку». После нажатия данной кнопки открывается форма. Ее нужно заполнить, указав предусмотренные CMS параметры, ввести адрес страницы для перехода. После внесения необходимых данных формул нужно закрыть нажатием кнопки «ОК». После сохранения внесенных изменений и обновления страницы должна отобразиться добавленная ссылка. Следует проверить ее на работоспособность и внести изменения, если необходимо.Иногда требуется создать ссылку, отображаемую на всех страницах сайта. Для этого первым делом следует зайти в раздел шаблонов. Потом следует найти команду «Редактировать HTML». Должно открыться окно с исходным кодом страницы. Прежде, чем вносить изменения в код, нелишним будет скопировать его куда-нибудь – это перестрахует вас от случайного удаления кода. Текстовые ссылкиВ коде следует найти требуемый блок и вписать в него ссылку в таком формате:

Текст ссылки.

Графические ссылкиИногда вместо текстовой ссылки целесообразнее использовать изображение. Тогда формат кода будет таким: После сохранения внесенных изменений вы должны увидеть результат.Якоря

Иногда нужно создавать ссылки для перехода непросто на другую страницу, а на определенное ее место назначения. Для этого в нужных местах сайта надо расставить якоря. Якорям следует присвоить названия, лучше – порядковые номера (для экономии времени). При использовании CMS для этого следует выделить нужную часть текста, нажать «Добавить ссылку», после чего в открывшейся форме ввести данные в поле «Якорь». В формате HTML это выглядит так:

текст ссылки или изображение

То есть, переход в таких случаях также осуществляется при помощи следующих тегов.

gs-studio.com

html как сделать переход на другую страницу

Существует несколько способов создания кнопки HTML для перехода на другую страницу.

Метод 1

  • Преимущество: Отдельный JS из HTML (MVC)
  • Недостаток: длинные коды, полагайтесь на JS
  • Примечание: селектор jQuery не является обязательным, может использовать традиционный JavaScript

Метод 2

  • Преимущество: 1-лайнер, не нужно назначать идентификатор кнопке
  • Недостаток: смешайте JS с HTML, полагайтесь на JS

Метод 3

  • Преимущество: нет необходимости полагаться на JS
  • Недостаток: выглядит как поддельная кнопка, требуется IE9 + ( appearance — свойство CSS3)
  • Примечание: это от здесь

Метод 4

  • Преимущество: самый короткий код, не нужно полагаться на JS
  • Недостаток: неправильное использование тега . Не работает, если есть кнопка отправки

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

Примечание: можем ли мы сделать это как сообщество wiki?

Я делаю ссылку. Ссылка — это ссылка. Ссылка переместится на другую страницу. Это то, для чего нужны ссылки, и все это понимают. Таким образом, метод 3 является единственным правильным методом в моей книге.

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

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

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

Источник: http://qaru.site/questions/689781/html-button-navigate-to-other-page-different-approaches

Пишу тег и атрибут правильно,выдаёт (проверьте правильно ли указан адресс)в чём причина не понимаю!

Вопрос без «куска исходника» не хорошо. Что ж тут все телепаты ? 😉

Это при том, что оба файла 1.html и 2.html находятся в одном и том же каталоге (на хостинге), если файлы расположены в разных каталогах, то нужно использовать :

В общем все это есть в сети — любой учебник по HTML.

Я наверстал 15 страниц,а соединить их не могу хотя ставлю именно тот тег и атрибут которые вы указуваете (адрес тоже правильный)выдаёт следующие —Firefox не знает, как открыть данный адрес, так как один из следующих протоколов (fale) не связан ни с одной программой или не разрешен в этом контексте.

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

Какое обеспечение именно не знаете? — 3 года назад

ЧИТАЙТЕ ТАКЖЕ:  как сделать куклу из соломы

Источник: http://www.bolshoyvopros.ru/questions/1576621-kak-perejti-s-odnoj-stranichki-sajta-na-druguju-v-html.html

Итак, у нас есть три html-страницы, которые нужно связать между собой. В HTML для этого используются теги . Все, что вы поместите внутрь этих тегов (текст или картинку) станет ссылкой. Это значит, что после нажатия на то, что вы указали в тегах произойдет переход. Куда? На страницу, которая указана в атрибуте href.

Рассмотрим наш блок меню:

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

Здесь следует подробнее остановиться на способах задания адреса html-страницы в атрибуте href. Все наши страницы находятся в одной папке, т.е. имеют один уровень. Поэтому мы просто указали имя html-страницы.

Если же html-страница будет находиться в другой папке, то необходимо будет указать путь к ней от данной html-страницы. Например, если в нашей папке site лежат страницы index.html и pattern.html, а страницу kontact.html мы поместили бы в папку kon, то указывая путь со страницы index.html на страницу kontact.html, мы написали бы следующее: (все папки указываются через / ).

Если вы захотите сделать ссылку на html-страницу, которая не лежит на вашем сайте, то придется указать ее абсолютный адрес, например,

Нам осталось на разных html-страницах разместить разный контент.

Пусть на нашей главной странице будут размещены фотографии шаблонов с их краткими характеристиками, на странице pattern. html — будут просто фотографии шаблонов, а на странице kontact.html — адрес нашей электронной почты.

Начнем со страницы index.html. Откройте ее в блокноте.

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

Источник: http://www.site-do.ru/doSite/lesson4.php

Принцип связанности интернета

Все мы слышали словосочетание «всемирная паутина». Почему сложилась ассоциация именно с этой структурой из живой природы? Все очень просто. Паутина скрепляет пространство, она дает пауку возможность получать информацию о том, что происходит в его владениях. В интернете единицами информации являются HTML-страницы и файлы, гиперссылки связывают их как нити.

Гиперссылка — это специальный элемент HTML-разметки, устанавливающий связь с другой страницей или файлом. Они являются фундаментальной основой существования интернета. Браузеры, при клике на гиперссылку, осуществляют переход на связанную с ней страницу или загрузку файла.

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать из лего машину времени

Заметка Гиперссылки осуществляют связывание посредством специального атрибута, который должен содержать URL-адрес ресурса. URL является универсальным идентификатором источника информации в сети. Если вы не знакомы с данным понятием, изучите урок «Что такое URL-адрес?» из нашего учебного курса.

Использование гиперссылок

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

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

Для указания страницы или файла, с которым связана ссылка, используется атрибут href . В нем необходимо указать соответствующий URL-адрес. Также вы можете задать атрибут title , который будет выводить определенный текст при наведении курсора на гиперссылку. Ниже мы привели наглядный пример.

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

Источник: http://coder-booster.ru/learning/html-beginners/create-hyperlink-to-another-page

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

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

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

Как сделать ссылку на определенное место текущей страницы

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать маску домана своими руками

1. Присвойте якорь части страницы

Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код

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

2. Сделайте ссылку на «якорь»

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

где «anchor» замените на то слово, которое выбрали в первом пункте статьи.

Как сделать ссылку на определенную часть другой страницы

Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:

1. Присвойте «якорь» странице-реципиенту

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

где вместо «anchor» вы так должны вставить любое слово по вашему желанию.

2. Сделайте ссылку на anchor другой страницы

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

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

Пример ссылки на часть страницы

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

а код ссылки выглядит вот так

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

Источник: http://ochprosto.com/sdelat-ssylku-na-opredelennuyu-chast-stranicy/

kaketodelaetsya.ru


Смотрите также



Компьютерные курсы по направлениям:

Для начинающих


A

Компьютер для начинающих: Word, Excel, Access и другие программы!

Графические пакеты


B

Популярные пакеты Adobe Photoshop, CorelDraw, ArchiCAD, AutoCAD и другие!

WEB + анимация


C

Курсы по созданию сайтов, WEB-дизайну и крутой анимации в Adobe Flash!

Бухгалтерия + делопроизводство

Сетевые технологии


E

Курсы сборки ПК, системных администраторов и защиты информации!