Microsoft-expression-web-word

提供:Dev Guides
移動先:案内検索

Microsoft Expression Web-ワード

この章では、Expression Webを使用してMicrosoft Word文書からWebページを作成する方法を学習します。 最初からページを作成する代わりに、WebコンテンツにMicrosoft Wordを使用して、そのコンテンツをHTMLページに取り込むこともできます。

Microsoft Wordのコンテンツを使用しながら最適な結果を得る方法を見てみましょう。

新しいHTMLページを作成し、 worddemol と名付けます。 このHTMLページに動的Webテンプレート(* .dwt)を適用します。

WordDemo

これは、いくつかのスタイルが適用された Word 文書のサンプルと表です。 まず、このドキュメント全体をクリップボードにコピーしてから、Expression Webに切り替えます。 ドキュメントをWebページのメインコンテンツセクションに貼り付けます。

Word

コンテンツがExpression Webに貼り付けられると、アイコンが表示されます。 これは、*貼り付けオプションボタン*と呼ばれます。 クリックすると、コンテンツをExpression Webに貼り付けるさまざまな方法を選択できます。

貼り付けオプション

デフォルト設定 Match Destination Formatting は、Expression Webが現在のWebページに既に適用されているフォーマットを使用することを意味します。

たとえば、このドキュメントのドキュメントヘッダーは、Microsoft WordのH1スタイルを使用してスタイル設定されています。 ページに貼り付けると、Expression WebはExpression Webの見出し1スタイルに書式設定を適用します。

[ソースの書式設定を保持する]オプションを選択した場合、Expression WebはテキストにH1スタイルを適用します。 ただし、この場合、スタイル1という新しいCSSクラスを作成し、Wordの場合と同じようにテキストを再フォーマットします。

ソースのフォーマットを維持

[書式の削除]を選択すると、ページは以前と同じように見えますが、表の書式を見ると、通常のテキストであることがわかります。

フォーマットの削除

Expression Webで提供されるスタイルは引き続き有効ですが、Word文書に固有のスタイルはすべてなくなりました。

  • HTMLのみを保持するオプション*は、HTMLコードをコピーする場合にのみ適用されます。 貼り付けオプションメニューの最後のオプションは*テキストのみを保持*です。これは、Wordのテキストだけが本当に必要な場合に選択するオプションです。 このオプションを選択すると、次の[テキストの貼り付け]ダイアログが開きます。

テキストのみを保持

ここから、テキストの書式設定方法を正確に選択できます。 最初のオプションは、書式設定の改行、段落などをすべて削除します。 それを1つの大きなテキストブロックに置き換えます。

ビッグブロック

ドキュメント内の表とすべての書式設定が失われていることがわかります。 * [テキストの貼り付け]ダイアログボックスのオプションで遊ぶことができます。 オプション Match Destination Formatting を選択してみましょう。

一致先のフォーマット

このWebページをブラウザでプレビューすると、次のスクリーンショットのようになります。

ブラウザのWebページ