私のページを診断してもらえませんか。

[新着] Webテンプレートを仮オープンしました



0   名前: 5.1ch : 2007/06/27(水) 09:49  [URL]  ID:vol5g9cp sub-bK
はじめまして。
私は今、学校行事のためにホームページを作成しているのですが、
その中にパスワード付きリンクが必要になりまして、当掲示板の過去のスレッド等も検索し試みまして
作成してみたのが下記に記すページです。
しかし、ページ内の「ゼミ連専用」にパスワード付きリンクを設定したいのですがうまく作動しません。
何が悪いのか初心者の私には全く見当もつかないため書き込みをさせてもらいました。

ページのソースからどこをどのように直せばいいか教えていただけないでしょうか。

よろしくお願いいたします。

http://www2.bbweb-arena.com/seminar/index.htm

1   名前: あや : 2007/06/27(水) 09:49  ID:TRVH9wjM sub-ND
こんばんは。
しかしページ内の「ゼミ連専用」にパスワード付きリンクを設定したいのですがうまく作動しません。

パスワード制限を付けるにはbasic認証を使うのがいいのではと思いますが、お使いのサーバーは.htaccessを許可しているところでしょうか?
それとソースを拝見して思ったのですが、これはワードで作ったものをそのままhtmlで保存したものなのですね。
ワードや一太郎が吐き出したhtml文書は「きれいではない」と過去スレで見た記憶があります。
もしフレームページを使用したサイトデザインをお考えならば1の解説ページをご覧の上、2のツールを使ってみてはいかがでしょうか?
1.http://www.tagindex.com/html_tag/frame/frame.html
2.http://www.tagindex.com/tool/frame.html

大きなお世話と叱られそうですが、あのソースではどこがメニューなのかわかりませんでした。


2   名前: アオ : 2007/06/27(水) 09:49  ID:PD4SOZJy sub-EO
こんばんわ。アオと申します。
火狐で見たところ、おそらくメニュー部分と思われる部分が本文に重なっていて非常に見辛かったです。一般的にIEで動作確認される方が多く、ファイアフォックスは少数派なので、しょうがない部分はあるんですけど。学校行事のためだということで、一言レスさせていただきました。

解決方法を提示できなくて非常に申し訳ないんですけれど、あやさんのおっしゃっているようにフレームを使った方がよいかもしれません。

3   名前: 匿名 : 2007/06/27(水) 09:49  ID:ougEp691 sub-gm
> 私のページを診断してもらえませんか。
ということでしたら、文法チェッカをお勧めしますが。

Another HTML-lint gateway:
http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

ワードやエクセル、一太郎などのHTML出力は使わない方がよろしいかと。

4   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
ご返答ありがとうございます。

あやさんやアオさんがおっしゃるようにフレームを使用して
パスワード付きリンクを貼ったところ私自身が期待していた通りに作動しました。

また、あやさんがおっしゃっているbasic認証のやり方を過去のスレッドに参照し、
試みようと思ったのですが、どうにも理解できず諦めました…。

解決後のパスワード付きリンクはソースを表示すればパスワードは丸見えの状態ですが、
それほど重要な情報を公開するわけではないので、私の中では許容範囲です。

匿名さんのおっしゃる
>ワードやエクセル、一太郎などのHTML出力は使わない方がよろしいかと。
というのはどういった理由からでしょうか?
「ソースを表示すると、作成者の名前が丸見えだから」のような理由ですか?

5   名前: カヅサツ ◆ThCi95HEzw : 2007/06/27(水) 09:49  [URL]  ID:O5hEMlpW sub-r2
>> ワードやエクセル、一太郎などのHTML出力は使わない方がよろしいかと。
> というのはどういった理由からでしょうか?

出力されるHTMLが目茶目茶だからです。
>>3 で紹介されたHTML文法チェッカにはかけてみましたか?

6   名前: Newのり太 : 2007/06/27(水) 09:49  ID:bB4GCfnQ sub-1h
> 「ソースを表示すると、作成者の名前が丸見え
というのもありますが、MS-WORDが吐くHTMLが、HTMLとは似て異なるシロモノであり、>>2 で指摘されているようにIE以外のブラウザで表示上の不具合が出るなどの問題もあります。

