Microsoft-expression-web-microsoft-expression-new-website

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

Microsoft Expression Web-新しいWebサイト

前の章では、Microsoft Expression Webをインストールしました。これで作業を開始する準備ができました。 この章では、新しいWebサイトをゼロから作成する方法を学びます。

ウェブサイトを作成する

新しいWebサイトを作成するには、Microsoft Expression Webを開きます。

Webサイトの作成

次に、以下の手順に従う必要があります。

  • ステップ1 *-*サイト→新規サイト…*メニューオプションを選択します。

新しいサイト

  • ステップ2 *-次のダイアログが開き、さまざまな種類のWebサイトを作成またはインポートできます。

1ページのサイト

  • ステップ3 *-簡単にするために、*一般→1ページのサイト*を選択します。
  • 場所を指定するか、新しいWebサイトを作成する場所を参照できます。
  • 名前フィールドにWebの名前を入力し、[OK]をクリックします。

全般

ステップ4 *- *default という名前の1つのページで新しいWebが作成されます。 ファイルを右クリックして[名前の変更]オプションをクリックし、名前を indexl に変更します。

インデックス

ステップ5 *-Expression Webで使用されるデフォルトの *doctype は-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
  • コードビュー*に切り替えるだけで確認できます。

コードビュー

Doctypeは Tools→Page Editor Options→Authoring から変更できます。

ツール

ステップ6 *-では、 *body タグ内に <h1> タグと、次のコードに示すようなテキストを追加しましょう。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <meta content = "text/html; charset = utf-8" http-equiv = "Content-Type"/>
   </head>

   <body>
      <h1>
         This my first Web page
      </h1>
   </body>
</html>
  • ステップ7 *-ブラウザでWebを表示するには、[ファイル]メニューに移動し、[ブラウザでプレビュー]→[任意のブラウザ]を選択します。たとえば、Internet Explorerです。

プレビューブラウザ

Internet ExplorerでWebを開きます。

Webを開く