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

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

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

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

SEO対策におすすめ！静的リンクのブログランキング ↓
　○JRANKブログランキング　○総合ランキングサイト！The Ranking

◎FC2ブログ共有テンプレート；152_yell_3c
　　※3カラム;（プラグイン対応、枠幅変動タイプ）

　　※152_yell_3c プレビュー

■特徴
　※3カラム;（プラグイン対応、枠可変タイプ）背景イエローストライプ
　※記事部分の文字サイズを閲覧者が3段階で選べます。
　※エントリー記事以外に表示されるフリースペースを設置
　※記事表示上部分の投稿日付部分から直接、記事編集ができます。 （ログイン時）

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

■注意
　※JavaScriptがoffになっているとご利用できません。
　※部分的にＳＥＯ対策を施してあります。

■SEO対策仕様ブログ テンプレート 無料会員募集
　※本格的なSEO対応のブログテンプレートを無料で公開中！
　　（現在、このブログで使用しているテンプレートがSEO対応のものです）

◎ yahoo! google SEO対策の方法 解説本の紹介

■ヤフー!・グーグルSEO対策テクニック ＳＥＯ対策の基本テクニックが、わかりやすく解説されていて、ＳＥＯ対策のノウハウ（方法）をよく理解していないＳＥＯ対策初心者の方には非常に参考になる本です。また、ＳＥＯ対策の経験がある方でも、見落としているＳＥＯ対策のノウハウもあるかもしれませんので見直してみる価値は充分あるでしょう。 ■目指せ！yahoo! google で1位表示！ ●全国5,000人が体験した効果抜群、初心者でもデキル！SEO対策 ●最新版Yahoo!検索に完全対応！　Gooogle対策も完全網羅！ ●1冊で2冊分の価値がある、yahoo! google SEO対策はこれでキマリ！

■出版社 / 著者からの内容紹介

本書は確実にWebサイトのアクセスアップにつながる実践的な yahoo! google へのSEO対策本です。著者が過去4年以上にわたりのべ5,000以上の企業や個人に対して行ってきたSEO対策を実際の事例をもとに、そのノウハウを抽出して解説します。
SEO対策をしているけど、
・サイトのアクセス数が伸びない！
・外部にSEO対策をお願いしたが、まったく成果があがらない！
といった悩みを抱えているサイト運営者のアナタ！　
本書を読めば、特定キーワードでヤフーとグーグルの検索結果上位表示が可能となり、着実にアクセスアップにつながること間違いなしです！

ゼロから始めるWebデザイン 高橋 晃 (2002/02) 西東社 この商品の詳細を見る 見た目のデザインの美しさだけにとどまらず、情報を伝達するスマートな方法について、様々な角度からWebデザインのヒントや技を紹介。また、フォントやカラーリングなどデザインの基本について、その勘所を解説する。

コツさえつかめればデザインは難しくありません Webデザインの歴史は始まったばかりです。私たちはプロ・アマ問わず、新しいコミュニケーションツールをどうやったら使いこなすことができるのかという、世界的プロジェクトに参加しているのです。「デザイン」の目的は、コミュニケーションをプラスの方向へ活性化させることです。Webデザインはまさに、目的と手段が一致したダイナミックな活動にほかなりません。

この本は「見栄えの良い」ページをどうやってつくるのか、ということでなく、情報を伝達するスマートな方法についての参考書です。情報を正確に、素早く、気持ち良く相手に伝えるためのデザインの基本について、フォントやカラーリング、ナビゲーションから写真撮影まで、さまざまな角度からのヒントや技を紹介し、その勘所を述べています。

本書は6章から構成されています。
「Part1 トップページの作り方」ではトップページの制作手順の概要と、タイプ別に6つに分類した、それぞれの特徴をや成り立ちの必然などを解説しています。
「Part2 サイトデザインの基礎」では、書体の選び方と使い方、文字組の基本、カラープランの立て方など、基本中の基本を豊富なサンプルを用いて解説します。
「Part3 ページデザインのコツ」では、レイアウトのコツを5つの法則にまとめて、情報の整理のしかたと表し方のポイントを掴んでもらい、サイトを構成する各ページの作り方を具体的に解説します。
「Part4 ナビゲーションをデザインする」では、ナビゲーションの5つのスタイル、目的別5つのタイプ、ナビゲーションデザインの5つの法則をそれぞれ分類して解説、理解しずらかった「ナビゲーション」がすっきり分かります。
「Part5 作って楽しいパーツデザイン」は、Web用画像の基礎から、ロゴデザイン、チャート・マップ作成、写真撮影、レタッチ、写真のデザイン処理、背景画像やバナーの作り方まで最低必要限の実用的な基礎知識をコンパクトに解説します。
「Part6 サイトデザイン」ではデザインの周辺と題して、プランニングからプロモーションまで、サイト開発に関して押さえなければならない項目について要点をまとめて解説しています。

