wanichan's web tips

Expression Web ユーザー向けにサイト制作のコツと問題解決のヒントを取り上げていきます。

Expression Webでコードしか表示されない場合

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

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

f:id:wanichan:20170407115145p:plain

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

どこかからコードが発行されて、それをWebページに貼り付けたけどうまく表示されない場合は、デザインビューでそのコードを貼り付けた可能性があります。

f:id:wanichan:20170407115813p:plain

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

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

f:id:wanichan:20170407120049p:plain

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

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

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