[HOME]   [よくある質問集]   [サポート掲示板トップへ]   [BACK]   [レス投稿]



 ■--■ ヘッダ広告関連のFAQです
 >>>qoo   -- 2002/12/18-20:16..No.[19472]
    新システム移行に伴っての情報をまとめてみました。
参考にされて下さい。 また補足や訂正などのご協力もお願いします。
(前スレッド「5日付け分」が流れたので新しく立てました)

# 12月5日、イースターのシステムがバージョンアップされました。
自動広告挿入で新たに、ヘッダ部にも広告が追加されるようになりました。
よってヘッダとフッタの2箇所に広告が入るようになります。
なおヘッダ部の広告はIE(インターネットエクスプローラー)5以降のみの対応です。
Mac版には対応されてません。

# FTPサーバー名(ホスト名)が変更になったようです。
従来は ftp://ユーザーID.easter.ne.jp
新FTPサーバー名は easter.ne.jp
ID・パスワードは従来のままです。
(12月11日付けでイースターからメールが送信されていると思います)
--------------------------------------------
□ ヘッダ広告の特徴 □
* ブラウザとの一体型のように見えます。(ツールバーのようなタイプ)
* ドラッグする事によって好きな場所に動かす事が出来ます。
(広告の左端にカーソルをあてるとmoveになるところがあります)
--------------------------------------------
□ ヘッダ広告の位置を下にしたい □
* <meta http-equiv="menupos" content="bottom">
これを<head>と</head>の間に入れて下さい。
なお、デフォルトは上部になります。
ちなみに上部の場合は<meta http-equiv="menupos" content="top">
--------------------------------------------
□ 広告ソースはあるのにヘッダ広告が見えない □
◆HTMLの基本構造やタグ関連のミスがない場合

* ブラウザはIE5以降のみの対応です。Mac版には対応してません。
IE5以降以外のブラウザには対応してませんので、表示されなくても心配されないで下さい。
ヘッダ広告のソース内にある<!--[if gte IE 5]> HTML <![endif]-->
これは「IE5以降だけに適用されます、それ以外は除外します」と言ったブラウザのふるいわけに使われるものです。
* JavaScriptが無効な場合も表示されません。
* 標準準拠モードには対応してません。
DOCTYPE宣言(文書型宣言)で標準準拠モードを有効にされている場合は、「モビット」の文字広告が表示されます。
http://www.microsoft.com/japan/msdn/ie/ie60/cssenhancements.asp

◆HTMLの基本構造やタグ関連のミスが原因

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ←文書型宣言の1例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ←文字コード宣言
<title>sample</title>
</head>
<body>
<!-- St-HP-H -->  ←ヘッダ広告開始(広告ソースは自動挿入されます)
<!-- En-HP-H --> ←ヘッダ広告終了
ここに本文をマークアップする
<!-- St-HP-F --> ←フッタ広告開始
<!-- En-HP-F --> ←フッタ広告終了
</body>
</html>

* HTMLの基本構造は間違ってませんか? 上記の例と比べて下さい。
<body>や</body>の記述を忘れてたり、複数回記述されてませんか? 順番が変だったりしませんか?
* コメントの閉じ忘れもよくあります。 チェックして下さい。




>>> qoo   -- 2002/12/18-20:21..No.[19474]
 
    ◆ フレーム定義ファイルのサンプル(のようなもの) ◆

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
/*これはフレーム定義ファイル専用の文書型宣言(の1例)になります。
「Frameset」のルール内に限り、<noframes>と</noframes>の中に<body>と</body>を使えます。
注)それぞれに呼び出すページに於いては、「Frameset」を使ってはいけませんよ。
大前提として、それぞれのバージョンに従ったマークアップをする事が必要ではありますが^^;*/

<html lang="ja">
/*lang="ja"は、日本語を使ってるページなんですよと言う意味になります。
指定した方がよりいいですという事です。*/

<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
/*meta情報は<title>以前に記述された方がいいです。
イースターサーバはShift_JIS(略してSJISとも言う)ですから、
文字コードの宣言はShift_JISに統一して下さい。
他(EUCやUnicode系)のですと文字化けする可能性大です。
もち宣言だけでなく、ファイル作成(保存)の時もです。*/

<title>sample</title>
/*ちなみにタイトル内にはタグは使えません*/

