![[目次]](FIGURE/CONTENT.GIF)
![[索引]](FIGURE/INDEX.GIF)
![[前へ]](FIGURE/FRONT.GIF)
![[次へ]](FIGURE/AFTER.GIF)
コンフィグレーションガイド Vol.2
Web認証画面（loginOK.html，logoutOK.html，loginNG.html，logoutNG.html）のサンプルソースを示します。
- ＜この項の構成＞
- (1) ログイン成功画面（loginOK.html）
- (2) ログアウト完了画面（logoutOK.html）
- (3) ログイン/ログアウト失敗画面（loginNG.html / logoutNG.html）
(1) ログイン成功画面（loginOK.html）
ログイン成功画面のソース例および表示例を次の図に示します。
図9-32 ログイン成功画面のソース例（loginOK.html）
- 注意
- loginOK.htmlファイルに，ほかのファイルを関連付ける場合は，関連付けするファイル名の先頭に”/”（スラッシュ）を記述してください。
- （例） < img src="/image_file.gif" >
- なお，ダイナミックVLANモードまたはレガシーモードでは，loginOK.htmlファイルにほかのファイルを関連付けると，ログイン成功画面が正常に表示されないことがあります。
図9-33 ログイン成功画面（ブラウザ表示例）
(2) ログアウト完了画面（logoutOK.html）
ログアウト完了画面のソース例および表示例を次の図に示します。
図9-34 ログアウト完了画面のソース例（logoutOK.html）
- 注意
- logoutOK.htmlファイルに，ほかのファイルを関連付ける場合は，関連付けするファイル名の先頭に”/”（スラッシュ）を記述してください。
- （例） < img src="/image_file.gif" >
図9-35 ログアウト完了画面（ブラウザ表示例）
(3) ログイン/ログアウト失敗画面（loginNG.html / logoutNG.html）
ログイン／ログアウト失敗画面のソース例および表示例を次の図に示します。
図9-36 ログイン／ログアウト失敗画面のソース例（loginNG.html / logoutNG.html）
- 注意
- loginNG.html，logoutNG.htmlファイルに，ほかのファイルを関連付ける場合は，関連付けするファイル名の先頭に”/”（スラッシュ）を記述してください。
- （例） < img src="/image_file.gif" >
図9-37 ログイン／ログアウト失敗画面（ブラウザ表示例）
All Rights Reserved, Copyright(C), 2011, 2020, ALAXALA Networks, Corp.
![[図データ]](FIGURE/ZU208300.GIF)
![[図データ]](FIGURE/ZU208310.GIF)
![[図データ]](FIGURE/ZU208320.GIF)
![[図データ]](FIGURE/ZU208330.GIF)
![[図データ]](FIGURE/ZU208340.GIF)
![[図データ]](FIGURE/ZU208350.GIF)