初心者向けホームページ制作教室 3日目

初心者向けホームページ制作教室 3日目に関する記事です。

ホームページ制作者によるSEO対策と副業のススメ皆様のおかげでランキング順位が凄いことになってます!!

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[RSS] [Admin] [NewEntry]

ホームページ制作者によるSEO対策と副業のススメ皆様のおかげでランキング順位が凄いことになってます!!

3日目です。

今日は画像の挿入です。



本日の講義に入る前に、準備した画像を

テンプレートの中にあるimageフォルダに保存しておいて下さい。

万が一に備えて、バックアップ用のコピーも作っておくと良いでしょう。

,


本日は最初に画像の調整を行います。

というのも、今回のテンプレートは、

幅500ピクセル以上の画像を挿入するとレイアウトが崩れてしまうからです。

※ピクセル:デジタル画像を構成する単位



では、準備した画像の幅を確認します。

画像ファイルを右クリックし、「プロパティ」を選択します。

ホームページに挿入する画像の調査1



次に、上部の「概要」タグをクリックし、幅を確認します。

500ピクセル以内ならばセーフです。

ホームページに挿入する画像の調査2


アウトな人は、ちょっと面倒ですが、

何%に縮小すれば500ピクセル以内の範囲になるか計算してみて下さい。

大体で結構です。



計算式・・・ 希望の幅 / 元の幅 × 100



計算が出来たら、Windows標準装備のペイントを起動させ、

目的の画像を開きます。

ホームページに挿入する画像の編集1


上部メニューの「変形」 → 「伸縮と傾き」を選択。

ホームページに挿入する画像の編集2


「水平方向」と「垂直方向」の部分に

先程算出した値を入力し、「OK」ボタンをクリックします。

ホームページに挿入する画像の編集3

※失敗した場合は、上部メニューの「編集」 → 「元に戻す」



では、上部メニューの「ファイル」→「名前をつけて保存」をします。

この時に注意事項があります。



1.ファイルの保存場所はtmj_templeteフォルダ内のimageフォルダであること。

2.ファイルの種類は「GIF」を選択。

3.ファイル名「gazou1」として下さい。(必ず半角英数で入力すること)

ホームページに挿入する画像の編集4


では、昨日に引き続き、

ノートパッド(notepad.txt)でindex.htmlを表示させて下さい。



まず、どこに画像を挿入するか決めます。

挿入場所が決まったら、次の一文をコピーしてソースに貼り付けてください。

(挿入場所は昨日貼り付けた本文の中から探してください)



○段落内(<p>と</p>の間)に挿入する人はコチラ

<img src="image/gazou1.gif">

※必要によって改行タグ<br>を忘れずに。



○段落の外に挿入する人はコチラ

<p><img src="image/gazou1.gif"></p>




■ 本日のまとめ



1.画像の幅がレイアウト枠を超えると、

 ホームページの構成が崩れるため注意する。



2.ホームページ上に掲載する画像は「gif」形式が好ましい。

  ※「jpg」や「bmp」形式でも問題は無いが、容量が大きくなってしまい、

   表示に時間が掛かる。



3.画像を表示させる場合は

 <img src="画像の保存場所/画像名称.gif">

 と記述する。





■ 明日の予定


リンクの設定方法を行います。

紹介したいサイト・ブログの名称とアドレスを用意しておいて下さい。

Yahoo!Japanでも良いですし、アフィリエイトリンクでもOKです。




■ 質疑応答

昨日のキーワード指定において、

「"カンマ区切り"とは?」

という質問がありましたのでお答えします。



カンマは、","のことです。

ピリオド"."と間違えないようにして下さい。

キーボードで言うと、「ね」の所です。



つまり、キーワードの指定方法の例として以下のようになります。

ホームページ,制作,SEO対策,副業,お小遣い



その他、不明点があれば遠慮なく聞いてくださいね。

※但し、今回は講座の範囲内での質問限定です。

 カスタマイズ等に関する部分は受け付けません。
スポンサーサイト
ホームページ制作者によるSEO対策と副業のススメお役に立ちましたらランキングの応援クリックお願いします

※質問・相談などありましたらメールフォーム(左側)より承ります。


[RSS] [Admin] [NewEntry]

コメント
この記事へのコメント
☆我道を行く!
マスターです^^

画像の使い方も
覚えたいと思ってるんですが
ついつい後回しになってしまいます^^;

お楽しみはこれからだ♪
応援(^_-)V
2007/07/19(木) 11:47 | | アフィリエイトの戦略☆マスター #-[ 編集]
富むさん、こんにちは。

いつも画像を貼ったり、
リンクを設定したりするたび
四苦八苦してます。

今日も丁寧で参考になりました。
キーボードの「ね」のとこです、
なんて、親切すぎる~。