HTML の記述方法やタグの解説は、本書ではほとんど取り上げていません。それ以前の「デザイン」の考え方や作り方のエッセンスを伝えるのが、本書の目的です。個人でサイトを作ろうとする方はもとより、これからデザインを学ぶ方やWebマスターの方に、Webデザインのコツを分かりやすく披露するものです。コツさえつかめればデザインは難しくありません。

目次
1 トップページの作り方
2 サイトデザインの基礎
3 ページデザインのコツ
4 ナビゲーションをデザインする
5 作って楽しいパーツデザイン
6 サイトデザイン(デザインの周辺)

■ホームページ（Webサイト）サムネイル自動作成
　※URLを指定するとサイトのサムネイル画像を自動生成し簡単にホームページに組み込めます

▼サンプルサムネイル

■リンクページの開き方を指定するJavaScript

サイト内のリンクページの開き方を指定できます（Blank or Self）
　※サンプルページ ⇒ リンクページの開き方を指定

▼JavaScript ソース

<script type="text/javascript">
<!--
/***********************************************************
* リンクの開き方を指定するスクリプト - By Nobu
* JavaScriptサンプル置き場 - http://www3.ocn.ne.jp/~motiya/
* スクリプトの利用はご自由に！（自己責任のもとでのご利用をお願い致します）
* リンクして頂けたら ”超うれしい！”（任意；ご報告はいりません）
***********************************************************/
var newwindow="_blank"

function nobulinks(target){
if (target) where = newwindow;
else where = "_self";
for (var i=0; i<=(document.links.length-1); i++){
var linkobj=document.links[i].href
if ( linkobj.indexOf("javascript:") ==-1 && linkobj.indexOf("#") ==-1){
if (target && where!="_blank")
document.links[i].onclick=function(){
if (window.window2 && !window2.closed)
window2.location=this.href
else
window2=window.open(this.href)
window2.focus()
return false
}
else{
if (newwindow=="window2") document.links[i].onclick = "";
document.links[i].target = where;
}}
}}
function initnobulinks(){
if (document.linkform.targetblank.checked)
nobulinks(true)
}
window.onload=initnobulinks
// -->
</script>

▼チェックボックス部分のソース

<FORM name="linkform" style="margin:5 0 0 0;"><INPUT
TYPE="checkbox" NAME="targetblank" ONCLICK="nobulinks(this.checked)"
checked> <b>チェックするとリンクが新しい窓で開きます</b></FORM>

タイトルをズームイン表示させる JavaScript のサンプルです。
　※ズームイン表示のサンプル

■JavaScript 記述例 （<head> 〜 </head> 内に記述）

<SCRIPT language=JavaScript>
<!--
var text_size = 0
function sizeChange() {
if(text_size < 25) {
text_size = text_size + 2
var text_size_s = text_size + "px"
document.all.title.style.fontSize = text_size_s
timerID = setTimeout("sizeChange()",50)
} else {
clearTimeout(timerID)
document.all.title.style.color = "red"
document.bgColor="black"
}}
//-->
</SCRIPT>

onload="sizeChange()" を、bodyタグ内に記述する。
　※表記例； <body onload="sizeChange()">

※タイトル表記部分を以下のように記述する。
　　<h1 id="title"><a href="<%url>"><%blog_name></a></h1>

※タイトル表記部分のCSSを以下のように記述
#title {
font-size: 14px; color: #333;
margin: 10px 0px 0px 0px; padding: 5px;
}
　・フォントサイズは、初期値の大きさです。
　　（JavaScriptが正常に動作しない場合を考慮し、小さくしすぎないように）
　・マージンやパディングなどのスペースは適当に


JAVAスクリプト〜サンプル置き場

JavaScriptのwriteメソッドを使って、ブラウザ上に文字列を書き出す（表示する）事ができます。
writeメソッドは、HTMLタグを書き出すこともできます。

■JavaScript、document.writeの記述例

