困った時に見るページ

※ HPを作る上で困った時に見るとちょっとだけ解決に繋がるかも知れないページです。(当サイトのFAQ[よくある質問]ページを見たい方はこちら をご覧下さいませ)


画像に関して

リンクに関して

文字に関して

FTPに関して

CGIに関して

回答

画像に関して

Q: 画像の貼り方が判りません!

<img>タグを利用致します。具体的な書き方はこちら 『4-7 画像の貼り方』 をご覧下さいませ。

Q: 画像が表示されません(涙)

幾つか原因がありますが、パソコン上で作業している時に画像が表示されない原因と、サーバーにアップロードした後に見えなくなるパターンの二つがあります。 詳しくは下記のURL先をご覧下さいませ。

[ 関連事項 : HP-TIPS > HPの作成 > 画像が表示されない場合 (ローカル側) ]
[ 関連事項 : HP-TIPS > HPの作成 > 画像が表示されない場合 (サーバー側) ]

Q: 壁紙を設定したいです

backgroundプロパティを利用致します。具体的な書き方はこちら 『1-3 スタイルシートによる背景指定の基本』 をご覧下さいませ。

[ 関連事項 : HP-TIPS > CSS > 壁紙の固定方法 ]

リンクに関して

Q: リンクの張り方が判りません。

<a>タグを利用致します。具体的な書き方はこちら 『4-4 リンクの張り方』 をご覧下さいませ。

Q: 別窓でリンクを表示したい

target属性を利用致します。具体的な書き方はこちら 『4-5 target属性』 をご覧下さいませ。

Q: フレームで分けたページから上手くリンクが出来ません! (涙)

<frame> タグの中でname属性を設定し忘れているのではないでしょうか? 小分けしたページから自サイトの任意のページにリンクを張る際は、設定した名前を利用してtarget属性で指定する必要があります。 詳細ははこちら 『4-20 フレーム関連』 をご覧下さいませ。

文字に関して

Q: 文字の大きさを変えたい

文字の位置を決めるにはfont-sizeプロパティを利用致します。具体的な書き方はこちら 『4-13 文字の大きさを設定』 をご覧下さいませ。

[ 関連事項 : HP-TIPS > HPの作り方 > 回り込みの設定 ]

Q: 真ん中寄せ(もしくは左や右寄せ)をしたい

文字の位置を決めるにはtext-alignプロパティを利用致します。具体的な書き方はこちら 『4-13-8 文字の位置を設定』 をご覧下さいませ。

[ 関連事項 : HP-TIPS > HPの作り方 > 回り込みの設定 ]

Q: ページが文字化けして困ってます。

約3点ほど原因があります。

  1. 文字コードを設定し忘れている
    META要素で指定出来ますので、詳しくはこちら 『4-3-1 META要素とは』 をご覧下さいませ。
  2. FTPソフトで転送する際にモードを間違えている
    詳しくはこちら 『1-2-4-4 CGI 転送モードの設定』 をご覧下さいませ。
  3. ブラウザの文字コード判定が自動になっている

    HTML文章でキチンと文字コードを指定しているにも関わらずページが文字化けする場合、ブラウザのコード判定がおかしくなっている場合がございます。

    IEならば 表示(V) > エンコード(D) > 自動選択 のチェックを外してみて下さい。

[ 関連事項 : HP-TIPS > HPの作り方 > 困った時に見るページ > CGIのページが文字化けします ]

Q: ページの途中から文字が全て太文字になってしまいます。

<strong>タグ が上手く閉じられていないのではないでしょうか? スペルミスをしていても起こりますので、ソースを良く見て確認して下さい。

[ 関連事項 : Bookmark > Useful > お役立ちサイト ]
こちらのページの「Another HTML-lint」様のサイトでは、作成したHTML文章の文法チェックを行って下さいます。どうしても原因が判らない!という方は一度訪問してチェックしてみて下さい。

Q: 他のパソコンで見ると違う字体になります。

ブラウザに表示される文字は実際にパソコンにインストールされている物しか表示致しません。(Macにしか無い文字を指定しても、Windowsでは見れません)。

FTPに関して

Q: FTPソフトが設定出来ません(または繋がりません!)。

契約をしたレンタルサーバー(もしくはプロバイダー)から送付された資料をよく読み直してみて下さい。必ず「ホスト名」、「ユーザー名」、「パスワード」等が記載された項目があると思います。

[ 関連事項 : HP-TIPS > CGI > FFFTPソフト > ホストの設定 ]
[ 関連事項 : HP-TIPS > CGI > FFFTPソフト > 接続出来ない場合 ]

Q: FTPソフトが急に繋がらなくなりました!(涙)

