<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>ホームページ初心者のお悩み解決ブログ</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/" />
    <link rel="self" type="application/atom+xml" href="http://www.hp-kaiketsu.com/atom.xml" />
    <id>tag:www.hp-kaiketsu.com,2009-10-27://1</id>
    <updated>2012-04-26T04:32:12Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.261</generator>

<entry>
    <title>[Illustrator] 文字間隔を調整する</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/illustrator-6.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.206</id>

    <published>2012-04-23T01:55:40Z</published>
    <updated>2012-04-26T04:32:12Z</updated>

    <summary>● 文字の間が詰まってしまいます。スペースを使わずに 文字の間隔を微調整する にはどうしたらよいでしょうか。● 「文字間隔」を調整するメニューが見当たりません。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Illustrator（イラストレーター）" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="illustrator" label="Illustrator" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[● 文字の間が詰まってしまいます。スペースを使わずに 文字の間隔を微調整する にはどうしたらよいでしょうか。<br />● 「文字間隔」を調整するメニューが見当たりません。]]>
        <![CDATA[<p><br />タイトル文字ひとつとっても、「文字の間隔」で微妙に印象が変わってきますよね。</p>
<p>テキストの文字間隔を調整する処理を<strong> トラッキング </strong>と呼びます。</p>
<p><strong>トラッキングの設定 </strong>を行うには「<strong>文字パネル</strong>」を使いますが、<br />バージョンや環境によって表示されていないなど、慣れていないと戸惑うものです。<br /><br />Illustrator CS5 の場合は下記のようになります。参考にしてみてください。<br /><br /><br />ウィンドウメニュー から ＞ 書式 ＞ 文字　と選択します。<br /><br /><a onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2012/04/20120423_Illustrator_1-178.html','popup','width=480,height=600,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.hp-kaiketsu.com/assets_c/2012/04/20120423_Illustrator_1-178.html"><img class="mt-image-none" alt="20120423_Illustrator_1.jpg" src="http://www.hp-kaiketsu.com/assets_c/2012/04/20120423_Illustrator_1-thumb-260x325-178.jpg" width="260" height="325" /></a><br /><br /><br />文字パネルが出てきたら、右上の小さい ▼≡　をクリックして <strong>オプションを表示</strong> をクリック。<br /><br />
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"><img class="mt-image-none" alt="20120423_Illustrator_2.jpg" src="http://www.hp-kaiketsu.com/20120423_Illustrator_2.jpg" width="400" height="300" /></span><br /><br /><br />文字パネルの隠れていた部分が表示されます。<br /><br />
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"><img class="mt-image-none" alt="20120423_Illustrator_3.jpg" src="http://www.hp-kaiketsu.com/20120423_Illustrator_3.jpg" width="200" height="300" /></span><br /><br /><br />（調整する文字範囲を選択した状態で）上図の項目で、文字間隔を調整します。</p>
<p>直接数値を入力して、微調整もできますので、試してみてください。<br /><br /><br /><br /><br /><br /></p>]]>
    </content>
</entry>