積極的にお奨めするものではありませんが、ソースを綺麗にしてくれるツールがあったり、バージョンによっては保存時にコンパクトなソースに変換できたりする場合もあるようです。
使いこんだことはないので、効果のほどはわかりませんが。
http://www.wanichan.com/web/word2000/wordfaq.htm#a

7   名前: 匿名 : 2007/06/27(水) 09:49  ID:ougEp691 sub-gm
>>3 です。

以前にも、似たような話題がありました。
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=3061

このスレッドにもありますが、不必要なものが出力され、おかしなhtmlになるからです。
少なくとも、私の環境では正しく表示されていないようでした。

8   名前: Newのり太 : 2007/06/27(水) 09:49  ID:bB4GCfnQ sub-1h
> また、あやさんがおっしゃっているbasic認証のやり方を過去のスレッドに参照し、
> 試みようと思ったのですが、どうにも理解できず諦めました…。

http://allabout.co.jp/internet/hpcreate/closeup/CU20020910A/

9   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
ご返答ありがとうございます。

そもそも私がワードでのページ作成をしようと思った理由が
「H.P稼動後は頻繁に更新を必要とするが、更新を手がける人が
私よりもさらにH.P作成に関する知識がない(ソース表示やHTMLタグを知らない)人が担当するため
見た目で更新ができるワードが教えるためにもわかり易いだろう」と考えたからです。
そのため、ワードでの作成は必須ではないかと感じている次第です。

また、私自身もさほどタグについての知識はなく
>>3 で紹介していただいたHTML文法チェッカにかけてみましたが、40個もエラーが表示されざっと眺めてみました。
しかし、何をどうすればいいのか全くわからない状態でした。

私自身の未熟さに多少の怒りを覚えますが、皆様のご返答に感謝いたします。

10   名前: 匿名 : 2007/06/27(水) 09:49  ID:hluNH6xU sub-Ds
そのような事情でしたら、ブログを使えばいかがですか?
複数の管理人OKのがどこかにあったような。

知識がなく、すぐにでもはじめたいなら、タグを勉強するより簡単です。制約は多いですが、制約が苦になるサイトでもなさそうなので。いろいろ懲りたいなら、htmlに加え、cssが必須になりますが、お仕着せでよければ、雛型も沢山ありますすので好みのデザインを選ぶだけ。後は入力するだけで更新可能になります。携帯からも更新できるほど簡単です。

11   名前: Ken-W : 2007/06/27(水) 09:49  ID:jvaW9JsB sub-FV
basicが難しいのなら
<script language="JavaScript"><!--
function pass3(check){
window.open(check+".html","_self");
}
// --></script>
<form>
<input type="password"name="pass">
<input type="button" value="会員用" onClick="pass3(this.form.pass.value)">
</form>

のタグを入れて、「会員用」を適当な言葉に代えて、
パスワードは、行きたいファイル名の「.htm」をはずした言葉になる。
というのは?

12   名前: あや : 2007/06/27(水) 09:49  ID:TRVH9wjM sub-ND
> そのような事情でしたら、ブログを使えばいかがですか?
> 複数の管理人OKのがどこかにあったような。

私が使っている二つのブログの一つ「はてな」でも「複数管理人」が設定できます。
カテゴリー分けと管理人間の約束(他の管理人が投稿した記事を編集・削除しない、投稿者は記事の頭で必ず名乗るなど)を周知徹底させるようにすれば、現在のブログでは十分>>0さんが求める役割を果たしてくれるように思います。

13   名前: 匿名 : 2007/06/27(水) 09:49  ID:pJBpw0OI sub-Cz
>>11
マジレスすると、それはどこからもリンクされていないページを無造作に置く行為と何ら変わりない。リファラが漏れただけで他所からはリンク張り放題&情報漏洩ってことになる。

専用ページにどんな情報を置くにせよ、今回の件ではサーバ側での認証機能は必須かと。

>>9
http://www.kanzaki.com/docs/htminfo.html を一読することをおススメする。「30 分間 HTML 入門」と「インスタントホームページ」だけで、それなりに何とかなると思う。

HTML というのは、よく誤解されているようなページデザイン言語じゃない。全世界で情報をやり取りするための、一種の書類フォーマットなんだ。だから、いくら簡単に書類を作成できるとしても、書類フォーマットに不備があるのでは相手に失礼だし、何より何が起こるか分からない。

