<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
   <channel>
      <title>無料テンプレートでホームページ作成ウェブ講座</title>
      <link>http://hp.riristyle.com/</link>
      <description>無料テンプレートを使ったホームページ作成ウェブ講座</description>
      <language>ja</language>
      <copyright>Copyright 2008</copyright>
      <lastBuildDate>Wed, 02 Apr 2008 11:52:18 +0900</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>キーワードとページの説明をヘッダーに埋め込む</title>
         <description><![CDATA[ホームページのキーワードを、HTMLのヘッダーに記述することで、<br />
キーワードを埋め込むことができます。<br />
<br />
また、ページの説明も、HTMLのヘッダーに記述することで、<br />
ページの説明を埋め込むことができます。<br />
<br />
<xmp class="so-su">
<meta name="keywords" content="無料,テンプレート,ホームページ,作成,ウェブ,講座" />
<meta name="description" content="無料テンプレートでコストをかけずにホームページ作成できるウェブ講座"/>
</xmp>
<br />
これを埋め込むことは、SEO対策にも有効です。<br />
また、検索エンジンの検索結果は、descriptionの内容が表示されます。<br />
（YST結果が表示されているってことは、最低でもYSTには影響があるってことですね）<br />
<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/header1.gif" alt="検索結果">
]]></description>
         <link>http://hp.riristyle.com/archives/post-19.html</link>
         <guid>http://hp.riristyle.com/archives/post-19.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">テクニック</category>
        
        
         <pubDate>Wed, 02 Apr 2008 11:52:18 +0900</pubDate>
      </item>
            <item>
         <title>トップページ以外を作成</title>
         <description><![CDATA[<h2 class="sub">まず、ファイルを作成</h2>
<p class="indent">
トップページが完成したら、<br />
次に、トップページ以外（クリック先）のページを作成します。<br />
<br />
初めに、トップページのファイルをコピーして、<br />
それをテンプレートとして、作成して行くので、<br />
トップページのファイルをコピーします。<br />
<br />
トップページを選択してコピー<br />
<img class="box" src="../image/step/step4-1.gif" style="margin-bottom:5px;" alt="トップページを選択してコピー"><br />
貼り付け<br />
<img class="box" src="../image/step/step4-2.gif" style="margin-bottom:5px;" alt="貼り付け"><br />
ファイル名変更<br />
<img class="box" src="../image/step/step4-3.gif" style="margin-bottom:5px;" alt="ファイル名変更"><br />
<br />
次に、名前の変更したファイルのソースを修正します。
</p>


<br />


<h2 class="sub">トップページ同様ファイルを作成する</h2>
<p class="indent">
ファイル名を変更したら、<br />
次に、トップページと同様に、テキストエディタとブラウザを開いて、ソースを修正します。<br />
（もちろん、トップページファイルをコピーしたので、最初のソースは、トップページと同じです）<br />
<a class="a-url" href="post-17.html">トップページを完成させる</a>
</p>]]></description>
         <link>http://hp.riristyle.com/archives/post-18.html</link>
         <guid>http://hp.riristyle.com/archives/post-18.html</guid>
        
        
         <pubDate>Mon, 17 Mar 2008 16:16:32 +0900</pubDate>
      </item>
            <item>
         <title>トップページを完成させる</title>
         <description><![CDATA[<h2 class="sub">HTMLを理解しながら、コンテンツ（タグも含む）を入れて行く</h2>
<p class="indent">
テンプレートには、コンテンツがサンプルとして、少しあるだけです。<br />
これを削除して、自分のホームページコンテンツを入れて下さい。<br />
<br />
コンテンツを入れていく時には、<br />
ブラウザ（実際にネットで表示される画面）とテキストエディタ（htmlソースが表示される画面）の両方を開いて、<br />
テキストエディタに少しずつコンテンツを記述して、<br />
ブラウザで確認するという作業を繰り返します。<br />
<br />

<table>
<tr>
<td valign="top">

【テキストエディタ】ソース変更<br />
<img style="margin-bottm:5px;" class="box" src="http://hp.riristyle.com/image/step/step3-1.gif" alt="テキストエディタでhtmlソース記述1"><br />
【ブラウザ】更新ボタン後、確認<br />
<img style="margin-bottm:5px;" class="box" src="http://hp.riristyle.com/image/step/step3-2.gif" alt="ブラウザで更新ボタンを押して、表示されているか確認2"><br />
【テキストエディタ】ソース変更<br />
<img style="margin-bottm:5px;" class="box" src="http://hp.riristyle.com/image/step/step3-3.gif" alt="テキストエディタでhtmlソース記述3"><br />
【ブラウザ】更新ボタン後、確認<br />
<img style="margin-bottm:5px;" class="box" src="http://hp.riristyle.com/image/step/step3-4.gif" alt="ブラウザで更新ボタンを押して、表示されているか確認4"><br />

</td>
<td valign="top">
①テキストエディタでhtmlソース記述<br />
②テキストエディタを保存<br />
③ブラウザで更新ボタンを押して、<br />
　　表示されているか確認<br />
　↓<br />
④テキストエディタでhtmlソース記述<br />
⑤テキストエディタを保存<br />
⑥ブラウザで更新ボタンを押して、<br />
　　表示されているか確認<br />
　↓<br />
以下、これを繰り返します。<br />
</td>
</tr>
</table>

<br />

<br />
すると、トップページが完成します。
</p>]]></description>
         <link>http://hp.riristyle.com/archives/post-17.html</link>
         <guid>http://hp.riristyle.com/archives/post-17.html</guid>
        
        
         <pubDate>Mon, 17 Mar 2008 14:28:53 +0900</pubDate>
      </item>
            <item>
         <title>wordpressでのテーマカスタマイズ（トップと記事を分ける）</title>
         <description><![CDATA[wordpressでのテーマカスタマイズ。<br />
<br />
トップページと記事のページで表示を分けたい時。。。<br />
<br />
まずは、トップページのみ表示させる場合
<xmp class="so-su">
<?php if(is_home()) { ?>
表示させたい内容
<?php } ?>
</xmp>
<br />
次は、記事ページのみ表示させる場合
<xmp class="so-su">
<?php if(is_single()) { ?>
表示させたい内容
<?php } ?>
</xmp>]]></description>
         <link>http://hp.riristyle.com/archives/wordpress.html</link>
         <guid>http://hp.riristyle.com/archives/wordpress.html</guid>
        
        
         <pubDate>Tue, 11 Mar 2008 19:17:53 +0900</pubDate>
      </item>
            <item>
         <title>wordpressテンプレート[wp001-1]</title>
         <description><![CDATA[<img src="http://hp.riristyle.com/image/tmp/screenshot-wp001-1.png" alt="wordpressテンプレート[wp001-1]"><br />
<br />
wordpressのテンプレートです。<br />
デザイン的には、個人ブログ向けのテンプレートです。<br />
<br />
<a href="http://hp.riristyle.com/wp001-1.lzh">
<img src="http://hp.riristyle.com/image/tmp/btn-dr.gif" alt="ダウンロード"></a>
<br />
ダウンロードはこちらから。。。]]></description>
         <link>http://hp.riristyle.com/archives/wp001-1.html</link>
         <guid>http://hp.riristyle.com/archives/wp001-1.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">テンプレート</category>
        
        
         <pubDate>Tue, 11 Mar 2008 18:38:16 +0900</pubDate>
      </item>
            <item>
         <title>ひらがなに変換するウェブブラウザ</title>
         <description><![CDATA[<a href="http://headlines.yahoo.co.jp/hl?a=20080310-00000003-imp-sci" target="_blank">http://headlines.yahoo.co.jp/hl?a=20080310-00000003-imp-sci</a><br />
<br />
富士通ラーニングメディアから、<br />
ひらがなに変換するブラウザが登場しました！！<br />
<br />
小学生向けに漢字をひらがなに変換するブラウザみたいです。。。<br />
<br />
自分が小学生の時には、ネットもなかったのに・・・<br />
<br />
<a href="http://headlines.yahoo.co.jp/hl?a=20080310-00000003-imp-sci" target="_blank">http://headlines.yahoo.co.jp/hl?a=20080310-00000003-imp-sci</a><br />]]></description>
         <link>http://hp.riristyle.com/archives/post-16.html</link>
         <guid>http://hp.riristyle.com/archives/post-16.html</guid>
        
        
         <pubDate>Tue, 11 Mar 2008 01:37:32 +0900</pubDate>
      </item>
            <item>
         <title>SSL(エスエスエル)とは</title>
         <description><![CDATA[Secure Socket Layer　の略で、簡単に言うと、通信を暗号化して、<br />
通信を安全に行うことです。<br />
<br />
Yahoo!家電の説明を引用。<br />
<div class="box">
Netscape Communications社が開発した、インターネット上で情報を暗号化して送受信するプロトコル。現在インターネットで広く使われているWWWやFTPなどのデータを暗号化し、プライバシーに関わる情報やクレジットカード番号、企業秘密などを安全に送受信することができる。SSLは公開鍵暗号や秘密鍵暗号、デジタル証明書、ハッシュ関数などのセキュリティ技術を組み合わせ、データの盗聴や改ざん、なりすましを防ぐことができる。OSI参照モデルではセッション層(第5層)とトランスポート層(第4層)の境界で動作し、HTTPやFTPなどの上位のプロトコルを利用するアプリケーションソフトからは、特に意識することなく透過的に利用することができる。SSL 3.0をもとに若干の改良が加えられたTLS 1.0がRFC 2246としてIETFで標準化されている。
</div>
<br />
ショッピングサイトや会員サイトなどは、<br />
どうしても個人情報を扱うサイトとなるので、セキュリティは、必須です。<br />
<br />
確認する方法としては、<br />
<span class="red">http://</span> から <span class="red">https://</span> と『s』が入っていることと、<br />
<br />
ブラウザに鍵マークが付くことです。<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/burauza-kagi1.gif" alt="鍵マーク">]]></description>
         <link>http://hp.riristyle.com/archives/ssl.html</link>
         <guid>http://hp.riristyle.com/archives/ssl.html</guid>
        
        
         <pubDate>Mon, 10 Mar 2008 20:24:16 +0900</pubDate>
      </item>
            <item>
         <title>Yahoo!ブックマークに登録・追加</title>
         <description><![CDATA[自分のホームページをYahoo!ブックマークに登録してもらう為に、<br />
自分のホームページにブックマーク登録のボタンを設置しましょう。<br />
<br />
※　ブックマークとは、お気に入りをネット上で共有するものです。<br />
<br />
今までは、下のように自分のPC内でお気に入りを登録していたと思います。<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/okiniiri1.gif" alt="お気に入り"><br />
<br />
これをネット上で共有して、<br />
お気に入りサイトを皆にも有効活用してもらおうと言うものです。<br />
周りのみんながどんなサイトをブックマークしているのか気になりますよね！！<br />
<br />
そのお気に入りに登録（ブックマーク）する作業を簡単にしてくれるのが、<br />
ブックマークの登録ボタンです。<br />
<br />
是非、自分のホームページもせっかくだから、<br />
ブックマークに登録してもらいましょう。。。<br />
<br />
まず、http://bookmarks.yahoo.co.jp/settings/ にアクセスします。<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/bookm1.gif" alt="ブックマークの設定URL"><br />
<br />
下記を選択。<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/bookm2.gif" alt="ブログパーツ"><br />
<br />
下記のHTMLソースを選択してコピーする。<br />
<img class="box" src="http://hp.riristyle.com/image/kizi/bookm3.gif" alt="「Yahoo!ブックマークに登録」ボタン・アイコン"><br />
<br />
それを自分のホームページのソースに貼り付ければOKです。<br />
]]></description>
         <link>http://hp.riristyle.com/archives/yahoo.html</link>
         <guid>http://hp.riristyle.com/archives/yahoo.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">ホームページに機能を追加</category>
        
        
         <pubDate>Sat, 08 Mar 2008 17:17:58 +0900</pubDate>
      </item>
            <item>
         <title>無料テンプレートとは</title>
         <description><![CDATA[テンプレートとは、英語で 『template』 と記述します。<br />
<br />
雛形と言えば分かりやすいでしょうか！？<br />
<br />
「ある程度の形が作成されていて、
それを自分用に作りかえれば、すぐに作品が完成する」<br />
というイメージのものです。<br />
<br />
<br />
当サイトでは、そのホームページの雛形を<span class="red">無料</span>で用意しています。<br />
<br />
テンプレートを利用することによって、<br />
ゼロからホームページを作成する手間を省くだけでなく、<br />
プロが作成したテンプレートですので、<br />
SEOもばっちり対策してあるので、<br />
検索エンジンからの訪問者を少しでも獲得しやすくなっています。<br />
<br />
<br />
ホームページのタグやスタイルシート(CSS)の書き方を覚えることは、<br />
<span class="pickup">他人のソースを見て理解することが一番の近道です</span>！！<br />
<br />
ですので、当サイトのテンプレートを利用して、<br />
タグの習得を行うことができると思います。<br />
<br />
ホームページ制作会社にお願いすることは、とても良い方法だと思います。<br />
その前に、制作会社の方としっかり会話できるようになる為にも、<br />
一度、テンプレートを触ってみてはどうでしょうか！？<br />
ホームページの雰囲気がつかめると思います。<br />
<br />
また、「ホームページを自力で運営して行きたい」という人は、是非、お問い合わせ下さい！！<br />
<br />
当サイト管理人は、そのような方に、少しでもお役に立てればと思っています。<br />
<br />
・自分の会社のホームページ立ち上げたい方<br />
・個人的なホームページを立ち上げたい方<br />
・商用サイトを立ち上げたい方<br />
などなど<br />
<br />
まずは、ご相談のみでも構いませんよ！！<br />
そのような積極的な方のご相談は、大歓迎です！！<br />
<br />
なお、管理人も人の子ですので、<br />
何でもかんでも知っている訳ではありませんので、<br />
ご質問にお答えできない場合がありますが、できる限りお答えしたいと思います。]]></description>
         <link>http://hp.riristyle.com/archives/post-15.html</link>
         <guid>http://hp.riristyle.com/archives/post-15.html</guid>
        
        
         <pubDate>Sat, 08 Mar 2008 16:39:30 +0900</pubDate>
      </item>
            <item>
         <title>[ヤフーの検索エンジン]YST update 実施しました</title>
         <description><![CDATA[2008/03/05にYahooの検索エンジンがアップデートしました。<br />
⇒　<a href="http://searchblog.yahoo.co.jp/2008/03/yst_update_9.html" target="_blank">http://searchblog.yahoo.co.jp/2008/03/yst_update_9.html</a><br />
<br />
検索エンジンのアップデートとは、<br />
色んなソフト（ワードやエクセル）なども機能がアップしていっているように、<br />
検索エンジンもバージョンアップして、機能追加や情報の更新が行われていることです。<br />
<br />
ですので、アップデートしたことで今後、検索結果の順位に変動があります。<br />
<br />
変動は、その時々の、アップデートした内容によりますが、<br />
多かれ少なかれ多少は、影響があると思います。<br />
<br />
ちなみに・・・<br />
昨年の2007年10月くらいアップデートの時には、<br />
かなりの順位変動があったのは、記憶に新しいと思います。<br />
当サイトの管理人の運営サイトも影響がありました^^；<br />
<br />
このサイトは、<br />
現在、『無料テンプレート ホームページ』というキーワードで、<br />
YST結果、約17,300,000件中【第7位】です。<br />
<br />
第1位になるまでは、頑張らなくては・・・^^；<br />]]></description>
         <link>http://hp.riristyle.com/archives/yst-update.html</link>
         <guid>http://hp.riristyle.com/archives/yst-update.html</guid>
        
        
         <pubDate>Sat, 08 Mar 2008 11:59:43 +0900</pubDate>
      </item>
            <item>
         <title>ホームページで成功する秘訣</title>
         <description><![CDATA[・SEO<br />
・LPO<br />
・オーバーチュア<br />
・相互リンク<br />
・ブログを書く<br />
・タイトルの見直し<br />
・キーワードアドバイスツールを有効活用<br />]]></description>
         <link>http://hp.riristyle.com/archives/post-14.html</link>
         <guid>http://hp.riristyle.com/archives/post-14.html</guid>
        
        
         <pubDate>Thu, 06 Mar 2008 13:14:01 +0900</pubDate>
      </item>
            <item>
         <title>ホームページの運営とコツ</title>
         <description><![CDATA[定期的に更新を行おう！！<br />
ソフトを活用し、作業の効率良くする！！<br />
アクセスアップを目指そう！！<br />
相互リンクでアクセスアップ！！<br />
アクセス解析を導入し、傾向をつかもう！！<br />]]></description>
         <link>http://hp.riristyle.com/archives/post-13.html</link>
         <guid>http://hp.riristyle.com/archives/post-13.html</guid>
        
        
         <pubDate>Wed, 05 Mar 2008 18:23:33 +0900</pubDate>
      </item>
            <item>
         <title>トップページの基本を作成</title>
         <description><![CDATA[<h2 class="sub">「準備」内容を再度確認</h2>
<p class="indent">
実際に作業に取り掛かる前に、再度、「準備」内容を確認しておこう！！<br />
<a class="a-url" href="http://hp.riristyle.com/archives/post-12.html">ホームページ作成の準備</a>
</p>


<br />


<h2 class="sub">画面遷移図を作成</h2>
<p class="indent">
画面遷移図とは、「画面を遷移していく図」のことです。<br />
（って、そのままですが。。。）<br />
<br />
これは、ノートと鉛筆で、紙の上に書いても構いません。<br />
トップページがあって、メニューなどのリンクをクリックすると、<br />
次に、どんなページに移動するかを明確にします。
</p>


<br />


<h2 class="sub">テンプレートをダウンロードしよう</h2>
<p class="indent">
ホームページは、全く何も無いゼロから自分で作成しても構いません。<br />
でも、少しでも作成されたものがあれば、とても簡単に作業を開始できます。<br />
また、他人の作成したソースと見て理解することが、<br />
htmlを理解するのに最も近道だと思います。<br />
<br />
ということで、当サイトでご用意したテンプレートからお好きなものをダウンロードして下さい。<br />
<a class="a-url" href="http://hp.riristyle.com/archives/list.html">テンプレート一覧</a><br />
</p>


<br />


<h2 class="sub">ダウンロードしたファイルを解凍</h2>
<p class="indent">
ダウンロードしたファイルは、圧縮されています。<br />
<br />
圧縮とは、データが容量が大きい場合、ファイルの数が多い場合などに、<br />
それらを「ギュッっと圧縮してデータのサイズ（容量）を小さくすること」です。<br />
これを解凍すると圧縮する前の状態に戻ります。<br />
（解凍は、解凍ソフトで簡単にできます！！）<br />
<br />
圧縮解凍ソフトは、ネット上にフリー（無料）でありますので、それを活用して下さい。<br />
<!--
<a class="a-url" href="http://hp.riristyle.com/archives/list.html">テンプレート一覧</a><br />
-->
</p>


<br />




<h2 class="sub">解凍したらファイルを確認</h2>
<p class="indent">
解凍したら、どんなファイルがあるか確認します。<br />
基本的には、<br />
【HTMLファイル】index.html<br />
【CSSファイル】style.css<br />
【画像ファイル】●●●.gif、●●●.jpg<br />
などがあります。<br />
<!--
<a class="a-url" href="http://hp.riristyle.com/archives/list.html">テンプレート一覧</a><br />
-->
</p>


<br />


後は、コンテンツを入れると、トップページが完成！！<br />


<br />


<table class="next" cellspacing="1" cellpadding="5">
<tr>
<th valign="middle">NEXT</th>
<td valign="middle"><a href="html-1.html">トップページを完成させる</a></td>
</tr>
</table>


<!--
■ htmlを理解しながら、トップページを作成する<br />
　・タイトルバーにホームページのタイトルを表示させる<br />
　・htmlの基本となるタグを理解する<br />
　・見出しを表示させる<br />
　・テキストを表示させる<br />
　・画像を表示させる<br />
　・背景を付ける<br />
　・テーブルを使って（デザイン）レイアウトする<br />
<br />
■ リンク先のページを作成する<br />
　・ページを移動する為のリンクを作成する<br />
　・リンク先のページを作成する<br />
-->]]></description>
         <link>http://hp.riristyle.com/archives/post-12.html</link>
         <guid>http://hp.riristyle.com/archives/post-12.html</guid>
        
        
         <pubDate>Wed, 05 Mar 2008 11:15:49 +0900</pubDate>
      </item>
            <item>
         <title>ホームページの基礎知識と作成前の準備</title>
         <description><![CDATA[【知識】<a href="http://hp.riristyle.com/archives/html-1.html">ホームページとはhtmlファイル</a><br />
【知識】<a href="http://hp.riristyle.com/archives/html-2.html">htmlファイルとはタグで構成されている</a><br />
【知識】<a href="http://hp.riristyle.com/archives/post-10.html">ファイル名の付け方の規則</a><br />
【知識】<a href="http://hp.riristyle.com/archives/ftphtml.html">htmlをサーバーにアップするとネット上に公開</a><br />
【流れ】<a href="http://hp.riristyle.com/archives/post-9.html">ホームページ作成の基本的な流れ</a><br />
【準備】<a href="http://hp.riristyle.com/archives/post.html">ホームページに掲載する画像・素材収集</a><br />
【準備】<a href="http://hp.riristyle.com/archives/post-6.html">パソコン設定は拡張子を表示</a><br />]]></description>
         <link>http://hp.riristyle.com/archives/post-11.html</link>
         <guid>http://hp.riristyle.com/archives/post-11.html</guid>
        
        
         <pubDate>Wed, 05 Mar 2008 02:37:45 +0900</pubDate>
      </item>
            <item>
         <title>テンプレート[tmp001-2]</title>
         <description><![CDATA[<img class="box" src="../image/tmp/tmp001-2.gif" alt="テンプレート001-2"><br />
<br />
tmp001-1のグレーバージョン！！<br />
<br />
htmlソースの領域を赤枠で囲ってあります。<br />
ホームページ作成時に参考にして下さい^0^/<br />
<br />

<img class="box" src="http://hp.riristyle.com/image/tmp/tmp001-2-aka.gif" alt="レイアウト説明" /><br />
<br />
<img class="box" src="http://hp.riristyle.com/image/tmp/tmp001-1-so-su.gif" alt="htmlソース" width=450 /><br />
<br />
自力でホームページ運営する為にも、<br />
どこに何が書いてあるか把握してみよう！！]]></description>
         <link>http://hp.riristyle.com/archives/tmp001-2.html</link>
         <guid>http://hp.riristyle.com/archives/tmp001-2.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">テンプレート</category>
        
        
         <pubDate>Wed, 05 Mar 2008 00:16:46 +0900</pubDate>
      </item>
      
   </channel>
</rss>
