サイトの作成 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 WebSiteCopyright© 2017 SAKAEPC |