ツールを使うにしても、何だかんだで書類フォーマットのミスを自分で直せるだけの知識は必要になるよ。

14   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
数々の案を考えていただきありがとうございます。

>>11のタグを使おうとした結果、どうにもうまく動作しなくてこのスレッドを作成した次第なのです。
とりあえずは、現段階で正常に作動している状態で保存しておきたいと思います。
>>13の「30 分間 HTML 入門」と「インスタントホームページ」を時間があるときにでも熟読し、
いずれはbasic認証に再挑戦したいと考えています。

>>10,>>12
ページ作成に取りかかる前にブログでの情報公開という案もあったのですが、
「情報が煩雑になる」という理由から廃案になったそうです。私自身、その理由の真意がよくわからないのですが…。

現段階でのページをレンタルサーバーにULしていますので、よろしかったら一度ご覧にください。
広告が重なっていてクリックできないリンクもありますが、そこは除外してください。
その結果、修正すべき点などのコメントをしていただければ幸いです。
ワードでの出力に関しましては目をつぶっていただきますようお願いします。
今の時点での私の目的はページが正常に作動するかどうかなので。

http://www48.tok2.com/home/seminar/index.html


15   名前: Newのり太 : 2007/06/27(水) 09:49  ID:iXTrKUp6 sub-1h
> ワードでの出力に関しましては目をつぶって

となると、有効な "修正すべき点などのコメント" は期待出来ないでしょうし、何を言っても無意味なような気がします。
文書構造もへったくれもありませんので。

word でも、見出しと段落、箇条書きぐらいはマークアップできるかと思ったら、箇条書きも"段落"になりますね。。
やっぱりwordは、あくまでも「印刷するための文書」を作るソフトですわ。。


> 今の時点での私の目的はページが正常に作動するかどうかなので。

動作確認でしたらご自分でも出来るのではないかと思いますが、IE6、Firefox2、opera9 で、パスワードでのリンクは、ご希望通りに機能していると思います。ただし、ブラウザの設定や、その他のブラウザによっては意図どおり機能しない場合もあることは頭の隅に置いておいてください。



あと、本題からはずれますが、パスワード等による閲覧制限は(ソースを見ればわかるというものの)tok2では規約違反となるようです。
http://tok2.com/kiyaku.html
一時的なサンプルなのかもしれませんが、広告が出るようなサーバーでは、たいてい閲覧制限は禁止されていますので注意してください。
本番では、パスワード制限が許可されているサーバーをお使いください。

16   名前: あや : 2007/06/27(水) 09:49  ID:TRVH9wjM sub-ND
まだまだ勉強不足な身なのと、自分のサイトにフレームを使っていないので誤解していたら申し訳ないのですが…
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
はleft-top.htmlではなくindex.htmlに宣言するのでは?
2.<noframes>が入っていないのでフレーム未対応のブラウザ使用の人にはたどり着けないサイトだと思います。

他にもいくつかありますが 

> ワードでの出力に関しましては目をつぶって

とのことでhtml文書で作成する予定はないようなのでこれ以上は控えます。

17   名前: 匿名 : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
>動作確認でしたらご自分でも出来るのではないかと思います
私自身がIE7を使用しており、それ以外に何も持っていないので
>>2のような現象が現れないかどうかを知りたかったので。

このホームページをワードで作る際に「ブラウザでプレビュー」などで確認し、
「見れるからいいか」という思いがいちばん強かったのです。
しかし、実際にはワードでのHTML出力というのはすごく敬遠されるのですね。

><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
はleft-top.htmlではなくindex.htmlに宣言するのでは?
>>1を参考にこのサイトの「フレームの使い方」を見ながら全く同じタグを書いて
ページを作成したので、自分でもよくわかっていないのです。
上記のタグが何を表すかもわかっていなくて…。

><noframes>が入っていないのでフレーム未対応のブラウザ使用の人にはたどり着けないサイトだと思います。
このタグはどこかで見たような気がします。このタグは絶対に入れておくべきですよね。


このスレッドでいろいろと勉強させてもらいました。
まとまった時間が取れれば、全てのページを一新したいと思います。

18   名前: Newのり太 : 2007/06/27(水) 09:49  ID:P0WbuKJl sub-1h
>>17
スレ主さんですよね?