<script type="text/javascript">
<!--
document.open();
document.write("JavaScriptのdocument.writeでHTMLを書き出す方法
document.write("この部分にテキストの内容を記入<br>");<br>");
document.write("writeメソッドは、HTMLタグを書き出すこともできます。<br>");
document.write("<img src='file/hp_01.gif'><br>");
document.close();
// -->
</script>


■表示例

　※JavaScriptのdocument.write文でキーワード比率の調整をする

ページをクリックすると、指定したページにジャンプするようにします。
ページ上でマウスボタンを押した時、背景をオレンジ色に変化するよう設定してあります。

▼ <BODY> 〜 </BODY> 内に、以下のソースを記入して下さい。

style="cursor:hand" onmousedown="document.bgColor='#ff8040'"
onclick="document.location='ジャンプさせるURL'"

● ページをクリックすると、指定したページにジャンプする サンプルページ

● 指定日までの日数を表示する Javascript のサンプルです。

▼ <HEAD> 〜 </HEAD> 内に記入するスクリプト

<script type="text/javascript">
<!--
function myCountDown(myYear,myMonth,myDay){
myNow = new Date();
myRunDate = new Date( myYear , myMonth-1 , myDay );
myMsec = myNow.getTime()-myRunDate.getTime();
myDayCount = Math.floor(myMsec / (1000*60*60*24));
return myDayCount; // 指定日も１日と数える場合は１を足します(myDayCount+1)
}
// -->
</script>

▼ <BODY> 〜 </BODY> 内に記入するスクリプト

<script type="text/javascript">
<!--
myDay = myCountDown(2007,8,15);
if (myDay < 0)document.write("指定日設定の2007/8/15まで、あと「",myDay*(-1),"日」です！");
else if (myDay == 0)document.write("本日は指定日設定の2007/8/15です！");
else document.write("指定日設定の2007/8/15から、",myDay,"日が経過しました");
// -->
</script>

● 指定日までの日数を表示するJavascript サンプルページ

■できるホームページHTML入門 Windows対応

■できるホームページHTML入門 Windows対応 佐藤 和人、できるシリーズ編集部 他 (2004/04) インプレス　　価格： ￥1,659 （税込） この商品の詳細を見る ■内容 たった36のタグを書くだけで自分らしいページが作れる! メモ帳だけでHTMLの基礎からスタイルシートの入力、JavaScriptの効果的な使い方まで簡単に身につく方法を解説

■内容（「BOOK」データベースより）
たった36のタグを書くだけで自分らしいページが作れる!メモ帳だけでHTMLの基礎からスタイルシートの入力、JavaScriptの効果的な使い方まで、簡単に身につく!フリー素材500点収録のCD‐ROM付き。

▼ホームページ（HTML）作成　関連本
　◎ 超図解 無料で簡単!ホームページ&ブログ作成入門

■超図解 無料で簡単!ホームページ&ブログ作成入門

■超図解 無料で簡単!ホームページ&ブログ作成入門 エクスメディア (2006/02) エクスメディア　　価格： ￥1,575 （税込） この商品の詳細を見る ■内容 やさしい、簡単、無料でつくれる。HTML、CSS、画像処理、データ転送までホームページとブログ作成の全てを解説

■内容（「BOOK」データベースより）
HTML、CSS、画像処理、データ転送まで、ホームページとブログ作成の全てを解説した入門書。HTML文書の作成にはWindowsに付属のテキストエディタ「メモ帳」を使用するなど、お金をかけずに作ることを徹底!

▼ホームページ（HTML）作成　関連本
　◎ できるホームページHTML入門 Windows対応

■ホームページHTMLテンプレート素材

ロイヤリティーフリーホームページ素材の決定版！！
ホームページ制作のプロがデザイン・作成した、ロイヤリティーフリーHTMLテンプレート素材。ホームページ制作会社に作成依頼した場合と遜色ないデザインが、@rt webなら、予算をかけずにホームページ制作が可能です。 編集はホームページビルダーなどの使い慣れた作成ソフトで。デザインのクオリティアップにも、制作の効率化にも、自信をもってお勧めします。

◎プロのWEBデザイナーが制作した、洗練されたデザイン
◎ホームページビルダーなどの主要なホームページ作成ソフトに対応
◎素材はロイヤリティー・フリーだから、商用利用も可能！
◎初心者にもわかりやすいビギナーズガイド