Подписаться Бесплатный дискуссионный лист Подписчиков 1.800

←   Май 2024   →
		1 01.05.2024 01:28:00 07:58:13 10:45:48 15:28:02 16:05:20 16:06:21 16:06:42 17:28:06 21:50:46	2 02.05.2024 00:55:52 04:15:16 10:04:00 18:09:39 18:44:23 19:06:47 19:33:20 20:00:33 20:04:10 21:20:49 21:29:07 23:28:24 23:42:08	3 03.05.2024 00:39:25 03:01:58 03:02:10 08:02:54 18:36:35 23:20:49	4 04.05.2024 13:39:14 16:27:03 17:08:10 17:09:56 17:19:19 18:00:14 22:38:03	5 05.05.2024 14:31:49 17:23:50 18:37:08 18:47:03 18:48:31 20:26:51 20:27:29 20:27:34
6	7 07.05.2024 01:38:48 11:26:48 11:44:46 11:45:15 12:26:26 13:25:17 13:31:32 14:08:59 16:24:06 17:15:07 17:33:48 17:57:36 18:27:00	8 08.05.2024 01:22:16 01:22:24 01:22:56 01:23:11 09:40:25 11:03:57 11:35:57 12:17:29 12:32:24 13:34:46 13:42:28 14:13:59 14:33:54 15:24:31 15:38:43 15:44:37 20:38:58 20:43:26 21:06:49 22:30:27	9 09.05.2024 05:14:32 18:26:06 18:57:47	10 10.05.2024 01:32:22 09:31:54 12:51:49 13:01:59 13:40:37 14:55:11 15:15:46 18:01:34 18:26:56	11 11.05.2024 00:39:43 16:40:42 18:07:01 18:17:06 18:19:16 18:36:46 18:38:20 18:46:56 19:23:32	12 12.05.2024 05:58:13 08:31:31 15:09:38 20:21:43 20:22:36 22:09:32
13 13.05.2024 04:15:32 12:07:01 12:09:03 12:30:50 13:56:19	14 14.05.2024 06:50:32 06:51:28 10:56:46 11:01:52 12:20:44 13:01:52 16:04:07 18:36:21	15 15.05.2024 00:18:02 09:35:00 10:01:40 12:18:55 16:19:40	16 16.05.2024 01:25:00 02:40:17 07:08:58 07:09:51 07:51:05 08:18:52 10:00:09 10:31:25 11:14:43 11:52:44 11:53:27 12:08:30 15:08:00 15:54:31 15:58:54 18:10:33 18:12:26 18:45:09 20:55:42 20:57:05 21:22:08	17 17.05.2024 04:41:40 06:23:54 06:47:52 08:18:08 08:26:32 08:29:26 08:36:31 09:20:07 09:42:39 10:09:14 10:17:44 11:14:45 11:22:10 13:03:14 13:48:50 16:55:50 17:15:31	18 18.05.2024 03:26:27 05:27:31 05:54:48 06:03:39 07:09:58 08:54:10 09:17:27 12:27:25 12:45:13 13:31:27 13:39:53 15:07:17 18:03:46 20:40:11 20:56:06 22:25:42 22:46:20	19 19.05.2024 06:14:00 07:48:28 08:13:59 08:59:18 12:00:10 21:23:04
20 20.05.2024 14:08:53 17:54:44 18:19:45 19:16:40 19:46:03 23:57:46 23:57:57	21 21.05.2024 00:09:01 01:05:08 11:25:07 13:50:40 14:29:30 14:57:26 15:42:35 16:03:23 16:37:54 16:50:48 17:15:03 17:32:18 17:37:02 17:37:12 18:22:22 18:28:05 18:43:02 19:04:12 20:03:41 20:19:06 22:23:35 22:54:16 23:47:54 23:48:00 23:48:27 23:48:34 23:53:32	22 22.05.2024 00:04:52 00:08:27 00:13:30 00:16:26 04:13:07 07:38:53 08:53:01 08:55:30 09:20:10 09:27:10 12:47:48 12:57:49 13:48:19 13:51:55 16:49:54 19:02:57 19:32:15 20:32:50 22:20:14 23:00:58 23:01:37	23 23.05.2024 09:51:34 10:03:50 13:32:23 14:45:31 16:05:40 16:33:13 17:28:14 18:28:15 22:13:29 22:45:50 22:56:06 22:56:38 22:57:12 22:57:20 22:57:41 22:57:53 23:22:41 23:27:36 23:33:11	24 24.05.2024 03:16:17 21:12:23 21:33:01 21:58:28 22:48:06 23:21:20	25 25.05.2024 01:23:25 04:10:58 04:14:58 07:10:34 07:21:19 09:13:33 17:51:11 20:40:47 21:26:15 23:50:24	26 26.05.2024 08:58:16 16:14:11 16:39:02 17:47:11 17:48:32 21:52:16
27 27.05.2024 04:47:55 08:42:41 10:22:43 12:26:34 13:27:34 16:51:10 16:52:03 17:48:25	28 28.05.2024 06:36:55 12:39:44 14:26:56 14:32:28 16:39:42 18:59:48 20:42:14 22:00:59	29 29.05.2024 15:24:58 18:11:10 18:50:10 18:53:23 19:42:37	30 30.05.2024 05:13:41 05:42:21 06:59:49 09:51:41 10:04:35 10:50:40 11:12:37 12:06:04 12:25:27 12:43:56 13:54:30 14:01:42 14:02:03 14:18:00 15:22:04 16:31:05 17:04:50 17:50:04 17:51:26 17:55:29 18:05:20 20:39:58	31 31.05.2024 05:02:42 05:06:35

За последние 60 дней 796 выпусков (несколько раз в день)

Сайт листа: http://www.tiflocomp.ru
Открыт: 22-01-2004
Пре-модерация: Нет
Адрес для писем в лист: industry.comp.tiflocomp-list@subscribe.ru

Модератор

Vladimir Dovydenkov

Статистика

1.800 подписчиков
0 за неделю

• Выпуски
• Статистика

[TC] Элементы веб-навигации на одной странице.

Моё почтение!

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

Ответить  

Вячеслав

Tue, 21 May 2024 22:22:44 +0300 (#3704816)

 

Ответы:

Моё почтение!

› показать цитату

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

В общем, я обратился с этим вопросом к ChatGpt, и он мне выдал весь код такой веб-странички за 30 секунд.
Сам бы я возился наверное минут 30, если не больше, потому как давно уже с html-разметкой не работал, почти все теги позабывал.
Если кому ещё нужно и интересно, то забирайте себе по ссылке ниже.
Представлены, конечно, не все элементы навигации, но самые основные присутствуют, для быстрого наглядного пособия отлично подойдёт:
https://disk.yandex.ru/d/7pFGI24KD1CcCw

Ответить  

Вячеслав

Tue, 21 May 2024 23:52:10 +0300 (#3704824)

 

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}