wanichanの日記

ちょっとした技術メモ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。最終版はwanichan.comに掲載していきます。

Expression WebでWebページにコードを正しく貼り付けるには?

Expression Webでは、3つのビューがあります。デザインビュー、分割ビュー、コードビューです。

編集ウィンドウの左下の該当するタブをクリックすることで切り替えることができます。

f:id:wanichan:20170407115145p:plain

ページビューの種類 説明
[デザイン]ビュー Webページのデザインや編集を行うことができる。ワープロ感覚でWebページを作成することが可能。
[分割]ビュー [デザイン]ビュー[コード]ビューが上下に分かれて表示される。
[コード]ビュー HTMLが表示され、直接コードを編集できる。

Google AdSenseの広告ユニットコード、その他アフィリエイトリンクなどからコードが発行されて、それをWebページに貼り付けたけどうまく表示されない場合は、デザインビューでそのコードを貼り付けた可能性があります。

f:id:wanichan:20170407115813p:plain

デザインビューは実際にブラウザーで表示されるビューです。そこにコードを貼り付けたらそのまま表示されます。

[コード]ビューに切り替えてコードを貼り付けてください。

f:id:wanichan:20170407120049p:plain

コードビューには必ずHTMLのタグが記述されています。<head>とか<body>とかいうコードが表示されていれば、それはコードビューです。

コード編集は必ずコードビューに切り替えましょう。

ついでに、ページに表示したいものは<body>と</body>の領域内に記述してください。HTMLの基本です。