- 締切済み
ホームページ作成についての質問です。
ホームページ作成についての質問です。 私は今メモ帳に直接HTMLをいれてホームページを作成しています。そのホームページにパスワードを設置したいんですが、ホームページ作成初心者なのでやり方がまったくわかりません。いきなり質問しては失礼なので、何日も検索しては試して、検索しては試して・・・と繰り返しました。でも、どんなページにも詳しいやり方が書いてあるんですが、意味がわからず、ちんぷんかんぷんです。そして今日やっと質問してみました。まったくの初心者なので、わかりやすいように説明していただけるとうれしいです＾＾よろしくお願いします＞＜
- jack73500
- お礼率0% (0/5)
- HTML
- 回答数5
- ありがとう数5
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
No.1です。javascriptによるページ認証をHTML5のWebストレージ機能を 使ってを作ってみました。しょせんjavascriptですから、javascript をOFFにされるとどうしようもないですが。 まず、ソースにパスワードをそのまま書くのはいくらなんでもまずいので、 ハッシュします。 下から、sha1ハッシュのJSを組み込みます。（別にこれじゃなくてもよいけど） http://pajhome.org.uk/crypt/md5/scripts.html 以下がトップページの例です（Authtest.htmという名前です） <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Auth test by WebStrage</title> <style type="text/css"></style> <script type="text/javascript" charset="UTF-8" src="/jslib/jshash-2.2/sha1-min.js"></script> </head> <body> <p><h3>Auth test by WebStrage</h3></p> <input type="password" id="password"></input> <button onclick="pwchk();">認証</button> <temp id="temp"></temp> <script type="text/javascript"> //document.getElementById("temp").innerHTML=hex_sha1("これこれ"); //4ad583af22c2e7d40c1c916b2920299155a46464 function pwchk(){ var password = "4ad583af22c2e7d40c1c916b2920299155a46464" var input_val = document.getElementById("password").value; if(hex_sha1(input_val)==password) location.href="/Authtok.htm"; else alert("パスワードが間違ってます。"); localStorage.password=input_val; } document.getElementById('password').value = localStorage.password; </script> </body> </html> 最初にコメントアウトされてるところを有効にして、「これこれ」をあなたの パスワードに変えて、ページを表示した結果表示されたパスワードのハッシュ 値をvar password =の後ろに張り付けて下さい。その後コメントアウトの部分は 削除しないと意味ないですよ。 飛び先のページは（/Authtok.htm）です。ここで認証チェックして、NGなら、 もとのページに飛ばします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Auth test by WebStrage</title> <style type="text/css"></style> <script type="text/javascript" charset="UTF-8" src="/jslib/jshash-2.2/sha1-min.js"></script> </head> <body onload="authchk()"> <p><h3>Auth OK Page</h3></p> <script type="text/javascript"> function authchk(){ var password = "4ad583af22c2e7d40c1c916b2920299155a46464" if(hex_sha1(localStorage.password)!=password) location.href="/Authtest.htm"; } </script> </body> </html> このjavascriptを外部ファイルにして、sha1.jsと供に、各ページに インクルードしておけば、javascript認証もどきができるかな 一応、IE7以上、Firefox3.6で試してOKでした。
- metametamu
- ベストアンサー率51% (153/295)
パスワードってあってないようなものですか？(baccano!ですよね・・・) <input type="text" value="" id="ENTER"> <input type="image" src="image.jpg" alt="ENTER" onclick="document.getElementById('ENTER').value==='baccano!'&&(location.href='top.html')"> とりあえず形だけのわかる人にはすぐわかるソースです。 難しいことは全くしていないのでjavascriptだけで動きます。 image.jpgの所にENTERボタンの画像、top.htmlの所に飛び先を入れてください。
こんばんは。 一番簡単なのは.htaccessでBASIC認証を使う方法です。ただし、サーバーが対応していればですが。(パスワードだけでなくIDも必要です。) .htaccessはいろいろな使い方があるので下記を参考にどうぞ。 http://www.shtml.jp/htaccess/
- fujillin
- ベストアンサー率61% (1594/2576)
＞どんなページにも詳しいやり方が書いてあるんですが、 ＞意味がわからず、ちんぷんかんぷんです。 ここの回答欄は文字数制限があるので、参照なさったページより詳しいどころか、もっと簡単な回答しかできないと思います。 どのような方法をしようとして何が分からないか、もっと限定した質問にしないと、漠とした質問では回答があってもやはり意味がわからないのではないでしょうか？ たいていのページはここで回答するよりも充実しているので… http://www.atmarkit.co.jp/flinux/rensai/apache10/apache10a.html http://ja.wikipedia.org/wiki/Basic%E8%AA%8D%E8%A8%BC http://www.atmarkit.co.jp/flinux/rensai/linuxtips/698apachebasic.html
- yyr446
- ベストアンサー率65% (870/1330)
IDとパスワードで制御するというのは、 HTMLやJAVASCRIPTだけでは、実質不可能です。 ※最も、すぐ見破られていいやり方ならありますが．．．． どうしても、Webサーバー側の設定とか、サーバー側のプログラムが必要になります。
補足
IDとパスワードではなく、パスワードだけでいいんですが・・・；
関連するQ&A
- 携帯用ホームページ作成
携帯用ホームページを作成させたいのですが、初心者で困っています。 実はその携帯用ホームページは仲間内での公開をしたいので、 URL申請＆パスワード入力制にしようと思っているのですが、 どうしたらそれが出来るのか分かりません。 また、メールフォームも使用したいと思っています。 携帯用のCGIレンタル屋さんなども検索してみましたが、もう少し 質問内容が増やせる所ならな、と思うところしか見当たりませんでした。 それとも携帯用だと妥協するしかないのでしょうか？ 使用しようとしている所はフォレストページです。 HTMLも使用できるらしいですが、勉強が追いつきません。 それに、HTMLを使用しても携帯用だと見え方や容量などが心配です。 どなたかお教え下さい。
- ベストアンサー
- その他（スマートフォン・携帯・タブレット）
- ホームページ作成でパスワード設定の方法
ホームページを作成していますが、リンクを押して 別のページに移動する時、ネットワークIDとパスワード を入力するようにしたいのですが・・・どのように作れば できますか？教えてください。 ソフトはホームページビルダーとHTMLエディタ（メモ帳） を使っています。
- 締切済み
- HTML
- ホームページ作成について質問です。
ホームページ作成について質問です。 そろそろブログからホームページに変えようと思い、とりあえずFC2の無料ホームページで試しているのですがブログのときとかなり違うのでてこづっています。 調べながらやっているのですが、なにせ初心者でなんと検索すればいいのかも分からなくなってしまい、説明もうまくできないかもしれませんがこちらから質問させてください。よろしくお願いします。 本題ですが、試しとしてindex.htmlの１ぺージだけ作ってアップロード後、サイトの確認してみたのですが、作ったはずのテンプレートや背景などもなく、文字の大きさもグチャグチャになっていてどうしていいか分かりません。「ディレクトリ作成」や「ファイル作成」というものがあるのですがこれをどうにかしないといけないのでしょうか？ なんと検索していいのかもわからず困っています。 ちょっとしたヒントなんかでも全然いいですのでどうか助けてください。
- ベストアンサー
- その他([技術者向] コンピューター)
- ホームページ作成のことで・・
今、ホームページのトップページを作っています。そこであるボタンをクリックしたら次の画面に左下の部分からページをめくるような感じで画面を展開させたいのですが・・ (1)ソースが知りたいのですが、ご存じの方おられませんか？ (2)ホームページビルダー２００１で作成しています。しかしＨＴＭＬ画面のどこの部分に入力すればよいかよくわかりませんのでそれもおしえていただきたいのですが・・・ なにぶんかなり初心者なので意味のわからないこともあると思いますが、お願いいたします。
- ベストアンサー
- HTML
- FC2ホームページ作成について
FC2ホームページに登録したのですが、HTMLやなんかは分かるのですが、編集方法がわかりません。 初心者ホームページ作成に関するサイトには、 メモ帳にタグを書いてみる的なことが書いてありますが、それをどうするんですか？ FC2のホームページの編集方法等が記載されているサイト等があったら教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- ホームページ作成での質問（初心者級）
ホームページ作成での質問（初心者級） こんにちは。 アドバイス宜しくお願いします。 現在ホームページビルダー10を使いホームページを作成している真っ最中です。 トップページを作り、他枝分かれのページも出来上がりそうなのですが、 一般のホームページでよくされている、トップページの前に普通の画像やフラッシュのファイルなどを使いたいと思案しています。 サンプルの画像(ページ)を作って入れ込んでみようと試してるのですが、どうもうまくいきません。。 質問前に調べてみたのですが、ダメでした（index.htmを変更し入れたい画像をindex.htmにする？？）。 どうかアドバイス宜しくお願いします。 拙い文章で失礼いたしました。
- ベストアンサー
- ホームページ作成ソフト
- ホームページ作成（ＨＴＭＬ）でのヘッダ部分について
ホームページ作成初心者です。 ソフトは使わずにウィンドウズのメモ帳機能から記述しています。 ヘッダ部分の記述について、以下の２点について教えていただきたいです。 どうぞよろしくお願いします。 ～１～ 本を読むと、ヘッダ部分に記述するのは １、ＨＴＭＬのバージョン指定 ２、文字コードの指定 ３、検索サイト用のキーワード設定 ４、ページ製作者の情報 の４つとありますが、これらの情報はリンクさせるページすべてに入れるものなのでしょうか？ それともｉｎｄｅｘ．ｈｔｍｌで作ったトップページだけに入れればよいのでしょうか？ ～２～ １、ＨＴＭＬのバージョン指定 についてなのですが、本の説明では 「ＨＴＭＬファイルをブラウザが読み取るときに、このＨＴＭＬファイルがどのバージョンなのかをブラウザに知らせるためにＤＯＣＴＹＰＥ宣言を書き入れる。このバージョンに応じてブラウザが適切な表示を行う。」とありました。 この宣言ですが、３種類ほどあることは分かったのですが、 自分で勝手に「これにしよう」って決められるものなんでしょうか？ 「勝手に宣言しちゃってるけど、作った内容がそぐわないじゃん」や、 「勝手に宣言しちゃってるけど、ＰＣ環境（ＯＳとか）が違ってるじゃん」 っていうことはないんでしょうか？ よく分ってなくってすみません。 よろしくお願いします。 過去質問検索しましたけど見つけられませんでした。 すでに回答あったらごめんなさい。
- ベストアンサー
- オフィス系ソフト
- ホームページ作成について
忍者ホームページを利用してＨＰを作成しようとしている超初心者です。 ＨＰ作成について何も解りません。 そこで早速質問なのですが、 ファイルマネージャーは「お客様のパソコン上でページを作成、編集して頂き、FTPソフトでアップロードしてください。」とのことですが、 メモ帳に書いた後、このFTPでアップロードするという方法がわかりません。 ダウンロードはしたのですが・・・・・
- ベストアンサー
- Windows XP
- alphaEDITを使ったホームページ作成について
alphaEDITを使ったホームページの作成で質問します。（当方はホームページ作成の初心者です） 質問ー１ 作ろうとするホームページは会員制倶楽部のホームページで、トップページからメインのページを開く際にパスワードを入力して開けるようにしたいと思いますが、この仕組みを作る方法をご教授願います。 質問ー２ ホームページの中で掲示板のようなものに会員が自由に入力できるようにし、かつこのサイトにログインした会員が閲覧できるようにするにはどうしたらいいでしょうか。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ホームページ作成について
いつもお世話になります☆ 早速ですが、ホームページ作成を試みておりますが、ＨＴＭＬについてまったくの素人です(;_;) 初心者がまず、取り組むべき事など正直何からどう取り組んでいったら良いのか判りません(;_;) 書籍類なども拝見致しましたが、どのような手順で勉強したら良いのかも判りません・・・ どなたか、初心者のホームページ作成【ＨＴＭＬ】法を教えていただけたら大変嬉しいのですが・・・ アドバイス”是非お願い致します”
- ベストアンサー
- その他（ビジネス・キャリア）
補足
文字を入力するところを、画像のようにする方法はないでしょうか？