ページの完成とダウンロード・・・Microsoft Expression Web 4 で編集 ここでは、Webサイト「マジックの世界(パイロット版)」の作成を進めています。 |
||||||||||
[進む↓] | ||||||||||
■ ページの編集(変更) 「index.html」を開いてください。 ページタイトル 図では、コードの文字をコピペして変更しています。 他の方法として [ファイル]→[プロパティ]→「ページのプロパティ」→[全般]→[タイトル] または 「フォルダーリスト」から[index.html]を右クリック→[プロパティ]→「index.html のプロパティ」→[全般]→[タイトル] 他のページのタイトルも、図のように変更しています。 引き続き、「index.html」を編集しています。 文字(上書き)入力 文字列「kantan01」を選択 マジックのタイトルとして「一円玉の消失」と上書きして変更(文字列に設定されているリンクはそのまま変わらない)→上書き[保存] 次に「k01.html」を開いてください。 文字の[切り取り],[貼り付け] マジックのタイトル「一円玉の消失」の配置を変更します。 図の位置でクリックして、一行選択→[編集]→[切り取り] 貼り付け先の「kantan01」を選択(文字列の中をクリック、[Home]キーでカーソルを先頭、[Shift]+[End]で末尾まで選択) [編集]→[貼り付け] 文字の設定(見出し 3)は、そのままで張り付く セルの結合 結合したいセルを選択→[テーブル]→[変更]→[セルの結合] 結合されて、一つのセルになりました。 |
||||||||||
[戻る↑][進む↓] | ||||||||||
■ Microsoft Expression Web 4 で編集 完成見本、Webサイト「マジックの世界(パイロット版)」をダウンロードしましょう。 青色下線文字列↑の上(指マーク)でクリック→ページ「マジックの世界 子供たちに教えています」が新しいタブで開く メニューバー(非表示の場合、[Alt]キーで一時表示)の[ファイル]から[Microsoft Expression Web 4 で編集] コード編集 「index[1].html」を「コード」表示で編集しています。 「FC2」が記述した「文」を、図のように選択して削除 「デザイン」表示にすると、画像のリンクが切れていることがわかります。 [ファイル]→[名前を付けて保存] ここでは、サイト「マジックの世界」に「index.html」と「名前を付けて保存」しています。 同じ名前のファイルが存在する場合は→「上書きしますか?[はい]」 画像が表示されました 画像の入手 サイトの画像用フォルダ「image」に画像が必要です。不足している場合は、開いたWebページからダウンロードしてください。 当該画像の上で右クリック→[名前を付けて画像を保存] スタイルシートの(再)適用 Web上のスタイルシート「style_1.css」を参照しているため、リンク切れを起こしています。不具合のあるリンクを削除しましょう。 「スタイルの適用」パネルに表示されている「style_1.css」の上で右クリック→[リンクの削除] スタイルシートの適用 スタイルシート「style_1.css」がサイト内に必要です。未作成の場合はダウンロードしてください。 青色下線文字列↑の上(指マーク)でクリック→「保存[名前を付けて保存]」で保存 「スタイルの適用」パネルから[スタイルシートの適用]→[参照] 「スタイルシートの選択」→ファイルをクリック(ファイル名[style_1.css])→[開く]→「スタイルシートの適用[OK]」 スタイルが適用されました。 その他のページも、適宜ダウンロードしてください。 |
||||||||||
[戻る↑] | ||||||||||
【 トップへ|目次へ|前へ←|→次へ|この章の始めへ 】 HaraHara WebSiteCopyrightc 2017 SAKAEPC |