03ページの完成とダウンロード・・・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 WebSite

Copyrightc 2017 SAKAEPC
inserted by FC2 system