<entry>
    <title>[SEO]検索エンジン最適化スターターガイド</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/seo-1.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.205</id>

    <published>2012-04-23T01:17:32Z</published>
    <updated>2012-04-23T01:34:37Z</updated>

    <summary>検索エンジンに登録もしましたが、上位に表示されません。SEO対策は何からはじめればよいでしょうか。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="SEO(検索エンジン最適化)" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="seo対策" label="SEO対策" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[検索エンジンに登録もしましたが、上位に表示されません。<br />SEO対策は何からはじめればよいでしょうか。]]>
        <![CDATA[<p><br />検索エンジンに上位表示されること。これは誰もが実現させたいことですよね。<br />その答えは明確に提示されていませんが、仕組みを理解し、まずはできることから始めてみましょう。</p>
<p><br /><strong>■検索エンジンを理解する</strong></p>
<p><strong>・「Yahoo!JAPAN」と「Google」</strong></p>
<p>少し前の話になりますが、検索大手のYahoo! JAPANは、プレスリリース(2010.7)において</p>
<p>＞検索エンジン（インターネットに存在する情報を検索する機能）をGoogleのエンジンに切り替える</p>
<p>と発表しています。</p>
<p><br />これにより（さまざまなケースで異なる部分はありますが）ざっくり言ってしまうと・・</p>
<p>Yahoo! JAPAN での検索結果　と　Googleでの検索結果 は ほぼ同じになりました。</p>
<p>&nbsp;</p>
<p><strong>・検索エンジンシェア</strong></p>
<p>日本国内の検索エンジンシェアは、「Yahoo!JAPAN」と「Google」が全体の約90％を占めていると言われています。</p>
<p>&nbsp;</p>
<p><strong>■Google対策</strong></p>
<p>こうなれば、<strong>Googleに対するSEO対策が重要</strong>であることは言うまでもありませんね。</p>
<p>話は戻りますが、何から始めればよいでしょう。</p>
<p>検索エンジンには、様々なアルゴリズムがあり、日々変化しています。<br />そのため、「こうすれば上位に表示される！」といった明確な答えはありません。<br />（あったら皆がそれを実行してしまいますものね・・^^;;）</p>
<p><br />それでも初めてSEO対策に取り組む方には、Googleからそのヒントというべき<strong> 「検索エンジン最適化スターターガイド」 </strong>が配信されています。<br /></p>
<p>SEOの基礎から、サイト構造の改善、クローラーへの対処などが約30頁に渡りわかりやすく書かれています。<br />まずはこれを熟読し、「できることを万全にする」から始めてはいかがでしょうか。</p>
<p><br /><strong>⇒ <a href="http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.co.jp/ja/jp/intl/ja/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf">Ｇｏｏｇｌｅ 検索エンジン最適化スターターガイド<br /></a></strong></p>
<p>&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>【Photoshop】暗い画像 を 明るくキレイにするコツ(3)　明るさ・コントラスト・彩度</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/photoshop-3-2.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.204</id>

    <published>2012-03-23T12:57:11Z</published>
    <updated>2012-03-23T08:15:08Z</updated>

    <summary>室内で撮影したせいか、画像が暗く、色合いがよくありません。見栄えをよくするにはどうすればよいでしょう。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[室内で撮影したせいか、画像が暗く、色合いがよくありません。<br />見栄えをよくするにはどうすればよいでしょう。]]>
        <![CDATA[<p><br />前回の コツ(２) では、暗い画像の対処方法として、[レベル補正] をご紹介しました。<br />今回は、さらに色鮮やかに見栄えを良くする、簡単な方法をいくつかご紹介します。</p>
<p>&nbsp;</p>
<p>※ 操作方法等は Photoshop CS5 を例に説明しています</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>■ 明るさ・コントラスト</strong></p>
<p>メニューバーから　　イメージ ＞ 色調補正 ＞ 明るさ・コントラスト 　とクリックします。</p>
<p>&nbsp;</p>
<p><img class="mt-image-none" alt="20120323_photoshop_1.jpg" src="http://www.hp-kaiketsu.com/20120323_photoshop_1.jpg" width="375" height="160" /></p>
<p>
<p>&nbsp;スライドで 明るさ・コントラスト を調整します。</p>
<p>&nbsp;</p>
<p>コントラストとは、「明るい部分と暗い部分との明暗の差」を意味します。</p>
<p>&nbsp;</p>
<p>全体的に色合いがはっきりせず、ぼやっとしてしまった画像は、コントラストを調整することで、キレイに見せることができます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br /><strong>■ 彩度</strong></p>
<p>メニューバーから　　イメージ ＞ 色調補正 ＞ 色相・彩度 　とクリックします。</p>
<p>
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image">&nbsp;</span></p>
<p><img class="mt-image-none" alt="20120323_photoshop_2.jpg" src="http://www.hp-kaiketsu.com/20120323_photoshop_2.jpg" width="440" height="378" /></p>
<p>&nbsp;</p>
<p>彩度のスライダをドラッグして調整します。</p>
<p>&nbsp;</p>
<p>全体的に白っぽかったり、くすんだような写真は、彩度を調整することで文字通り「彩り」がよくなります。</p>
<p><br />彩度を上げた写真は、人に好印象を与えることが多く、写真加工時には頻繁に使われます。</p>
<p>&nbsp;</p>
<p></p>
<p><img class="mt-image-none" alt="20120323_photoshop_3.jpg" src="http://www.hp-kaiketsu.com/20120323_photoshop_3.jpg" width="520" height="220" /></p>
<p>
<p>上の例では、芝生の色に注目すると、補正前に比べ、より鮮やかなみどり色に変化していることがわかります。</p>
<p><br />それぞれ調整する数値は、もとの写真によって異なりますので、いくつ！とは言えませんが、これらの小技を組み合わせて、明るく自然な色合いになるようチャレンジしてみてください。</p>
<p>&nbsp;</p>
<p></p>]]>
    </content>
</entry>

<entry>
    <title>【Photoshop】暗い画像 を 明るくキレイにするコツ(２)</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/photoshop-6.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.202</id>

    <published>2012-02-23T04:00:00Z</published>
    <updated>2012-02-23T05:14:44Z</updated>

    <summary>室内で撮影したせいか、画像が暗く、色合いがよくありません。見栄えをよくするにはどうすればよいでしょう。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[室内で撮影したせいか、画像が暗く、色合いがよくありません。<br />見栄えをよくするにはどうすればよいでしょう。]]>
        <![CDATA[<p>&nbsp;</p>
<p>前回の コツ(１) では、暗い部分を明るくする簡単な方法をご紹介しました。</p>
<p>今回は、それでも色合いがイマイチの場合や、暗すぎて対処に困った場合など使う <strong>[レベル補正]</strong> をご紹介します。</p>
<p>&nbsp;</p>
<p>※ 操作方法等は Photoshop CS5 を例に説明しています</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>■ レベル補正　例１</strong></p>
<p>ここでは、暗く写った２つの写真を例に、簡単な補正例をご紹介します。</p>
<p>&nbsp;</p>
<p><img class="mt-image-none" alt="20120223_photoshop_1.jpg" src="http://www.hp-kaiketsu.com/20120223_photoshop_1.jpg" width="520" height="220" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>上部メニューバーから　 <strong>イメージ ＞ 色調補正 ＞ レベル補正</strong> 　とクリックします。</p>
<p>
<p>&nbsp;</p>
<p></p>
<p>
<p>
<p><img class="mt-image-none" alt="20120223_photoshop_2.jpg" src="http://www.hp-kaiketsu.com/20120223_photoshop_2.jpg" width="432" height="381" /></p>
<p>&nbsp;</p>
<p>ヒストグラムは、画像全体で　明るさのレベルがどのように分布しているか　を表しています。</p>
<p></p>
<p></p>
<p>例１ の場合、やや暗い部分が多いので、真ん中のスライダーを左に動かしながら画像の様子を見ます。<br />元画像のレベルに合わせて、スライダーの調整を練習してみてください。</p>
<p>&nbsp;</p>
<p><br /><strong>■ レベル補正　例２</strong></p>
<p><strong></strong>&nbsp;</p>
<p><strong></strong>
<p><strong><img class="mt-image-none" alt="20120223_photoshop_3.jpg" src="http://www.hp-kaiketsu.com/20120223_photoshop_3.jpg" width="520" height="220" /></strong></p>
<p>&nbsp;</p>
<p></p>
<p>&nbsp;</p>
<p>上部メニューバーから　 <strong>イメージ ＞ 色調補正 ＞ レベル補正</strong> 　とクリックします。</p>
<p>&nbsp;</p>
<p>画像のヒストグラムが 左（暗い方）に 偏っています。<br />このような場合は、下図のようにスライダーを調整してみましょう。</p>
<p>&nbsp;</p>
<p>
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"><img class="mt-image-none" alt="20120223_photoshop_4.jpg" src="http://www.hp-kaiketsu.com/20120223_photoshop_4.jpg" width="500" height="400" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>上手く活用すれば、暗すぎてあきらめていた写真も、ホームページの素材として活用できるかもしれません。<br />元画像によって調整方法は異なりますが、 [レベル補正]&nbsp; は何度もチャレンジしてコツをつかんでください。</p>
<p>&nbsp;</p>
<p><br />（注）例１、例２の加工例では、レベル補正後に 明るさ・コントラスト、彩度の調整等々も併用して加工しています。</p>
<p>&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>［Windows＆Mac］便利なブラウザキャプチャーサイトを使ってみましょう</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/post-18.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.199</id>

    <published>2012-01-21T05:56:01Z</published>
    <updated>2012-01-24T13:25:40Z</updated>

    <summary>趣味でホームページを作っています。Macでどんな感じで見えているのかを知りたいですが、自宅にはWindowsしかありません。 </summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="カテゴリー" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[趣味でホームページを作っています。<br />Macでどんな感じで見えているのかを知りたいですが、自宅にはWindowsしかありません。 ]]>
        <![CDATA[ご質問ありがとうございます、Bestです。<br />確かに、普段使用するOS以外のプラットフォームでの動作確認は大事ですよね。<br /><br />しかし、そのためだけに複数のPCを購入するのは、個人の場合にはハードルが高いように感じます。<br /><br />このような場合には、ブラウザ上でスクリーンショットが確認できるwebサービスでご確認してみてはいかがでしょうか。<br />※これから記載しますサイトは、いずれも無料で使用できます。<br />※しかし、恒久的なご利用は、各サイトの運営規約によります。<br /><br />昔から名高いのが、「<a href="http://browsershots.org/">Browsershots</a>」さんです。<br /><a href="http://browsershots.org/">http://browsershots.org/</a><br /><br />非常に多くのOSやブラウザでの確認が可能ですが、それだけレスポンスも遅くなってしまいます。<br />まず最初は、必要なOSに絞り込んでご利用ください。<br /><br />そして、近年ユーザが激増中のスマートフォンでの見え方はこちらからご利用ください。<br /><a href="http://mattkersley.com/responsive/">http://mattkersley.com/responsive/</a><br /><br />2011年の段階では、横幅は（縦向きで見る場合）概ね320-640pxとする事が目安とされていました。<br />また、スマートフォンを横向きにする場合の横幅は、480-960pxで作成すると収まりが良いようです、<br /><br />最後に、こちらのサイトではタブレット型PCの１つであるiPadでの見え方も確認できます。<br /><a href="http://ipadpeek.com/">http://ipadpeek.com/</a><br /><br />使い方は至ってシンプルです。<br />下記の画像をご覧ください。<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2012/01/ipad-163.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2012/01/ipad-163.html','popup','width=600,height=379,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2012/01/ipad-thumb-260x164-163.png" alt="ipad.png" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="164" width="260" /></a></span><br /><br /><br /><br /><br /><br /><br /><br />業務で使用する場合には、複数のOS（Windows・Mac共に）そろえられる事をお勧めします。<br />しかし、個人の楽しみとしてホームページを作る場合には、コスト節約も大事なポイントだと私自身は思います。<br /><br />宜しければ、上記のサイトをフル活用なさって、もっともっとwebページ制作の楽しさを体感いただけますよう願っております。<br /><div><br /></div>]]>
    </content>
</entry>

<entry>
    <title>【Photoshop】暗い画像 を 明るくキレイにするコツ</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/photoshop-5.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.198</id>

    <published>2012-01-18T06:54:35Z</published>
    <updated>2012-01-18T04:34:07Z</updated>

    <summary>Photoshopを使って、暗い画像を明るくしていくと、白っぽくなってしまいます。何か良い方法はないでしょうか。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[Photoshopを使って、暗い画像を明るくしていくと、白っぽくなってしまいます。<br />何か良い方法はないでしょうか。]]>
        <![CDATA[<p>&nbsp;</p>
<p>室内など、暗く撮れてしまった写真・・。<br />「明るさ」の機能だけで調整しようとして、全体的に白っぽくなってしまった・・という経験をされた方も多いと思います。。</p>
<p>&nbsp;</p>
<p>できるだけ「自然な明るさ」に調整するには、様々な方法がありますが、<br />まずは、<strong>暗い部分を手軽に明るくする方法</strong> をご紹介します。</p>
<p>&nbsp;</p>
<p>（※ 画面は Photoshop CS5 を例に説明しています）</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>▼画像加工例</p>
<p>
<p><img class="mt-image-none" alt="20120115_photoshop_3.jpg" src="http://www.hp-kaiketsu.com/20120115_photoshop_3.jpg" width="500" height="300" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>■ シャドウハイライト</strong></p>
<p></p>
<p></p>
<p>シャドウ・ハイライト は、暗い部分（または明るい部分）のみを調整したいときに使います。</p>
<p><br />上部メニューバーから　 イメージ ＞ 色調補正 ＞ シャドウ・ハイライト 　とクリックします。</p>
<p>&nbsp;</p>
<p>
<p>
<p><img class="mt-image-none" alt="" src="http://www.hp-kaiketsu.com/20120115_photoshop_1.jpg" width="423" height="224" /></p>
<p>&nbsp;</p>
<p>暗すぎる部分（シャドウ）または明るすぎる部分（ハイライト）の明るさをスライドで調整します。</p>
<p></p>
<p></p>
<p>他の部分の明るさなどに大きな影響を与えず、明るさを変えることができます。</p>
<p>&nbsp;</p>
<p><br />次に 明るさ・コントラスト を調整します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>■ 明るさ・コントラスト</strong></p>
<p><br />イメージ ＞ 色調補正 ＞ 明るさ・コントラスト 　とクリックします。</p>
<p>&nbsp;</p>
<p>
<p>
<p><img class="mt-image-none" alt="20120115_photoshop_2.jpg" src="http://www.hp-kaiketsu.com/20120115_photoshop_2.jpg" width="375" height="158" /></p>
<p>&nbsp;</p>
<p>スライドで 明るさ・コントラスト を調整します。</p>
<p>&nbsp;</p>
<p></p>
<p></p>
<p>コントラストとは、「明るい部分と暗い部分との明暗の差」を意味します。</p>
<p>全体的に色合いがはっきりせず、ぼやっとしてしまった画像は、コントラストを調整することで、キレイに見せることができます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>［Dreamweaver］　便利なテンプレート機能</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/-dreamweaver-html.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.197</id>

    <published>2012-01-16T07:20:00Z</published>
    <updated>2012-01-17T07:37:15Z</updated>

    <summary>htmlの修正ができません。進入禁止のようなマークが出ます。ドリームウィーバーのソースコードで見ると灰色になっています。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="Dreamweaver（ドリームウィーバー)" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="カテゴリー" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[htmlの修正ができません。<br />進入禁止のようなマークが出ます。ドリームウィーバーのソースコードで見ると灰色になっています。]]>
        <![CDATA[こんにちは。<br />Dreamweaverのご質問をお寄せくださいましてありがとうございます。<br />灰色になっていて、書き込みができない部分にはテンプレートが使われているかと推測いたしました。<br /><br />ローカル（ご質問者さまの所有PC）フォルダの中に、拡張子が.dwtとなっているファイルがありませんでしょうか。<br />もしくは、修正メニューから「テンプレート」　→「添付されたテンプレートを開く」からも修正が可能です。<br /><br />こちらをご覧ください。<br /><br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2012/01/dw_dwt-157.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2012/01/dw_dwt-157.html','popup','width=836,height=804,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2012/01/dw_dwt-thumb-260x250-157.png" alt="dw_dwt.png" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="250" width="260" /></a></span>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />この、　.dwtが付いたテンプレートファイルで修正をお試しください。

<br />インストラクターとしましては、ご質問者の方がテンプレートファイルを修正される前に、一度サイト全体のバックアップをお取りになる事を強くお勧めいたします。<br /><br />&nbsp;テンプレートファイルを修正しますと、こちらのテンプレートに関連付けられた全てのページが修正されます。

<br />※修正時に、関連付けられたファイルの一覧が出てきます。
<br />※Dreamweaverのデフォルトは「更新」となっております。<br /><br />&nbsp;こちらのテンプレート機能は、Dreamweaver特有の非常に便利な機能です。
<br />例えば、Webサイトのテキスト情報で共通する部分（フッターの社名等）や、デザインが共通する部分（ナビゲーション部分）をテンプレート化しておくと、一気に作成時間が短縮できます。
<br /><br />Microsoft社さんのExcel(エクセル)、Word(ワード)にも、便利なテンプレート機能があります。
Dreamweaverでも、このひな形のような便利な使い方ができるようになっております。

<br /><br />ぜひ、外部cssと一緒にご利用いただきまして、効率的なサイト運営ができますように願っております。
<a href="http://www.hp-kaiketsu.com/post-13.html" title="スタイルシートを外部ファイルにリンクさせる方法 ホームページ初心者のお悩み解決ブログ" target="_self">外部css</a>については、<a href="http://www.hp-kaiketsu.com/post-13.html" title="スタイルシートを外部ファイルにリンクさせる方法 ホームページ初心者のお悩み解決ブログ" target="_self">こちら</a>をご覧ください。
]]>
    </content>
</entry>

<entry>
    <title>ブラウザシェア 2012</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/-2012.html" />
    <id>tag:www.hp-kaiketsu.com,2012://1.196</id>

    <published>2012-01-15T03:11:12Z</published>
    <updated>2012-01-16T01:07:23Z</updated>

    <summary>ホームページを見ている人の「ブラウザ」で、一番多く使われているのは何でしょうか。</summary>
    <author>
        <name>webコンサルティングスクール インストラクター田口</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=3</uri>
    </author>
    
        <category term="制作お役立ち情報" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        ホームページを見ている人の「ブラウザ」で、一番多く使われているのは何でしょうか。
        <![CDATA[<p>&nbsp;</p>
<p>ホームページは、見てくださる方の「環境」により、表示が異なる場合があります。</p>
<p>「環境」と ひと口に言っても、ＯＳ、ブラウザ、そのバージョン・・etc.. <br />さらには、スマートフォンかＰＣか・・・数え上げればキリがありません。</p>
<p>&nbsp;</p>
<p>ホームページを作成する人は、「どのように見えているのか」を常に気にする必要があり、ブラウザによる表示の違いは気になるところです。</p>
<p>&nbsp;</p>
<p>さて、今、日本でもっとも利用されているブラウザは何でしょうか。そしてその割合は・・？</p>
<p><br />参考までに、ある統計によると日本のブラウザシェアは、次の通りだそうです。</p>
<p>（2012.1.1 時点）</p>
<p>
<p>
<p><br />
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"><img class="mt-image-none" alt="20120115_browsershare2012.gif" src="http://www.hp-kaiketsu.com/20120115_browsershare2012.gif" width="400" height="235" /></span></p>
<p>
<span style="DISPLAY: inline" class="mt-enclosure mt-enclosure-image"></span>---------------------------------------------<br />ブラウザシェア【2012/01/01】<br />---------------------------------------------<br />1 IE 51.75%<br />2 Firefox 19.80%<br />3 Chrome 18.21% <br />4 Safari 6.87%&nbsp; <br />5 Opera 1.68% <br />---------------------------------------------<br />参）データ：「StatCounter Global Stats」統計より</p>
<p></p>
<p></p>
<p><br />統計の取り方にも色々あるのでしょうが、概ね、IE（Microsoft Internet Explorer）は全体の約半数まで減少している　とよく耳にします。</p>
<p><br />また、2011年後半には、「Chromeがブラウザシェア2位に」というニュースも飛び交うなど、テレビＣＭなどにも注力している Chrome が、これから大きく伸びていくと予想する専門家もいます。</p>
<p>&nbsp;</p>
<p>今後のブラウザシェアも気になるところですが、<br />「色々な環境で見ている人がいる」<br />ということを日頃から念頭において、ホームページ作成に取り組んでいきましょう。</p>
<p>&nbsp;</p>
<p><br />&nbsp;</p>]]>
    </content>
</entry>

<entry>
    <title>[Photoshop]ブラシのインストール</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/photoshop-4.html" />
    <id>tag:www.hp-kaiketsu.com,2011://1.195</id>

    <published>2011-02-12T08:11:51Z</published>
    <updated>2011-02-15T02:19:16Z</updated>

    <summary>インターネットで公開されているブラシをインストールして、さらにクリエイティブなイメージ作成を行いましょう。</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        インターネットで公開されているブラシをインストールして、さらにクリエイティブなイメージ作成を行いましょう。
        <![CDATA[<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">前回はブラシ機能の使い方をご紹介しました。</p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">&nbsp;</p>

<p style="margin:0in;font-size:10.0pt"><span style="font-family:&quot;MS Gothic&quot;" lang="ja">インターネットで「</span><span style="font-family:Verdana" lang="en-US">Photoshp</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">　ブラシ」で検索すると、たくさんの種類のブラシが公開されています。</span></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">お気に入りのブラシを使ってクリエイティブなイメージ制作に役立ててみましょう。</p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><br /></p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2011/02/20110212-148.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2011/02/20110212-148.html','popup','width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2011/02/20110212-thumb-260x195-148.jpg" width="260" height="195" alt="20110212.jpg" class="mt-image-none" style="" /></a></span><p></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><b><br /><br />▼ブラシのインストール方法</b>&nbsp;</p>

<p style="margin:0in;font-size:10.0pt"><span style="font-family:Verdana" lang="en-US"><br /></span></p><p style="margin:0in;font-size:10.0pt"></p><ol><li><span style="font-family:Verdana" lang="en-US">Photoshop</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ブラシをダウンロードします。圧縮ファイルになっている場合は解凍します。</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ブラシファイルの拡張子は、</span><span style="font-family:Verdana" lang="en-US">.abr </span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">です。<br /></span><span class="Apple-style-span" style="font-family: 'MS Gothic'; ">※使用ライセンスにご注意ください。<br /><br /></span></li><li><span class="Apple-style-span" style="font-family: 'MS Gothic'; "></span><span style="font-family:Verdana" lang="en-US">Photoshop</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">がインストールされているフォルダを表示します。<br /></span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">例）</span><span style="font-family:Verdana" lang="ja">Program Files</span><span style="font-family:Verdana" lang="en-US"> &gt; </span><span style="font-family:
Verdana" lang="ja">Adobe</span><span style="font-family:Verdana" lang="en-US"> &gt;
</span><span style="font-family:Verdana" lang="ja">Photoshop </span><span style="font-family:Verdana" lang="en-US">&gt; </span><span style="font-family:
Verdana" lang="ja">プリセット</span><span style="font-family:Verdana" lang="en-US"> &gt;
</span><span style="font-family:Verdana" lang="ja">ブラシ<br /><br /></span></li><li><span style="font-family:Verdana" lang="ja"></span><span class="Apple-style-span" style="font-family: 'MS Gothic'; ">ダウンロードしたブラシファイルをこのフォルダにコピーします。<br /><br /></span></li><li><span class="Apple-style-span" style="font-family: 'MS Gothic'; "></span><span style="font-family:Verdana" lang="en-US">Photoshop</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">を再起動します。</span></li></ol><p></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">ブラシの使い方については<a href="http://www.hp-kaiketsu.com/photoshop-3.html">こちらの記事</a>をご覧ください。</p>]]>
    </content>
</entry>

<entry>
    <title>[Photoshop]イメージ作成に役立つブラシ機能</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/photoshop-3.html" />
    <id>tag:www.hp-kaiketsu.com,2011://1.194</id>

    <published>2011-02-06T07:23:10Z</published>
    <updated>2011-02-06T08:01:36Z</updated>

    <summary>自分でイラストを描くのが苦手な方は、Photoshopのブラシ機能を使ってみてはいかがでしょうか。 </summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[<span lang="ja" style="font-family: 'MS Gothic'; ">自分でイラストを描くのが苦手な方は、</span><span lang="en-US" style="font-family: Verdana; ">Photoshop</span><span lang="ja" style="font-family: 'MS Gothic'; ">のブラシ機能を使ってみてはいかがでしょうか。</span> ]]>
        <![CDATA[<p style="margin:0in;font-size:10.0pt"><span style="font-family:&quot;MS Gothic&quot;" lang="ja">自分でイラストを描くのが苦手な方は、</span><span style="font-family:Verdana" lang="en-US">Photoshop</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">のブラシ機能を使ってみてはいかがでしょうか。</span></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">例えば、このような楓の葉が散る画像を簡単に作成することができます。</p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><br /></p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_00-139.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_00-139.html','popup','width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_00-thumb-260x195-139.jpg" width="260" height="195" alt="20110206_00.jpg" class="mt-image-none" style="" /></a></span></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">&nbsp;</p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><b>▼ブラシの使い方</b></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">&nbsp;</p>

<p style="margin:0in;font-size:10.0pt"><span style="font-family:Verdana" lang="en-US">[</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ブラシ</span><span style="font-family:Verdana" lang="en-US">]</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">パレットのパレットメニューから好きなブラシを追加します。<br />
例と同じ楓の葉のブラシは</span><span style="font-family:Verdana" lang="en-US">[</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ウェットメディアブラシ</span><span style="font-family:Verdana" lang="en-US">]</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">に入っています。</span></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">&nbsp;</p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_01-142.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_01-142.html','popup','width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_01-thumb-260x195-142.jpg" width="260" height="195" alt="20110206_01.jpg" class="mt-image-none" style="" /></a></span></p><p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt"><br /></p>

<p style="margin:0in;font-size:10.0pt"><span style="font-family:Verdana" lang="en-US">[</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ブラシ</span><span style="font-family:Verdana" lang="en-US">]</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">パレットで好きなブラシを選び、カンバス上でドラッグします。</span></p><p style="margin:0in;font-size:10.0pt"><span style="font-family:&quot;MS Gothic&quot;" lang="ja"><br /></span></p><p style="margin:0in;font-size:10.0pt"><span style="font-family:&quot;MS Gothic&quot;" lang="ja"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_02-145.html" onclick="window.open('http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_02-145.html','popup','width=401,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.hp-kaiketsu.com/assets_c/2011/02/20110206_02-thumb-260x311-145.jpg" width="260" height="311" alt="20110206_02.jpg" class="mt-image-none" style="" /></a></span></span></p>

<p style="margin:0in;font-family:&quot;MS Gothic&quot;;font-size:10.0pt">&nbsp;</p>

<p style="margin:0in;font-size:10.0pt"><span style="font-family:&quot;MS Gothic&quot;" lang="ja">うまく描けなかった場合は、</span><span style="font-family:Verdana" lang="en-US">[</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">編集</span><span style="font-family:Verdana" lang="en-US"> </span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">→</span><span style="font-family:Verdana" lang="en-US"> </span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">ブラシツールの取り消し</span><span style="font-family:Verdana" lang="en-US">]</span><span style="font-family:&quot;MS Gothic&quot;" lang="ja">を選び、もう一度描き直します。</span></p>]]>
    </content>
</entry>

<entry>
    <title>iso-2022.jpで作成したWebサイトが文字化けする</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/iso-2022jpweb.html" />
    <id>tag:www.hp-kaiketsu.com,2011://1.193</id>

    <published>2011-01-22T06:52:00Z</published>
    <updated>2011-01-23T06:58:27Z</updated>

    <summary>12月15日頃からホームページビルダーで作ったページが文字化けするようになった。</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="制作お役立ち情報" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[<font class="Apple-style-span" color="#000000" face="arial, sans-serif" size="2"><span class="Apple-style-span" style="line-height: 20px;">12月15日頃からホームページビルダーで作ったページが文字化けするようになった。</span></font>]]>
        <![CDATA[<div>文字化けしているサイトのソースを確認してください。</div><div>&lt;META http-equiv="Content-Type" content="text/html; charset=<b>iso-2022-jp</b>"&gt;</div><div>と書かれていませんか？</div><div>そのWebサイトでは、iso-2022-jp という文字コードを使用しています。</div><div><br /></div><div>2010年12月15日に公開されたWindows Update KB2416400（MS10-090）を適用後、Internet Explorer で JIS（iso-2022-jp）の文字コードを使用しているページが文字化けする問題が発生しています。</div><div><a href="http://support.microsoft.com/kb/2416400/">http://support.microsoft.com/kb/2416400/</a></div><div><br /></div><div><b>クライアント側の回避策</b></div><div>・Web サイトの表示中にこの問題を回避するには、F5 キーを押してページを更新します。</div><div>・下記の更新プログラム 2467659 を適用します。</div><div>　<a href="http://support.microsoft.com/kb/2467659/">http://support.microsoft.com/kb/2467659/</a></div><div><br /></div><div><b>サーバー側の回避策</b></div><div>・HTTPヘッダで下記のように文字コードを指定します。</div><div>　Content-Type: text/html;charset=iso-2022-jp</div><div><br /></div><div>HTTPヘッダを操作する方法はいくつかありますが、.htaccess でHTTPヘッダの文字コードを指定する場合は、.htaccessファイルに次の1行を加えます。</div><div><br /></div><blockquote class="webkit-indent-blockquote" style="margin: 0 0 0 40px; border: none; padding: 0px;"><div>AddType "text/html; charset=iso-2022-jp" .html</div></blockquote><div><br /></div><div>サイト内に文字コードが違うページがある場合や、印刷では文字化けが直っていないなどの問題が残ります。根本的解決には別の文字コードにエンコードする必要があります。</div><div><br /></div><div>サイトを運営しているとこのような通信技術の進化によって影響を受けて問題が発生することがあります。</div><div>最新の情報収集のアンテナを高めておくこと、問題解決の技術を身につけるなど努力が必要ですね。</div>]]>
    </content>
</entry>

<entry>
    <title>画像の色合いを変更する</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/post-17.html" />
    <id>tag:www.hp-kaiketsu.com,2011://1.192</id>

    <published>2011-01-08T01:21:14Z</published>
    <updated>2011-01-09T10:49:53Z</updated>

    <summary>Photoshopで画像の色合いの変更方法を教えてください。</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Photoshop（フォトショップ)" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        Photoshopで画像の色合いの変更方法を教えてください。
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hayashi.jpg" src="http://www.hp-kaiketsu.com/2010/05/15/hayashi.jpg" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="63" width="71" /></span>こんにちは！林です。
<br />本年も宜しくお願いいたします。<br /><br />画像の色合いを変更する簡単な方法をご紹介します。<div><br /></div><div>[イメージ] - [色調補正] - [色相・彩度] を選択し、色相・彩度ダイアログを表示させます。<div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110109_01.jpg" src="http://www.hp-kaiketsu.com/110109_01.jpg" width="446" height="283" class="mt-image-none" style="" /></span></div><div><br /></div><div>色相のスライダを変更することで、画像の色合いを調整できます。</div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110109_02.jpg" src="http://www.hp-kaiketsu.com/110109_02.jpg" width="500" height="300" class="mt-image-none" style="" /></span></div><div><br /></div><div><br /></div><div><br /></div><div>画像の特定の色だけを変更する場合は<br />[イメージ] - [色調補正] - [色相・彩度] を選択し、色相・彩度ダイアログを表示し、</div><div>編集から変更したい色味を選択します。</div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110109_03.jpg" src="http://www.hp-kaiketsu.com/110109_03.jpg" width="446" height="283" class="mt-image-none" style="" /></span></div><div><br /></div><div>色相・彩度・明度を変更することで、部分的な色合いを調整できます。</div></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110109_04.jpg" src="http://www.hp-kaiketsu.com/110109_04.jpg" width="500" height="300" class="mt-image-none" style="" /></span></div><div><br /></div>]]>
    </content>
</entry>

<entry>
    <title>黄金比と白銀比を利用する</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/post-16.html" />
    <id>tag:www.hp-kaiketsu.com,2010://1.191</id>

    <published>2010-12-24T01:21:14Z</published>
    <updated>2010-12-26T16:01:31Z</updated>

    <summary>ホームページ制作をしているのですが、デザインで良いアイディアが浮かばなくて行き詰ってしまいました・・・。</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Webサービス" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        ホームページ制作をしているのですが、デザインで良いアイディアが浮かばなくて行き詰ってしまいました・・・。
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hayashi.jpg" src="http://www.hp-kaiketsu.com/2010/05/15/hayashi.jpg" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="63" width="71" /></span>こんにちは！林です。
<br />そういうこと、よくありますよね！<br /><br /><br />ホームページの幅や、画像の大きさなど、レイアウトに迷ったときは黄金比を取り入れてみてはいかがでしょうか。<br />黄金比は自然界でもっとも安定し、美しい比率とされています。<br />また、白銀比という、日本には馴染み深い比率もありますので、こちらも合わせてご紹介します。<br /><br /><b><font style="font-size: 1.25em;">黄金比</font></b><br /><br /><b>1:1.618（約5:8）</b><br /><br />名刺など様々なカード類のサイズは黄金比でできています。<br />ギリシアのパルテノン神殿やミロのヴィーナスなどの造形物に用いられていることでも有名です。また、自然界でもオウムガイの殻の節の比率や、ひまわりの種の配列、バラの花びらなどなど、いろいろなところにも発見されています。 <br /><br /><br /><font style="font-size: 1.25em;"><b>白銀比</b></font><br /><br /><b>1：1414（約5:7, 1:√2）</b><br /><br />普段良く使用する、A4やA3といった用紙のサイズは白銀比でできています。<br />人工物や建造物での安定した美しさとされています。<br />別名「大和比」とも呼ばれていて、法隆寺の五重塔などにもこの比率が用いられているとされていて、日本には馴染み深い比率です。<br /><br />下記のサイトで、黄金比・白銀比を計算できるツールを公開されています。<br />利用してみてはいかがでしょうか。<br /><br />Webデザイン黄金比計算ツール | [Z]ZAPAブロ～グ2.0<br /><a href="http://zapanet.info/blog/item/1298">http://zapanet.info/blog/item/1298</a><br /><br />Webデザイン白銀比計算ツール | [Z]ZAPAブロ～グ2.0<br /><a href="http://zapanet.info/blog/item/1300">http://zapanet.info/blog/item/1300</a>]]>
    </content>
</entry>

<entry>
    <title>.html と .htm の違いはなんですか</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/htmlxhtml-1.html" />
    <id>tag:www.hp-kaiketsu.com,2010://1.190</id>

    <published>2010-12-11T09:16:00Z</published>
    <updated>2010-12-11T09:56:12Z</updated>

    <summary>.html と .htm など、ファイル名の&quot;.&quot;（ドット、ピリオド）の後ろについたアルファベットと数字の組み合わせを拡張子といいます。</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Html・xHtml" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[.html と .htm など、ファイル名の"."（ドット、ピリオド）の後ろについたアルファベットと数字の組み合わせを拡張子といいます。<br />]]>
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hayashi.jpg" src="http://www.hp-kaiketsu.com/2010/05/15/hayashi.jpg" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="63" width="71" /></span>こんにちは、林です。<br /><br />様々なWEBサービスが広まっていて、ご自分でホームページ作ろうとしても、HTMLから作る方は少なくなりました。<br />それでも興味を持って、HTMLの書き方を勉強したい、とおっしゃる方も多いのでとても嬉しく思います。<br />今日は、基礎のひとつである、HTMLファイルの拡張子についてのお話です。<br /><br />拡張子とは、ファイルの名前（ファイル名）の末尾につけられたファイルの種類を識別するための文字列です。ファイル名の本体と拡張子は "."（ピリオド、ドット）で区切られ、アルファベットと数字の組み合わせになっています。以前の古いOSでは3文字以内でなければなりませんでしたが、いまでは3文字以上の拡張子も広く使われています。<br /><br />拡張子 .htm または .html の由来は HTML（HyperText Markup Language）から来ています。<br />HTMLファイルの拡張子は、今では .html が使われていますが、以前の .htm でも違いはありません。どちらを使っても構わないでしょう。<br />ですが、やはりひとつのサイト内では拡張子を統一したほうが良いでしょう。<br /><br />また、拡張子が表示されない方は、<br />[スタート] - [コントロールパネル] - [フォルダオプション] - [表示]タブ<br />登録されている拡張子は表示しないのチェックを外すことで、表示させることができます。<br /><br /><br /><br /><br />]]>
    </content>
</entry>

<entry>
    <title>HTMLとXHTMLの違い</title>
    <link rel="alternate" type="text/html" href="http://www.hp-kaiketsu.com/htmlxhtml.html" />
    <id>tag:www.hp-kaiketsu.com,2010://1.189</id>

    <published>2010-11-27T08:47:00Z</published>
    <updated>2010-11-27T09:38:35Z</updated>

    <summary>ホームページを作りたいのですが、HTMLとXHTMLのどちらを勉強したら良いですか？</summary>
    <author>
        <name>hayashi</name>
        <uri>http://www.hp-kaiketsu.com/mt/mt-cp.cgi?__mode=view&amp;blog_id=1&amp;id=4</uri>
    </author>
    
        <category term="Html・xHtml" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://www.hp-kaiketsu.com/">
        <![CDATA[ホームページを作りたいのですが、HTMLとXHTMLのどちらを勉強したら良いですか？<br />]]>
        <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hayashi.jpg" src="http://www.hp-kaiketsu.com/2010/05/15/hayashi.jpg" class="mt-image-left" style="float: left; margin: 0pt 20px 20px 0pt;" height="63" width="71" /></span>こんにちは、林です。<br /><br />今年の冬は例年並みの寒さのようです。<br />インフルエンザが流行り始めているようですので、万全の体調でお過ごしください。<br /><br />HTMLとXHTMLでは、どちらを勉強したら良いですか？というご質問ですが、特に大きな違いはないのです。<br />XHTMLは基本的にHTMLのタグや属性を そのまま継承していますので、HTMLで勉強したことが無駄になることはありません。<br />ただ、XHTMLは記述のルールに沿って書かれていないと表示されないので、より正しいコードを書くことを勉強するにはXHTMLで勉強されることをおすすめします。<br /><br />もっとも大きな違いは<br />・冒頭にXML宣言とドキュメントタイプを記述する<br />・タグ内の要素名と属性名は必ず小文字で書く<br />・終了タグを記述する、空要素は最後にスラッシュを付加する<br />です。<br /><br />でも、難しく考えることはありません。<br />曖昧な記述でも許容されていたHTMLと違い、XHTMLは記述が厳格な分、<br />ルールが明確で分かりやすくなっていますよ。<br /><br /><br />]]>
    </content>
</entry>

</feed>

