ウェブサイト作成の参考

By 隠居亭夢楽 (

Microsoft Word 2007Webページ作成機能を使って作ります。罫線,オートシェイプ,ワードアートなどを使用します。また,フリーソフト,フリー素材などは各検索サイトで探すことができます。これらを使用するときには,利用規約が定められていますので,ダウンロードする前に読んで確認しておきます。下記説明は,Windows VistaMicrosoft Word 2007によるものです。

なお,自己責任で作成願います。フリーソフトを紹介していますが,いずれもその一部を使用したことがあるのみで推薦するものではありません。不具合がありましたらそのサイトにご照会してください。

拡張子の表示

スタート → コントロールパネル → デスクトップのカスタマイズ → フォルダオプション → 表示 → 「登録されているファイルの拡張子を表示しない」のチェックがなければよい(チェックがあれば取る) → OK

保存用フォルダの作成

ドキュメントを開き,何もないところで右クリック → 新規作成 → フォルダ → フォルダ名を「myweb」など → Enter

Word2007の起動

スタート又はデスクトップ → Microsoft Office Word 2007

Webページの作成

表示 → Webレイアウト

ファイル名

トップページはindex.htm又はindex.htmlとします。拡張子はプロバイダーに確認します。他のページはアルファベット(小文字)+拡張子にします。

Webページの保存

Officeボタン → 名前を付けて保存 → ファイルの種類・「Webページ」 → ファイル名 → 保存

Webページ編集

ファイル名(.htm又は.html)の上で,右クリック → 「編集」をクリック

ブラウザで見る

ファイル名の上で右クリック → 「開く」をクリック(又はファイル名の上でダブルクリック)

背景

ページレイアウト → ページの色 →  色の選択

又は塗りつぶし効果 → グラデーション,テクスチャ,パターンから選択

フリー素材

ぱたぱたアニメ館

柚莉湖風と樹と空と など

画像の挿入

挿入 → 図 → ファイル → 画像の選択 → 挿入

画像処理のフリーソフト

縮小専用 など

似顔絵作成ソフト

似顔絵イラストメーカー

リンク

挿入 → ハイパーリンク → ハイパーリンクの挿入 → 現在のフォルダ(プラウズしたページ) → 選択(OK

BGM

MIDI形式の音楽を使うことができます。フリーソフトがありますので,これを利用するとよいでしょう。

インターネット・エクスプローラでファイルを開き,メニューバーの表示 → ソースを開き,EMBEDのタグを書き込みます。難しそうに見えますが,右のBGMフリー素材のサイトに説明があります。

なお,下記の「やってはいけないホームページの掟」をお読みください。

BGMフリー素材

TAM Music Factorytaitai studio

ノクターン など

BGM作成フリーソフト

テキスト音楽「サクラ」 など

なお,ホームページで使用するには,JASRACの許諾が必要な場合があります。

アクセスカウンター

プロバイダーが準備しているものを使用すると簡単です。

無料アクセスカウンター

各検索サイトで探します。

掲示板

掲示板は新しい交流が生まれます。なお,アダルトサイトなどの迷惑な書き込みがあり,運用管理には注意しましょう。

無料掲示板

各検索サイトで探します。

 

転送

プロバイダーにHP開設の申し込みをして,URLID,パスワード等を事前に取得します。

FPT転送ソフトを使用して,プロバイダーのサーバーに転送します。

WebFTP

プロバイダーによってはFTPツールがなくてもブラウザから転送(FTP)できます。

転送フリーソフト

SotaFFFTPQA集があります)

作成後記

ホームページ作成ソフトやHTMLタグの知識がなくても簡単にホームページを作成することができます。なお,HTMLに準拠していないタグなどがありますから,HTMLタグに精通した方からは評価されないと感じました。アクセスしてブラウザで表示されるまでに時間が掛るのが欠点です。

Internet Explorer 789で動作しますが,Google Chromeなど他のブラウザでは正常に表示されないことがあります。

Internet Explorer 89でのメモ帳による編集

フォルダ(myweb) → ファイル(○○.htm)を右クリック → プログラムから開く → メモ帳

<編集後>ファイル → 上書き保存 → メモ帳終了

各ページの作り方へリンク

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

2.      バラの写真館の作り方

3.      花いろいろの作り方

4.      蝶の写真のスライドショーの作り方

5.      鳥のサムネール付きスライドショーの作り方

 

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

 

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