今まで使用出来ていたのに急に繋がらなくなった場合、7件ほど原因があります。 詳しくは下記のURL先をご覧下さいませ。

[ 関連事項 : HP-TIPS > CGI > FFFTPソフト > 急に接続出来なくなった場合 ]

CGIに関して

Q: カウンターを設置したいのですが

初めてCGIを設置される方向けに 『KENT WEB』 様のカウンターを設置する方法を書いております。そちらをご覧下さいませ。

[ 関連事項 : HP-TIPS > CGI > 初心者の為のCGI設置講座 (Dream Counter) ]

Q: 掲示板を借りたい

必ずデザインが可愛いだけでなく、どのような機能が備わっているかもチェックしておいて下さい。(まれに何の対策も備わっていない物があります/汗)。

[ 関連事項 : HP-TIPS > HPの作り方 > セキュリティに関して > 被害に遭う前に ]

Q: 掲示板を荒らされてしまいました(滝涙)

凄く落ち込みますが、先ずは落ち着いて対処して下さいね。(スクリプト[CGIや何らかのソフト]による自動投稿ならば簡単な対処で解決する事が出来ます)。その他の悪意のある書き込み等への対処は下記のURL先をご覧下さいませ。

稀に海外からの投稿を受けた際に文字化けするケースがあるので、一度相手のホスト先を調べる事も忘れないで下さい。(アジア圏から自国の文字で投稿があった場合、掲示板の文字コードが対応していなければ、変な記号等の羅列に変換されてしまう場合があります^^;)

[ 関連事項 : HP-TIPS > HPの作り方 > セキュリティに関して > 被害に遭った場合 ]

Q: アクセス解析をしてみたい

無料版、有料版ともに色々とありますので目的・ご予算に合わせて設置(もしくはレンタル)してみて下さい。 検索をかけるとかなりの数の会社がヒット致します。

[ 関連事項 : HP-TIPS > HPの作り方 > その他の心構え > アクセス解析とは ]
[ 関連事項 : ブックマーク > サーチ関連 ]

Q: CGIが文字化けして困ってます

約4点ほど原因がございます。

  1. エディターとCGIの文字コードが合っていない
    設置したいスクリプトをダウンロードしてテキストエディタで開いた時に文字化けしているのならば、 エディター側がダウンロードしたスクリプトの文字コードに対応していない(もしくは自身が開く文字コードを適切に設定していない)ケースが考えられます。

    一度配布先のサイトのよくある質問(FAQ)等をご覧下さいませ。

  2. FTPソフトで転送する際にモードを間違えている
    詳しくはこちら 『4-3-1 CGI 転送モードの設定』 をご覧下さいませ。
  3. 掲示板の投稿文が文字化けしている場合
    1. 一度投稿元のホストをお調べ下さい。海外(特にアジア圏)から投稿された書き込みは結構文字化け致します(汗)
    2. 投稿文に機種依存文字等が使用されてしまった
      機種依存文字や半角の英数字・カナ文字を利用されると場合によっては文字化けを起こすケースがあります。(予めサイトマップ等で使用しないで欲しい旨を書き込んでおいて下さい)

    [ 関連事項 : HP-TIPS > HPの作り方 > 決まりごと > 機種依存文字は使用しない ]

  4. 設置したメールフォームの内容が文字化けしている場合
    1. 設置元のHTML文章とCGIの文字コードが一致していない
      例:TOPページ(文字コードがUTF-8)に埋め込み型のメルフォ(文字コードがShift-JIS)を設置した場合、見事に文字化けを起こします。

      この場合、メルフォの文字コードをUTF-8の物にして再設置するか、TOPの文字コードをShift-JISに変更すれば解決致します。 但し、HTML文章の方の文字コードを途中で変更すると、英数字以外の日本語部分が謎記号に変換されてしまうので、ページを丸ごと保存し、文字コードを変更した後に化けた部分をコピーアンドペーストで貼り直して下さい。

    2. 海外から投稿があった。
      一度投稿元のホストをお調べ下さい。英語圏ならば余り文字化け致しませんが、アジア圏からのメールは結構文字化け致します(^^;
    3. メールの中身に機種依存文字等が使用されてしまった
      機種依存文字や半角の英数字・カナ文字を利用されると場合によっては文字化けを起こすケースがあります。(予めサイトマップ等で使用しないで欲しい旨を書き込んでおいて下さい)

      [ 関連事項 : HP-TIPS > HPの作り方 > 決まりごと > 機種依存文字は使用しない ]

    [ 関連事項 : HP-TIPS > HPの作り方 > 困った時に見るページ > HTML > 文字化け ]
    [ 関連事項 : HP-TIPS > その他 > 文字化けしたメールの解読 ]