</head>
/*「htmlはこの後に<body>じゃなかったの?」
<frameset>が<body>、</frameset>が</body>の役割を果たしてます^^
*/

<frameset cols="20%,80%">
/*frameset要素にはcols(縦割り)の他にも色々と属性があります。
注)ここの掲示板の仕様で「,」は全角変換しちゃいます。本当は半角です。
%指定の時は合計で100%になるようにして下さい。
単位を指定しない時はピクセルになります。*/

<frame src="***.html" name="menu">
<frame src="***.html" name="main">
/*frame要素でそれぞれに呼び出す(表\示する)ページを設定します。
属性も色々ありますので作成支援サイトさんで調べて下さい。
name属性で指定した値と、各ページ側で指定したtarget属性の値は同じものにして下さい。
大文字、小文字も間違えないように。 
基本的に「半角英数字のみ」で書いていると不都合はおきません^^
注)「***.html」は任意です。あくまでもサンプルです。*/

<noframes>
/*<noframes>と</noframes>の間に、フレーム未対応ブラウザへの対処を記述します。
<noframe>は間違いですよ。 「s」を忘れずに。*/

<body>
/*この間(body間)にフレーム未対応ブラウザの為のリンク先などをマークアップします。
通常は<body></body>は必要ないのですが、新システム仕様です^^;*/

</body>

</noframes>

</frameset>

</html>
 

>>> qoo   -- 2002/12/18-20:23..No.[19476]
 
    説明「/*〜*/」を入れたので、余計解りづらかったかも^^;
↓以下がフレーム定義ファイルのサンプルです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<head>
<html lang="ja">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>sample</title>
</head>
<frameset cols="20%,80%">
<frame src="***.html" name="menu">
<frame src="***.html" name="main">
<noframes>
<body>
ここに非対応ブラウザへの対処関連を入れる
</body>
</noframes>
</frameset>
</html>
--------------------------------------------

□ フレーム定義ファイルの挙動がおかしい □
◆ 定義ファイルを広告非表示対応のファイル(frame.html menu.html)以外で設定している場合
 
定義ファイルの文法が一般的にはミスでない場合でも、新システムの仕様上
<body>と</body>が記述されていないと、一部のユーザーには表示されなくなった様に見えるようです^^;
# 表示されていない様に見えるのは、IE5以降(Macユーザーは除く)のブラウザを使ってる方だと思います。
IE5以降以外のブラウザ(NetscapeやOperaなど)をお使いの方には見えると思います。
ブラウザのふるい分けに起因してると思います。

対処法としては、
* 定義ファイルは広告非表示対応のファイルにする。
* フレーム未対応ブラウザの為に記述する、noframes要素がありますので、noframes間に<body></body>を入れて下さい。  </frameset>の直前に入れます。

<noframes>
<body>
(ここに未対応ブラウザへのアナウンス、フレームなしページへのリンクなどを貼る)
</body>
</noframes>

# 上にサンプルを書いていますので参考にされて下さい。
# 文法的にミスはありませんか?
フレーム定義ファイルでは文書型宣言はFramesetが正しいですよ。
その意味ではbodyだけ書いてもダメです。
--------------------------------------------
 
◆ 広告非表示対応のファイルの場合

* 定義ファイルの文法が間違っていませんか?
ミスがあるといくら非表示対応ファイルだとしても、正常には動作しません。
* 広告ソースがついたままになっていませんか?
 
# menu.html、frame.htmlはフレーム利用時のみに使われて下さいね^^
# 非表示対応ファイルはトップディレクトリのみで動作します。
サブディレクトリ内では動作しないようです。
 

>>> qoo   -- 2002/12/18-20:24..No.[19477]
 
    □ ヘッダ、フッタ広告の位置がおかしい(デザインが崩れる) □

* HTMLの基本構造は間違ってませんか? 上記[19472]の例と比べて下さい。
<body>や</body>が複数回記述されてたりしませんか?
順番が変だったりしませんか?

* ホームページビルダーのどこでも配置モードで作成されてませんか?
キーワード検索で対処法を調べて下さい。
http://www-6.ibm.com/jp/domino01/swhc/esupport.nsf/hpbrank ←公式サイトFAQ

* ヘッダ広告は絶対配置を使っているようですから、絶対値指定(レイヤ機能など)で作成されていると、他のコンテンツや画像などと重なったりする可能性が出てきます。
調節されて下さい。

