無料ホームページ作成講座ブログ

◎FC2ブログ共有テンプレート；158_aki_3c
　　※3カラム;（プラグイン対応、枠幅固定タイプ）
　　　⇒ テンプレート（158_aki_3c）プレビュー

■特徴
　※3カラム;（プラグイン対応、枠固定タイプ）背景、秋（紅葉）
　※エントリー記事以外に表示されるフリースペースを設置
　※記事表示上部分の投稿日付部分から直接、記事編集ができます。 （ログイン時）

■フリースペースの説明
　※広告掲載、お知らせ、SEO対策などご自由にご利用下さい。
　※不要な場合には、該当部分を削除して下さい。

SEO対策におすすめ！静的リンクのブログランキング ↓
　○JRANKブログランキング

◎ 複数行のテキスト入力領域を作成する

ホームページやブログの限られたスペースを有効活用するよう、複数行のテキスト入力領域（テキストエリア）を作成を作成してみましょう。

▼ textarea（テキストエリア）のサンプル

▼ textarea（テキストエリア）のサンプルソース <form name="textarea1" id="textarea1"> <textarea name="text1" rows="7" cols="50" id="text1" readonly>テキストエリアの内容 </textarea> </form> ○属性の説明 　※ rows ⇒ 横の長さ指定 　※ cols ⇒ 行数を指定 　※ readonly ⇒ 内容を変更できないようにする

ブログなどでは、コメント欄など、フォーム要素が複数使われている場合が多いので、name="textarea1" id="textarea1" の属性値は、他のフォーム要素とダブらないものを指定する。

横幅と行数を指定する属性値（rows、cols）はスタイルシートで指定することもできます。

▼ textarea（テキストエリア）のサンプル（スタイルシート指定）

▼ textarea（スタイルシート指定）のサンプルソース <form name="textarea2" id="textarea2"> <textarea name="text1" style="width:420px;height:150px;" readonly>テキストエリアの内容</textarea> </form> 　※ width:420px; ⇒ テキストエリアの横幅 　※ height:150px; ⇒ テキストエリアの縦幅

▼ 関連する記事
　※ テキストボックス風のオブジェクトを作る

◎ ブログタイトルを画像で表示する際の注意点
　※ ＳＥＯ対策として

ブログやホームページのタイトルは、サイトで最も重要なキーワードである場合が多いので、
通常は、タイトル文字をテキストで記入し、<H1>〜</H1> で囲みますが、サイトの体裁上、
どうしても、タイトルを画像で表示したいという方もいらっしゃるでしょう。

そのような場合には、タイトル画像をH1タグで囲むようにして下さい。
ただし、ALT属性（代替テキスト）は忘れずに記入してください。
ALT属性がないと、H1タグで囲んでも意味はありません。
（※ALT属性はアクセシビリティの観点からも、すべての画像に記入してください。）

更に、タイトル画像に、アンカータグを付ければ、より効果的です。
（※アンカータグにはタイトル属性「title="タイトル"」を挿入するとベスト）

▼ 実際の記入例
<h1><a href="サイトＵＲＬ" title="タイトル"><img
src="画像へのパス" alt="タイトル"
width="468" height="60" border="0"></a></h1>

▼ 表示例　（ここでは、H1タグを指定していません）


ただし、ＳＥＯを重視するのであれば、タイトルに画像は使わずに、
テキストで記入した方が、よりベターだと思います。

GIMPの教科書。 (100%ムックシリーズ) (2006/12) 長谷川 アンナ 価格：￥ 1,500 （税込）　1500 円以上国内配送料無料 商品詳細を見る タダで使える超高機能グラフィックソフト「GIMP」のソフト付き解説書。基礎知識から、フォトレタッチ、お絵かき、文字入力まで、初心者にもわかりやすく図解します。付属CD-ROMは貸与禁止。

出版社/著者からの内容紹介
「GIMP(ギンプ)」とは、完全無料で使えるのに超高機能、というオドロキのグラフィックソフト。
このGIMPを使いこなして、デジカメ写真なんかのグラフィックをキレイに加工しちゃおう、というのがこの本のテーマです。
付録CD-ROMにはGIMPそのものを収録、おまけにグラフィック加工の手順もひとつひとつ画像で収録しています。だから、この本を手にした瞬間から、フォトレタッチを楽しむことができるんです。
画像をキレイに仕上げる方法や写真合成のテクニック、アーティスティックな加工ワザまで、とても役立つ作例が満載。グラフィックの基礎知識もしっかりと解説しているので、これまでグラフィックソフトを使ったことのない人でも大丈夫です。
でも。グラフィックソフトの解説本、ってなんか難しそうじゃありませんか?　
よくわからない用語がいっぱい出てきたりとか、説明がはしょられていたりとか。
そこで、この本が目指したのは、「気を抜いて読める一冊」。
楽しくグラフィックで遊んでほしいから、本だって楽しく読んでほしい。
そんな願いをこめて、ゆる~いテンションで作ってみました。

目次
◆GIMPの基礎知識編
　・まずはGIMPをインストール
　・インターフェースを覚えよう
　・画像の読み込みを新規ファイルの作成
　・ツールボックスについて
　・オプションダイアログについて
　・画像を保存しよう!
　・選択範囲を理解しよう
　・コラム「Shift・Ctrl・Altキーで選択範囲を制する!」

◆GIMPフォトレタッチ編
　・写真のサイズを変えてみよう!
　・ハガキサイズに
　・携帯の待ち受けサイズに
　・写真をトリミングしたい!
　・傾いた写真をまっすぐにしたい!
　・写真が明るすぎる・暗すぎる!
　・写真の色味を調整したい!
　・もっと鮮やかに!
　・いらない部分を消したい!
　・写真に縁取りをつけてみたい!
　・写真をモノクロ・セピアにしたい!
　・写真の一部分だけ色を変えたい!
　・写真を変形したい!
　・合成写真を作りたい!
　・合成写真作りのコツは素材から
　・いろんな効果を使って...
　・背景をぼかしてみよう!
　・テレビ画面のように!
　・コラム「ショートカットキーで作業時間もショートカット!」

◆GIMPでお絵かき編
　・線画をかいてみよう!
　・色を塗ってみよう!
　・図形をかいてみよう!
　・写真と組み合わせてみよう!
　・コラム「スキャナを使ったお絵かきテクニック!」

◆GIMPで文字入力編
　・文字を入れてみよう!
　・文字を加工してみよう!
　・写真に文字を入れてみよう!
　・コラム「GIMPまかせのお手軽機能で遊んでみよう!」

◆GIMPチャレンジ編
　・ネットショップ用に画像を加工しよう!
　・Web用の素材を作ってみよう!
　・印刷してみよう!

◆巻末フロク
　・ツールメニューご紹介
　・フィルタメニューのご紹介

FC2プラグインにオンラインカウンター機能を追加

FC2プラグインにオンラインカウンター機能が追加されました。

オンラインカウンター機能により、カウンターを設置しているサイトに、現在何人の訪問者がいるかをリアルタイムで確認する事ができます。

● 利用方法（FC2ブログ利用者のみ利用可能）

FC2カウンターの管理画面の設定にて、桁数を指定して、プラグインの追加で簡単に設置する事が可能です。

▼ サンプル
現在の閲覧者数:
無料カウンター