ネットカフェから応援ぽちっと!
2007/07/19(木) 13:49 | | ジュン@ネットカフェから情報起業 #-[ 編集]
(♥ó∀ò)ノユイデス♪

w(゚o゚)w オオー!
とってもわかりやすいですね♪
さすが富むさん^^
あたしもお勉強して帰りますε=ε=ε=(ノ^∇^)ノ

川^∀^)σ凸*
2007/07/19(木) 13:50 | | 小遣い稼ぎbyゆい #yY1kaskg[ 編集]
富むさんこんにちは。
幸せ案内人です。

HPの作成にはとっても興味があるので、参考になりますね。
自分のHPにもいろいろ使わせてもらいます^^

応援凸注入
2007/07/19(木) 14:41 | | 幸せ案内人 #-[ 編集]
コンチワー!!(`・∀・´)ゝ
わかりやすいです。
勉強になります。
(ノ*>□<)ノ{応援凸〕
2007/07/19(木) 14:48 | | 美肌コスメ #-[ 編集]
丁寧ですね。
こんにちわ! エスエフです。
いつもお世話になります。

なるほど、画像の編集はペイントを
使えばいいんですね。
知りませんでした..(苦笑)

ありがとうございました!
明日も楽しみにしてます。

では、応援クリック!
2007/07/19(木) 16:29 | | エスエフ #-[ 編集]
みきです。

HPではなかったですが
ブログでもテンプレートによって
レイアウトが崩れるのが

最も苦戦しましたので
これはうれしいですね。

応援^^
2007/07/19(木) 17:02 | | 6500PVみき #-[ 編集]
こんちはー。

今日はちょっとぐったりなので
若干駆け足です。

ちょっと前にgifの問題で
使えなかったのが
すこし懐かしい。。。

|ン、)ノシ凸ヌーン
2007/07/19(木) 18:13 | | カロン #-[ 編集]
富むさん☆ こんばんは~

知幸(ともゆき)です^^

いや~~

とても分かりやすい
説明ですね♪

1記事、1記事が
無料レポに出来そうな
濃さですからね^^;

でわ 次回は、背泳ぎをして
訪問します♪・・・さてどうなる
ことやら^^; 応援☆”
2007/07/19(木) 18:16 | | 情報商材アフィリエイトの極意教 #-[ 編集]
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2007/07/19(木) 19:04 | | #[ 編集]
ペイントで編集できたなりか???


知らなかったナリ(号泣)
応援
2007/07/19(木) 20:12 | | けん #-[ 編集]
力が違う。
図解でとてもわかりやすい。
まさに訪問者のためを追求されてますね。
さすがです。

応援ぽち。
2007/07/19(木) 21:22 | | 起業家ベビーイノセンス #-[ 編集]
毎日勉強になります!!
よし!がんばるぞ!!

それではまた寄らせていただきます!!
応援☆
2007/07/19(木) 21:33 | | 儲けの達人 #5XrOZ5hQ[ 編集]
富む・狂う'sさん
こんばんは! ぱーる21です♪
いつも応援、コメントありがとう(^^♪

HPが解らない私でも、この図解入りだとよく解ります。

またお邪魔しますね! 応援ポチっ♪
2007/07/19(木) 21:34 | | 簡単に誰でもがアフィリエイトで稼げる方法 #-[ 編集]
富む・狂う'sさん初めまして!
ゆうきちと申します。
ボンジュール!リカさんのブログから来ました。

う~んホームページ興味はあるのだが・・・難しいとすぐ考えてしまう。。。
勉強させていただきます。
またお邪魔します。
応援ポチ☆
2007/07/19(木) 21:46 | | 2児の父親@ネットビジネス1本 #-[ 編集]
富む・狂う'sさん、こんばんは♪

bmp形式が1番容量を食うのは分かってましたが
jpgよりgifの方が良いというのは大変勉強になりました♪

応援ポチッ
2007/07/19(木) 22:08 | | final777 #63bylevQ[ 編集]
こんばんは
わかりやすい説明
ありがとうm(_ _"m)ペコリ

チューブトレーニングですか
まさかカラオケで?

(σ ̄^ ̄)σ
2007/07/19(木) 22:38 | | カッチャマン #-[ 編集]
こんばんわ
おじゃまします
ますけです

ご指摘ありがとうございました☆
こんど休日に見直しをしようと思います。

ホームページ製作も勉強させていただきます☆
応援ぽち
またよらせて頂きます
2007/07/19(木) 22:41 | | 人生勝ち組になる方法公開@ます #-[ 編集]
こんばんは~☆
早速カンマ区切りのご説明
ありがとうございました~
『ね』のところですね。
キーワード増やしてみます♪

今日のお題も今からチャレンジ
してみます!!
がんばりますね~☆

今日も応援♪
2007/07/19(木) 22:54 | | ずんぴ #jSi3vTMA[ 編集]
こんばんわ
平凡おやじです。

本当にわかり易く、読みやすい
説明、手順ですね。
初心者の方も安心して
学べると思います。

では応援♪
2007/07/19(木) 23:06 | | 平凡おやじ #-[ 編集]
こんばんは富むさん
夢ゆりです♪

心の込めたエールを
感謝致します。。。

行き届いたホーム
ページの作り方講座
には富むさんの愛が
こめられていて・・

いつも感心しています。

では心から応援ぽち☆
2007/07/19(木) 23:10 | | 夢ゆり☆ #-[ 編集]
富む狂うsさん、こんばんは^^

癒やし職人@ゆうです。

いつもお世話になっております。

画像の大きさについてよくわかりました^^

ブログでもすぐにくずれてしまうので、今でもびくびくしながら使っています^^;

参考になりました。

癒やしの応援♪ヾ(*⌒∇⌒)ノ☆
2007/07/19(木) 23:21 | | 癒やし職人@ゆう #-[ 編集]
富む・狂う’sさん
ボンジュール!リカです。
お世話になってます^^

今日は画像ですね!
毎日、ちょっとずつ
こうして進められるのは
理想ですね~~^^
素晴らしいっ!

応援ぽちぽちっ!
また来ますね!
2007/07/19(木) 23:22 | | ボンジュール!リカの稼げる理由 #-[ 編集]
富むさん、こんばんは
儲ケロケロです。
いつもありがとうございます♪

テンプレお褒め頂き
ありがとうございました☆

時間の関係上、また後で訪問します!

またお邪魔しま~す☆
応援ポチケロ♪
2007/07/19(木) 23:48 | | 儲ケロケロ #-[ 編集]
また来ました~
やっと出来ました~!!
すごく時間かかってしまいました。
どんくさいんです(恥)

デジカメが古いので画質が
悪くキレイな画ではないの
ですが一応アップできました♪

良かった~なんとか
今日もついてこれました!!

明日もがんばります☆

応援♪
2007/07/19(木) 23:51 | | ずんぴ #jSi3vTMA[ 編集]
こんばんは (*´ω`*)
富む・狂うsさん♪