* レイアウトでテーブルを使ってる場合、table要素のalign属性で「right」を使われていませんか?
table要素のalignはウィンドウに対しての位置ですから、回り込みが起きています。
テーブルを閉じた後に<br clear="right">で(あるいは<br clear="all">)回り込みを解除して下さい。
もしくはalign属性で「center」として下さい。
またテーブル以外でも<div>や<span>や<p>の際も同じ原因(回り込み)が考えられます。

* タグの閉じ忘れはありませんか? 確認して下さい。

* マージン指定が効かないのは、外部ファイルで指定されているからだと思います。
現在webmaster氏が上位サーバに問い合わせをして下さってます。

追記:ヘッダ広告ソース内で.cssを外部ファイルで呼び出すようになってます。
通常はリンキングよりエンベディングの方が優先されますが、広告ソースはbody間に入りますので、優先順位が変わります^^;
設定でかぶってるセレクタに関してはclass指定やid指定をされたりして回避して下さい。
id名がかぶらない様に注意して下さいね。
 

>>> qoo   -- 2002/12/18-20:25..No.[19478]
 
    □ その他 □

* Norton Internet Securityなどのセキュリティソフトの設定によっては、ランタイムエラーの警告が出る場合があるようです。
報告例としては、広告ブロック機能を有効設定にしていた。

* 広告ソース内の外部ファイル(.cssと.js)で設定しているレイヤー名やCSSのid名と重ならない様に注意されて下さい。
同じ名前を使った場合に誤動作をおこすと思われます。

* 8月頃(不確かな記憶なので違うかも)にアナウンスがありましたが、すでにドメインは変更になってます。
新アドレスは http://あなたのID.easter.ne.jp/ (= http://あなたのID.easter.ne.jp/index.html)
旧アドレスは http://easter.ne.jp/あなたのID/
自動転送のサービスがどれくらいなのかは告知はされていませんでしたが、
(告知して下さった方が有り難かったですが^^;)
約3ヶ月程の周知期間を設けて頂いた事になります。
リンク先や検索エンジンなどへの変更手続き、またサイト内のリンクを
絶対パス(http://からはじまるもの)で指定している方は、早めに修正されて下さいね。
相対パスの方が楽でいいですよ^^

* 圧縮ファイル(.zip、.lzh)なのですが、また不具合がおきてるようです…。
イースターではサポートされているファイル形式のはずなのですが、
ファイルマネージャーでは「サポートされてない。有料版へ」みたいなエラー表示が出るようです。
FTPクライアントでは転送は成功した様に思えても、サーバ側から取り消しをされている状態のようです。
今回のバージョンアップでの一時的な不具合かも知れません。
公式なアナウンスを待つしかないようです^^;
-------------------------------------------

新システム上での仕様なのか、それともヘッダ広告に起因するのかは解りませんが
HTMLのルールに対して、以前からするとより忠実(厳しく)になった様に思います。

今までは間違った記述をしていても、見逃してくれていた(ブラウザが補完してくれてた)部分もあったと思います。
色々と問題が表面化して、パニックになってる方もいらっしゃるでしょうが、
これを好機ととらえて、勉強する事も必要かなと思いますよ^^
(生言ってごめんなさい)

▼検索エンジン・参考サイト
http://www.google.com/
http://yougo.ascii24.com/
http://homepage2.nifty.com/winfaq/
http://tohoho.wakusei.ne.jp/www.htm
http://www.hajimeteno.ne.jp/index.html
http://www.htmlhelp.com/ja/
http://kanzaki.com/docs/htminfo.html 
http://hp.vector.co.jp/authors/VA022006/index.html

http://www.easter.ne.jp/main-data/support.html
こちらにイースターユーザーさんが作ったサイトも紹介されてます^^
 



返信用フォームです

Name
Email
URL 自分のページで質問ある人は、必ずURL入れてね!!      
Message
Forecolor
Password     修正・削除に使用




■修正・削除: 記事Noと投稿時に入力したパスワードを入力し
edit(修正)又はdelete(削除)を選びupdateボタンを押下

No. Pass
はてなまん Ver0.57 Created by Tacky
コミュニティー版アレンジ By Nazca

女の子お絵かき掲示板ナスカiPhone修理