> 私自身がIE7を使用しており、それ以外に何も持っていないので
> >>2のような現象が現れないかどうかを知りたかったので。

http://www.mozilla-japan.org/
http://jp.opera.com/
http://www.netscape.co.jp/
http://www.mars.dti.ne.jp/~fuming/lynx/

いずれも無料です。
他にもイロイロあるかもしれません。
表示確認用に導入しておかれたらどうですか?

19   名前: 匿名 : 2007/06/27(水) 09:49  ID:XPOpVyvF sub-Ds
http://browsershots.org/
ここで全てのブラウザをチェックできます。但し、かなり待ち時間が必要です。まぁ、火曜に聞いて、日曜に答えが出ないほどではないですし、人の善意に頼らなくてもいいので出来上がりを1度チェックする程度なら十分ですよね。ほんとうに「見られる」かどうか自分で確認できます。

http://oyuki.jugem.jp/?eid=70
使った使用感レポです。

20   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
>>17は私の書き込みです…。名前を記入するのを忘れていました…。

>>18
さっそくネットスケープだけはDLし、インストールしました。
確認してみたところ多少の文字位置のズレはあるものの正常は範囲内だったので安心しました。
私の勝手な思い込みかもしれませんが、
インターネットブラウザといえば、インターネットエクスプローラーかネットスケープだろうと
前々から思っていたのですが、実際のところは全ブラウザの使用割合としてはどのような感じなのでしょうか?

>>19
かなり本格的なツールだ!…というのが正直な感想です。
紹介していただきありがとうございます。

21   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
連続での書き込みですみません。

みなさんのご指摘通り、ワードでのHTML出力をやめテキストエディタでのページを作成することにしました。
今、全てのページを作り直している最中なのですが、
ワードではインデントを事細かに設定していたので、その通りに作り変えようと思ってもなかなかうまくいきません。
現在はリストを使って作ろうとしているのですが、「・」が邪魔になってしまいます。
以下は現在使っているタグです。

.indent1 { margin-left: 30px; }
   ・
   ・
   ・
<li class="indent1">

このサイトを利用して上記のようなタグを使って作成したのですが前述のように…。
「・」を消す方法、または何か他に良い方法があれば教えていただけないでしょうか。

22   名前: Z ◆XTzyosZXcL : 2007/06/27(水) 09:49  ID:IjcRl9qH sub-Cl
>>21
 質問内容が変わる場合は、新たにスレッドを立て直してください。

参考・質問の仕方:
http://www.tagindex.com/bbs/advice.html

23   名前: あや : 2007/06/27(水) 09:49  ID:TRVH9wjM sub-ND
こんばんは。
最初はとまどうことばかりでしょうが少しずつ覚えていけばいいと思います。エラそうで申し訳ありません。
>>21の件ですが<li></li>を使うと・(disc)がデフォルトです。
それを消したりローマ数字にしたり、あるいはリストごとの間隔や文字色を変更したりデザイン変更するのがCSSの役割だと考えてもらえればいいのではないでしょうか。

http://www.tagindex.com/stylesheet/list/list_style_type.html

↑を参考にしてみてください。
それでこれは提案なのですが、この続きはCSS板に(手順を踏んで)移動しておこなってはいかがでしょうか?
たぶんほかにもCSSのことで質問したいことが出てくるのではないかと思いますので。

24   名前: 5.1ch : 2007/06/27(水) 09:49  ID:vol5g9cp sub-bK
>>22
すいません、以後気をつけます。

>>23
最初から戸惑いっぱなしですが、知っていて損をする知識ではないので少しずつ身に付けていきたいと考えています。

このスレッドで皆様から様々な意見を聞けたことに感謝しています。ありがとうございました。
これでこのスレッドを終了させていただきたいと思います。

25   名前: 匿名 : 2007/06/27(水) 09:49  ID:PP/Xvh4G sub-RV
終了してるようですけど、一応…

>インターネットブラウザといえば、インターネットエクスプローラーかネットスケープだろうと
>前々から思っていたのですが、実際のところは全ブラウザの使用割合としてはどのような感じなのでしょうか?

いろんなところが調査してますけど、結果はばらつきがありますね。
でも、最近はNetscapeよりはFirefoxの方が多いと思います。

一覧へ戻る