トップページ(Word2007で作るウェブサイト)の作り方

By 隠居亭夢楽 (

フォントの種類・サイズ

フォントの種類とサイズはお好みにより選択してください。作例では MSPゴシックを使用し,本文の部分は10.5ポイントを使用しています。

タイトルの作成

1.   「表示」→「文書の表示」の「Web レイアウト」をクリック

2.   「ホーム」→「段落」の「中央揃え」をクリック

3.   「挿入」→「テキスト」の「ワードアート」をクリック

4.   ワードアート雛形をクリック

5.   タイトルを入力(Word2007で作るウェブサイト)

6.   フォントを選ぶ(MSゴシック)。OKをクリック

7.   挿入したワードアートをクリックして選択し,表示される四方の「■」をドラッグして大きさを調整。Enterキーを押す

水平線の挿入

「ページレイアウト」→「ページ罫線」→「線種とページ罫線と網掛け設定」→「水平線」→選択して「OK」をクリック

画像の挿入

1.   あらかじめ写真を縮小しておきます。フリーソフトの「縮小専用」を使用しました。作例では320×320ピクセル,画像くっきり(鮮鋭化),JPEG量子化率92%で縮小しました。

2.   表のA列にキャレット(カーソル) → 「挿入」→「図」→ フォルダ → 画像をクリック

フレームの設定

1.   「写真を選択(写真の上でクリック)」→「書式」→「図のスタイル」→「▼(図の全体的な視覚スタイルを選択します)」→「選択(クリック)」

2.   「図の枠線」→「テーマの色・太さなどを選択(クリック)」

ハイパーリンク

1.   リンクを設定する文字をドラッグ→「挿入」→「リンク」の「ハイパーリンク」をクリックします。

2.   「現在のフォルダ」,「ブラウザしたページ」の中から選択→「OK」をクリック。作例では,「夢楽の写真館」,「花いろいろ」は「現在のフォルダ」で,「隠居亭夢楽のページ」と「夢楽の風まかせ」は「ブラウザしたページ」でハイパーリンクを設定しました。

背景の設定

1.   「ページ レイアウト」→「ページの背景」の「ページの色」→「塗りつぶし効果」→「テクスチャ」→「セーム皮」→「OK

2.   文字を濃い色にする場合には,「テーマの色」,「テクスチャ」は薄い色を選ぶといいようです。

アクセスカウンターの設置

1.   無料のFC2カウンターを設置しました。なお,他のサイトでもほぼ同じ操作です。

2.   「編集」→カウンターを設置するところに目印(★印)を入力→「上書き保存」→「閉じる」 <閉じておかないと5.の上書き保存ができないことがあります。>

3.   ファイルを開いて,「表示」→「ソース」→「編集」→「検索」→「検索する文字列」→「★」→「次を検索」

4.   FC2カウンターサイトにあるHTMLタグ(ホームページに設置する場合)を「コピー」

5.   3.で検索した「★」の後ろにHTMLタグを「貼り付け」→「上書き保存」

6.   ブラウザ画面→「最新の情報に更新」 <カウンターが表示されれば設置できました>

7.   「編集」→2.の編集画面の目印「★」を「削除」→「上書き保存」

保存

1.   「ドキュメント」→何もないところで「右クリック」→「新規作成」→「フォルダ」→「myweb(ほかの名前でもよい)」を作成

2.   Officeボタン」→「名前を付けて保存」→その他の形式→ファイルの種類・「Webページ」→ファイル名・「index.htm(又はindex.html)」→タイトルの変更→ページタイトル・「Word2007で作るウェブサイト」→「保存」

3.   Yahoo!ジオシティーズのユーザーは,次の方法で保存します。

2.の「保存」の前に,「ツール」→「Webオプション」→「ファイル」→「可能な場合は長いファイル名を使用する」のチェックをはずす→「OK」→「保存」

参考

Internet Explorer 8・9での編集方法をウェブサイト作成の参考に追加しました。

 

Word2007で作るウェブサイト バラの写真館 花いろいろ 蝶の写真のスライドショー

 

鳥のサムネール付きスライドショー ウェブサイト作成の参考

 

Copyright© 2008-2012 Inkyotei Muraku. All rights reserved.