03サイトの作成
 Web上に公開する前に、まず自分のパソコンの中にホームページ(サイト)を作って製作を進めましょう。
ここではサンプルとして、「模型ジャーナル2000年4月創刊号」のミラーサイトを作っています。
[進む↓]

起動/終了

初回の起動画面

チェックを外して[はい]をクリック

「編集領域」の表示を[デザイン]から[コード]に切り替える

 [閉じる]で終了してください。

 次に起動すると、直近に閉じたときの状態で開きます。
コードを編集(ここではタイトル「無題 1」を「模型ジャーナル2000年4月創刊号 特集ミニミニバギー」に変更)→[閉じる]

 変更の保存を問われます。→[はい]で保存→「名前を付けて保存」


「マイドキュメント」に作成されたフォルダ「My Web Sites」に、ファイル名「default.html」で(ここでは変更せず)[保存]

 保存先にHTMLファイルが作成されました(エクスプローラーで確認)。図は「フォルダーオプション」の[表示]から、「隠しファイル、隠しフォルダー、および隠しドライブを表示する(Win 7)」にしています。
 アイコンをダブルクリックするとブラウザが起動して、白紙のWebページが開きます。

 再度 Microsoft Expression Web 4 を起動してください。

 ここではエクスプローラー上のアイコンを右クリックして、[Microsoft Expression Web 4 で編集する]から開いています。
[戻る↑][進む↓]

サイトの作成

 開いているサイトを閉じてください。
[サイト(「My Web Sites」が作成されている)]→[閉じる]


 「My Web Sites」の中に、新規サイト「模型ジャーナル」を作りましょう。

[サイト]→[新規サイト]→「新規作成[サイト]」から[標準],[空のWebサイト]を選ぶ
 「場所」の名前「mysite」を「模型ジャーナル」に変更します。これに伴ってサイトの「名前」も自動的に書き換えられます。

 エクスプローラーで確認しましょう。

 いったん Microsoft Expression Web 4 を閉じてください。

 エクスプローラーに空のWebサイト「模型ジャーナル」が表示されています。一つ上のフォルダ「My Web Sites」を開きましょう。


 ファイル「default.html」をドラッグして、サイト「模型ジャーナル」に移動します。


 再度 Microsoft Expression Web 4 を起動してください。

 サイト「模型ジャーナル」が開きます。
[戻る↑][進む↓]

CSSファイルの追加
 サイトのスタイル(書式)を設定する「スタイルシート(CSSファイル)」をサイト内に作成します。

「サイトビュー」画面の上で右クリック→[新規]→[CSS]


 ファイルの「名前」を「style_1.css」にしています(タイトルも自動的に変更)。


エクスプローラーで確認

 「style_1.css」が作成されました。
 図では、サイト内のページで使う画像用フォルダ「image」と製作資料用フォルダ「資料」を「新規作成」しています。
[戻る↑]

トップへ目次へ前へ←→次へこの章の始めへ

HaraHara WebSite

Copyright© 2017 SAKAEPC
inserted by FC2 system