画像修正、勉強になりました!
ペイントの伸縮と傾きで調整ですね!!
ペイントは、いつも使ってますが、
この機能は全然知らなかったです。
丁寧なHP教室ですね(´ω`*)

(*´ω`)σ凸ポチ
2007/07/20(金) 00:19 | | はむちゃん #ncVW9ZjY[ 編集]
(。・ω・)ノ゙ コンバンゎ♪

今日は、一眠りし過ぎてこんな時間に
訪問になりました(・ω・;A)アセアセ…

ダッシュ!ε≡≡ヘ( ´Д`)ノ訪問でコピペに
なりますが、ゴメンなさい(;つД`)

応援( ゚∀゚)σポチだけは、させて
下さいね♪
ほんと、(*_ _)人ゴメンナサイ

応援 (U σ´(Å)`)σ ワン

2007/07/20(金) 01:04 | | のむ #-[ 編集]
こんばんわ~
何か段々本格的になってきてる~
ちょっとわからなくなってきた・・・(´▽`*)アハハ

PCにずっと向かってると肩痛くなるよね~
目も疲れちゃうし・・・・
たまに休憩しながらやらないとね~

応援ポチ☆
2007/07/20(金) 02:37 | | ひろ #-[ 編集]
おはようございます!

わたしのブログのテンプレだと、
リドメのバナーをそのまま貼り付けると、
レイアウトが崩れてしまうんです(A^^;)
だからいつもサイズを変えて掲載しているんですよ~☆

時々サイドに貼ったASPのバナーで、
勝手にサイズアップしていて、
レイアウトが崩れていることがありますが、
ホントに困ったものですw

2007/07/20(金) 08:09 | | shizchan #gXhFrpkY[ 編集]
おはようございます

☆愛犬ヨーキー☆ です。
いつもお世話になってます


こんなに企業秘密を
バラして良いんですか(笑)

本当にためになります♪

それでは応援!
ワン(ポチッ)♪
2007/07/20(金) 09:05 | | ☆愛犬ヨーキー☆のアフィリエイト de 稼ごう! #-[ 編集]
こんにちは

ファイル圧縮面白いですね

ふふふ
応援
2007/07/20(金) 09:13 | | セールス分析のささ #-[ 編集]
キッチン用品・雑貨・エプロン
キッチン用品・雑貨・エプロンを探すなら http://www.nbmcomputers.com/215783/100629/
2008/10/04(土) 17:59 | | #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://johokigyou.blog81.fc2.com/tb.php/162-8ea4d7b1
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。