「パスワード」ページの作成

準備

1. Jimdoパスワード保護領域ページから、ヘッダー画像を取得し「img」フォルダーに保存します。
2. エクスプローラーを開きtextフォルダーの任意のHTMLファイルをコピーして、ファイル名を「password.html」に変更します。

Bracketsの起動とファイルの起動

1. Bracketsの起動し、ファイルから「フォルダーを開く」をクリックし、準備で作成した「講習会」選択します。
2. 「password.html」を選択します。

画像の挿入

1. ヘッダー画像の呼び込み先を上記「準備の1」で取り込んだヘッダー画像のファイル名に書き換えます。

CSSの設定

1. base.cssを残し、コピー元のhtmlファイルに設定してあったCSSのリンクを削除します。

ジャバスクリプトの設定

1. 下記をコピーしてhead部分に貼り付けます。
   

   <script type="text/javascript">
         <!--
         function myEnter() {
            myPassWord = prompt("パスワードを入力してください", "");
            if (myPassWord != "" && myPassWord != null) { 
               location.href = myPassWord + ".html";
            }
         }
         // -->
      </script>
               

main部分の設定

1. main要素を下記に書き換えます。
   

   <h1>パスワード保護領域 </h1>
   <p>このページの閲覧にはパスワードが必要です。</p>
   <form>
   <input type="button" value="パスワードを入力して下さい。" onclick="myEnter()">
   </form>