大事なお知らせだよ!っていう枠を作ってみた(笑)こんにちは、ゆーすけです。HTMLでオリジナル吹き出し画像を作ってみようさてさて、今日はあなたのHTMLサイトやブログにインパクトを与えるためのHTMLの使い方を学びましょう。《手順》1)台紙となる画像を作成2)HTMLを組み込む3)投稿のたったの3ステップ。今日はちょっとむずかしい記事になるけど、一緒に頑張りましょう!台紙となる画像を作ろうまずは土台となる画像を作りましょう。今日は誰でも簡単に作れるをテーマにいきますので、Excelとペイントを使って作ってみましょう。100の白紙をコピーしておく(1)CTRL+Aを押すと点線になる(2)CTRL+Cを押すとコピーになるCTRL+Cは「コピー」という意味です。CTRL+Vは「貼り付け」という意味です。CTRL+Aは「範囲を全て選択」という意味です。右上のピンクの図ツール[書式]をクリックして台紙に色を付けます。目立つ色を選択して下さい。ここでは[紫アクセント4]を選択します。台紙を真ん中に持ってきます。[挿入タブ]ー[図]を挿入します。[挿入タブ]ー[図形]▼を選択して吹き出しを選びます。吹き出しを紫の台紙の中に描きます。下の黄色いポッチを人物の方へ持ってきます。吹き出しを選択し[描画ツールタブ]ー[書式]ー[図形の塗りつぶし▼]から塗りつぶしななし(N)を選択します。枠をクリックしたあとで図形をCTRLキーをおしたまま選択する。CTRLキーを押して2つ目の図形を選択することです。CTRLを押して選択すると2つ以上の図形をいっぺんにコピーや移動ができます。2つの図形を選択した状態でCTRL+Cを押します。ペイントに戻り、CTRL+Vを押して下さい。下の図のようになればOKです。次に[選択▼]をクリックし文字を入れたい範囲をドラッグします。その際に左下の起点を表す数字をメモしておきます。下の100,15pxは十字が「左から100pxの位置、上から15pxの位置」という意味です。この数字もメモしておきましょう。文字が入る枠のサイズになります。保存してペイントを終了します。続きは・・・明後日?(^^会話の中は文字だからSEOにも強いぜ!!まずはポチっとお願いします。様お世話になっております。誠にありがとうございました。いう施策はすごく大事です。滞在していただく施策としても。文字だけの情報だと、なかなか全部、読んでもらうことも難しいですからね。本当に伝えたいことを、こういった形で伝えることは必要です。次の記事はCSSかな。森山さん>おはようございます、ゆーすけです。いつもお世話になってます。滞在時間を伸ばすコツって難しいですからね。うまいこと目立たせる手法はなにか?を考えないとダメですね。人は文章を見ていない!ということを意識することはたいせつです。さんこんにちは^^SHOGOです。わかりやすい解説ありがとうございます!私はどうも画像関係が苦手で避けてきたのですが、読者さんから見てもこのようなちょっとした工夫があるだけでだいぶ見やすく読みやすくなりますよね。:2012年7月10日SHOGOさん>おはようございます、ゆーすけです。いつもお世話になってます。画像苦手な方多いですけど、ここらへん上手く使いこなせると次への一歩が開けますからぜひ活用してくださいね(^^滞在時間がのびるといろいろといいですよ。:2012年7月9日おはようございます、ゆーすけさん。いつもお世話になっております。:2012年7月10日さとしさん>おはようございます、ゆーすけです。いつもお世話になってます。すごいわかりやすいと言っていただけてすごく嬉しいです!書いた甲斐がありました!ホント一つの工夫で大きくサイト滞在時間が伸ばせますからね。利用していきたいところです。吹き出しの中は単なるテキストなのでちゃんとgoogleは文字データとして認識してくれますからね。:2012年7月9日こんにちわ、ななです^^いつもありがとうございます^^うーーーん☆素敵すぎます☆エクセルがないんですよ、私。小さい文字で書きたいくらいです^^;うーーん☆ふきだし、作りたい☆ちょっとパソコンいじってみますか。おっと、その前に、前回の記事も把握してみなくっちゃ。:2012年7月10日ななさん>こんばんは、ゆーすけです。いつもお世話になってます。!Excelないか・・・。すると・・gimpでやるしかないなぁ。:2012年7月9日ゆーすけさんこんにちは、パワブロです。この方法なら簡単に面白い画像を作れますね。私は画像作成がかなり苦手で、GIMPの扱いにも四苦八苦しています。:2012年7月10日パワブロさん>おはようございます、ゆーすけです。いつもお世話になってます。実は簡単に作れる方法が今回紹介した方法です。ななさんのようにExcel持ってないともうあとはgimpでやるしかないですけどね。パワブロさんは2.8で苦労されているんですか私は実はoffice2010に変えて・・・そっちの操作がいまいち分かってません(笑)もともと長い間2003使ってたんですが、時代的にね。:2012年7月9日はじめましてSyu-Ziといいます。過去記事も見させていただきました。自分が改善しなければいけないことも再確認させられました^^;今日の解説も見る側目線で詳しく説明してくれててわかりやすかったです。:2012年7月10日Syu-Ziさん>はじめまして、ゆーすけと申します。当サイトにおこしいただきありがとうございました。過去記事も見ていただけたんですね(^^ありがとうございます。お互いいろいろと改善しないきゃいけない点はたくさんあると思うので一つでもお互いに学んで行けたらいいですね。見る側目線ということを分かっていただけると書いた側としてはホッとします(^^今後共よろしくお願いいたします。華音さん>おはようございます、ゆーすけです。いつもお世話になってます。ブログだとちょっと工夫もいるのですが、これからレポートでやるならすごい簡単ですよ(^^ExcelでできることはWordでもできますからね。大変なのは最初の数回だけですよ。あとはテンプレートのようにしちゃえばOKですから参考になってよかったです!応援ありがとうございます(^^P.S.昨日はスカイプすみませんでした。:2012年7月9日ゆーすけさん、こんばんは。いつもお世話になります、影太郎です。ブログへのコメントありがとうございました。今までGINPで画像加工とかしていたんですがこのような方法もあるんですね。私もチャレンジしてみます。楽しみに待ってます^^応援完了です。影太郎さん>おはようございます、ゆーすけです。いつもお世話になってます。いえいえ、こちらこそ毎回楽しい記事ありがとうございます。いろいろな機能をふんだんに使えばgimp使わなくてもなんとかなりますよ。:2012年7月9日ゆーすけさんお世話になります。エクセルでこういう画像処理ができるんですねー。続きも気になりますが「愛のボタン」の動きも気になります。:2012年7月10日クスノキタケユキさん>おはようございます、ゆーすけです。いつもお世話になってます。ExcelでもWordでも上手く使いこなせばなんだってできちゃいますよ(^^これは画像ソフト苦手な方にオススメな方法ですね。「愛のボタン」の作り方はのせてません。javascriptでプログラムを組んでます。:2012年7月9日こんばんはTAKAです。今日の記事とても勉強になりました。オリジナリティを出すことはとても重要ですね。次回の記事も楽しみにしてます。:2012年7月10日TAKAさん>おはようございます、ゆーすけです。いつもお世話になってます。オリジナリティーってすごく大切ですからね。これを活用していくといろいろな技を作ることできますからね。:2012年7月9日ゆーすけさんこんばんわ、HIROです。自分もぜひやってみたいと思います。本日も有益な情報、テクニックありがとうございます(●^o^●)応援です。:2012年7月10日HIROさん>おはようございます、ゆーすけです。いつもお世話になってます。ありがとうございます(^^今回のと次回のを組み合わせるとうまいこと自分でできますからスキルアップのためにもぜひご活用ください。:2012年7月10日コメントありがとうございます。:2012年7月10日mr.6さん>おはようございます、ゆーすけです。いつもお世話になってます。(^^枠の中にマーキーとか組み込むこともできると思うのでそのへんを組み合わせてもおもしろかもです!HTMLいじれるならやってみてください。_)mまた、できるだけコメントにお邪魔しようと思ってます。:2012年7月11日くぼしんさん>こんばんは、ゆーすけです。いつもお世話になってます。いえいえ、こちらこそずっとメール頂いてて返信しなくてごめんなさい!お暇でしたらぜひこれからもよろしくお願い致します。:2012年7月11日たぬきちさん>こんばんは、ゆーすけです。いつもお世話になってます。お、たぬきちさんもExcel+ペイント使いですね(^^最初のうちはこれが一番楽ですよね。画像ソフト使ったほうがはるかに楽ですけどね。:2012年7月10日ゆーすけさん、こんにちは!インフォ仙人です。いつもお世話になります。Excelでの画像作成はなぜか苦手意識があって、あまりガッツリと使い込む事は無かったのですが、今回の記事を参考に試してみようと思います。:2012年7月11日インフォ仙人さん>こんばんは、ゆーすけです。いつもお世話になってます。Excel苦手でも普通の画像ソフト使えれば全然そっちの方がいいとおもいますよ。私はfireworksっていうソフトでやってますけどね。:2012年7月10日ゆーすけさんこんにちわ、ぷぅです。画像作成ってどうしても苦手です。:2012年7月11日ぷぅさん>こんばんは、ゆーすけです。いつもお世話になってます。そうそう、苦手な方はうまいことExcelつかって作っていくといいと思いますよ。いうのもスキルですからね。次回も楽しみニィ~応援ありがとうございました。:2012年7月10日ゆーすけさんこんばんは。:2012年7月11日たなべっちさん>こんばんは、ゆーすけです。いつもお世話になってます。ウェブアートデザイナーってホームページビルダーの付属画像ソフトでしたよね?私も昔使ったことあります。10年以上まえだったけど使いやすくてよかったですよね。以外にオフィスの画像組み合わせるといろいろなことできますからね(^^目指せ教育ブログですから(笑)こちらこそ、コメントありがとうございます。応援ありがとうございました。:2012年9月28日ゆーすけさんこんばんは。内山です^^いつもコメントありがとうございます。コメントできずにスイマセン(泣)実はこの吹き出しの記事ですがブックマークをしております。:2012年9月29日うちやまさん>こんばんは、ゆーすけです。いつもお世話になっております。先日はメールありがとうございました^^吹き出しネタは便利でいいですよね。惹きつけることができるが素敵なところです。アフィリエイターゆーすけこの不況影響で、収入が激減し始めたので、自分の身を守るためにアフィリエイトの世界に足を踏み入れました。これからは「複業」の時代です。⇒詳しいプロフはこちらからノウハウは廃れても,ツールは健在。当ブログが本気で進めるツールです。SIRIUSアフィリエイトサイトを無料ブログを卒業して次なるステージに進みたい人向けのサイト作成ツール。Wordpressは無料で使えるにもかかわらず,相変わらずなぜシリウスが売れ続けるのか?その理由をしっかりと解説しています。当サイト経由オリジナル特典「シリウスの教科書」がついてきます。当サイト経由でSIRIUSを手にした人たちがこぞってわかりやすい!と納得してくれたオリジナル教材を一般向けにリリースしました。1回の呑み会を我慢すれば手に入る価格なのでもし既にシリウスを持っていて,使い方がよく分からずハードディスクの肥やしにしている人はこちらを御覧ください。リリースしましたPHPバージョンアップで特典配布BonusBoxが文字化けした件シリウス大幅改良版がリリースされたので触ってみた。