無料ホームページ作成講座 3日目 (ホームページビルダー編) |
━━━━━━━━━━━━━━━━━━━━━━━━━━━
★ホームページビルダー(体験版)をダウンロードしよう!
━━━━━━━━━━━━━━━━━━━━━━━━━━━
(ビルダーを持っている人は結構です)ヴァージョンは7,8,どちらでも大丈夫!
注意:(バージョン6は少しフェイスが違うかもしれません)
体験版は30日間限定ですから、その後はダウンロード版でも大丈夫!(一番安い)
もしCD版購入するのなら、自分のサイトから購入しよう。
Amazonなら割引価格で買えて、アフィリエイト報酬が5%Getできる!
ホームページビルダー体験版(30日間)
http://www-06.ibm.com/jp/software/internet/hpb/down2.html
ホームページビルダーというソフトは結構重たいソフトなのでダウンロードに時間がかかります。
もし、途中でエラーが出る場合は、必ず再起動をして、再チャレンジですよ!
注意点:ノートパソコンで無線を使用している人は、必ず有線にしてダウンロードしましょう!
ダウンロードが出来るまで、一服。。
━━━━━━━━━━━━━━━━━━━━━━━━━━━
★ホームページビルダーを起動しよう!
━━━━━━━━━━━━━━━━━━━━━━━━━━━
1.「スタート」から「すべてのプログラム」「IBMホームページビルダ」をダブルクリック
現在はバージョン10が出ていますので、画像が若干違うかも知れませんが作業方法は同じです
2.【スタンダード】→【OK】をクリック
3.【スタート】をクリック

4.ページを作成するをクリック

5.【PC】→【通常ページ】→【白紙から】→【標準モード】→【完了】

6.【ファイル】→【開く】

7.【マイドキュメント】をクリック

8.【my shop】 フォルダーを選んで開く

9.【index.html 】を選んで開く

━━━━━━━━━━━━━━━━━━━━━━━━━━━
★タイトルとmetaタグを編集しよう!
━━━━━━━━━━━━━━━━━━━━━━━━━━━
1.【ページ編集】をクリック

2.ページの中で(場所はどこでもいい)右クリック「属性の変更」を選ぶ

3.ページのプロパティを選ぶ

4.ページタイトルを入れてOKをクリック
注意:タイトルは講座と同じにしないでください。

5.もう一度ページのプロパティを開いて「メタ情報」をクリック
項目:description の下に「値」がありますね! そこにホームページの説明文を記入する
「置換」をクリック
注意):サイトの説明文は文章として読みやすい言葉にする。
(キーワードを入れながら文章にしていく)
例):キーワードが健康ならば・・・
当サイトは健康に関する「健康食品」から「健康器具」にいたるまで、さまざまな健康グッズを
ご紹介しています。

6.項目:keywords も同じように、そこにホームページのキーワードを記入する
「置換」をクリック
注意):キーワードは必ず半角コンマで区切ってください。
例):(激安パソコン,初心者のホームページ,ホームページの作り方,おすすめ情報)

最後に、OKをクリック
7.タイトルをドラッグする(左クリックで押えながら文字の上を動かし指定する)

8.ドラッグした所にタイトルを記入する
例:左上部分(タイトルを入れる→通販生活.comに変わりました)
タイトルを変更してから、左側の「ナビメニュー」から「ロゴ(飾り文字)の挿入」をクリック

9.好きなデザインを選ぶ
(文字の詳細設定からは、色々な設定ができます。)

10.完了をクリックすると見違えたようなタイトルが現れました!

━━━━━━━━━━━━━━━━━━━━━━━━━━━
★表やセルの背景の色を変えよう!
━━━━━━━━━━━━━━━━━━━━━━━━━━━
1.色を変えたいセルの上で右クリックして、【属性の変更】をクリック
ここでは、(当サイトでは、生活・健康・美容に・・・・)と書いてあるセルを指定しました。

2.セルの背景色の右側、下に向いている矢印を押すと色を選べます。

3.色を選んでOKをクリックすると、色が変わりました。
(気に入った色が無い場合は、「その他」をクリックすると色を作ることもできます)

━━━━━━━━━━━━━━━━━━━━━━━━━━━
★お問合せにメールアドレスのリンクを張ろう!
━━━━━━━━━━━━━━━━━━━━━━━━━━━
お問い合わせをドラッグして「右クリック」から「リンクの挿入」をクリックする。
【メールへ】を選んで「宛先」にメールアドレス、「件名」にお問合せと入れよう!

これでメールアドレスのリンクが張られました。
プレビューから確認してくださいね!
何度も何度も、繰り返し繰り返し、作ってみて!
操作方法がドンドンわかってくるよ・・・
━━━━━━━━━━━━━━━━━━━━━━━━━━━
★★最後に保存をしてFFFTP(転送ソフト)にフォルダーを転送する。
━━━━━━━━━━━━━━━━━━━━━━━━━━━
1.FFFTPを開く
2.『detarame ninjya』を選択して接続をクリックする。
正常に接続されたら、右と左に分かれたページが表示されます。
左側はあなたのマイドキュメントの「myshop」の中、
右側は「忍者」のサーバーの中です。
3.ファイルが編集されているので
左側のファイルをすべてドラッグ(左クリックで押えながら)
右側のページに移動してください。
自動的にアップロードが完了します。
「ファイル一覧の取得は正常終了しました.」とメッセージが出たら成功です。
無料講座はここまで。
お疲れ様でした。。
さらに詳しく勉強したい方は・・・
ホームページ講座最新バージョンはこちら (サポート付き)
|