<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>ホームページのテンプレート</title>
<link>https://ameblo.jp/homepage1/</link>
<atom:link href="https://rssblog.ameba.jp/homepage1/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>ホームページを作っていく過程を書いていきます。</description>
<language>ja</language>
<item>
<title>PC苦手な人でもホームページを自力で作成する方法６（枠の作り方の続き）</title>
<description>
<![CDATA[ いつもお読みいただき<br>ありがとうございます。<br><br>＜table＞の基本的な形は<br><br>＜table＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>でしたね。<br><br>枠を表示させるには、border="1"と加えます。<br><br>＜table border="1"＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>こうですね。<br><br>仮に、border="0"にすると枠が表示されなくなります。<br><br><br>続けて、枠の横幅を指定します。<br><br>横幅を指定するにはwidthという属性を使います。<br><br>例えば、300と指定する場合は、<br><br>＜table border="1" width="300"＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>となります。<br><br>どういうふうに表示されるかというと、<br>このようになります↓<br><br><br><br><br><br><table border="1" width="300"><tbody><tr><td><br>ホームページの作成方法<br><br></td></tr></tbody></table><br><br>続けて、<br><br>枠と文章の間に間隔を入れるには、<br>cellpaddingという属性を使います。<br><br>仮に、値を１０に設定します。<br><br>＜table border="1" width="300" cellpadding="10"＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>とすると、このように表示されます↓<br><br><br><br><br><br><table border="1" width="300" cellpadding="10"><tbody><tr><td><br>ホームページの作成方法<br><br></td></tr></tbody></table><br><br>続けて、枠の感覚を変更するには、<br>cellspacingという属性を使います。<br>値を２０に設定するとしたら、<br><br>＜table border="1" width="300" cellpadding="10" cellspacing="20"＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>このように表示されます↓<br><br><br><br><br><br><table border="1" width="300" cellpadding="10" cellspacing="20"><tbody><tr><td><br>ホームページの作成方法<br><br></td></tr></tbody></table><br><br>最後に、枠の縦幅を変更するには、<br>heightという属性を使います。<br>値を300に指定すると、<br><br>＜table border="1" width="300" height="300" cellpadding="10" cellspacing="20"＞<br>＜tr＞<br>＜td＞<br>ホームページの作成方法＜br＞<br>＜/td＞<br>＜/tr＞<br>＜/table＞<br><br>このように表示されます↓<br><br><br><br><br><br><table border="1" width="300" height="300" cellpadding="10" cellspacing="20"><tbody><tr><td><br>ホームページの作成方法<br><br></td></tr></tbody></table><br><br>このheightは、文章を増やしていけば、<br>自動的に縦幅も広がっていくので、<br>文章が多い場合は、<br>あえて使う必要はないかもしれません。<br><br><br>昨日も言いましたが、<br>tableはよく使うタグなので、<br>必ずマスターしておきましょう！<br><br><br>～～～～～～～～～～～～～～～～<br><br><strong>ホームページを格安で作成いたします。</strong><br><br>例）<br><br><a href="http://kyo-yobu.com" target="_blank">きょーよぶ出張整体院</a><br><a href="http://kyo-yobu.com/guitartop.html" target="_blank">TODAY</a><br><br><br><strong>見やすく、シンプルで、伝わるホームページを目指します。<br>お気軽にご相談ください。<br></strong>
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11475009109.html</link>
<pubDate>Thu, 21 Feb 2013 00:07:38 +0900</pubDate>
</item>
<item>
<title>PC苦手な人でもホームページを自力で作成する方法５（枠を作る）</title>
<description>
<![CDATA[ いつもお読みいただきありがとうございます。<br><br>今日は、枠を作る方法をお教えします。<br><br>枠を作るときは、＜table＞というタグを使います。<br><br>例えば「ホームページのテンプレート」<br>というフレーズを枠で囲うと・・・<br><br><br><br><br><table border="1"> <tbody><tr>  <td><br>ホームページのテンプレート<br><br>  </td> </tr></tbody></table><br>このようになります。<br><br><br>タグは下記になります。<br><br><br>＜table border="1"＞<br> ＜tr＞<br>  ＜td＞<br>ホームページのテンプレート<br>  ＜/td＞<br> ＜/tr＞<br>＜/table＞<br><br><br>れいによって、＜＞は<br>実際ご自身で打つときは半角にしてくださいね！<br><br><br>＜tr＞<br><br>は縦に枠を重ねることができ、<br><br>＜td＞<br><br>は横に枠を重ねることができます。<br><br>＜border="1"＞<br><br>で枠を作ることができます。<br><br>テーブルを扱うときは、border="1"<br>を使って枠を表示させておくと作りやすいですよ。<br><br>border="2" border="3"<br><br>と数字を上げていくと、<br>枠がさらにはっきりと表示されるようになります。<br><br>仮りに３にしたら、こういうふうになります↓<br><br><br><br><br><table border="3"> <tbody><tr>  <td><br>ホームページのテンプレート<br><br>  </td> </tr></tbody></table><br><br>この＜table＞タグは、ホームページ作成においては、<br>使う頻度が高いので、<br>今すぐ、マネしてやってみてくださいね！<br><br><br>
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11474342901.html</link>
<pubDate>Wed, 20 Feb 2013 01:55:33 +0900</pubDate>
</item>
<item>
<title>PC苦手な人でもホームページを自力で作成する方法　その４</title>
<description>
<![CDATA[ 今日は文字の色を変更したり、<br>大きくしたりするワザをお教えします。<br><br>例えば、文字の色を赤に変更するには、<br><br> ＜font color="red"＞ <br><br>というように ＜font＞ タグを使用します。<br><br>実際にあなたが使用する場合は、<br>「＜＞」は半角に直してくださいね。<br><br>「これはホームページのテンプレートです」<br><br>という文章で、「ホームページのテンプレート」だけを赤字にしたい場合は、<br><br>「この商品は、なんと＜font color="red"＞ ホームページのテンプレート＜/font＞です！」<br><br>というふうに打ちます。<br><br>実際にやるとこうなります。<br><br><br><font color="red">ホームページのテンプレート</font><br><br><br>次に、文字を太字 にするには、 ＜strong＞ というタグを使用します。<br><br><br>要領は同じで、太くしたい文字を ＜strong＞と ＜/strong＞で囲むだけです。<br><br><br><strong>ホームページのテンプレート</strong><br><br><br>太くなってるでしょ？<br><br><br>斜めにしたい文字には、 ＜em＞ ＜/em＞で囲みます。<br><br><br><em>ホームページのテンプレート</em><br><br><br>斜めかつ太字かつ赤字にしたければ、<br>今までのを全部使えばよいです。<br><br><br><font color="red"><em><strong>ホームページのテンプレート</strong></em></font><br><br><br>全部使うとこうなります。<br><br><br>文字に下線を入れるには、 ＜u＞＜/u＞ で囲みます。<br><br><br><u>ホームページのテンプレート</u><br><br><br>文字に打ち消し線を入れるには、 ＜s＞＜/s＞ で囲むと、<br><br><br><s>１００円</s>→１円<br><br><br>となります。<br><br><br>文字の大きさを変更するには、 <br>＜font size="4"＞ ＜/font＞ で囲みます。<br><br>size="4"の4を3にすれば小さくなり、<br>5にすれば大きくなります。<br><br>「ホームページのテンプレート」を上のタグで囲むと、<br><br><font size="3">ホームページのテンプレート</font><br><br>となります。<br><br>他にも文字のサイズを大きくするタグがあります。<br><br> ＜span style="font-size:15pt;"＞ホームページのテンプレート＜/span＞<br><br>このようにspanというタグで<br>文字サイズを指定することもできます。<br><br><br>試しにやってみてください。<br><br>今は「ふ～ん」て感じで読んでいるだけでしょうけれど、<br><br>実際にやってみると、<br><br>「おぉぉ！」となりますから！<br><br><br>それでは、今日はここまでにしますね。<br><br><br>今日も最後までお読みいただき<br>ありがとうございました！
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11471944562.html</link>
<pubDate>Sat, 16 Feb 2013 16:54:26 +0900</pubDate>
</item>
<item>
<title>PC苦手な人でもホームページを自力で作成する方法　その３</title>
<description>
<![CDATA[ 前回は、＜ｂｒ＞の使い方を最後にはさみましたが、<br>わかりましたか？<br><br>＜ｂｒ＞は開業するときに使うタグです。<br><br>タグとは何なのかは<br>ここの説明を読んでもらえれば<br>わかると思います。<br><br>http://e-words.jp/w/E382BFE382B0.html<br><br>文章だけのページでは、<br>この＜ｂｒ＞はバンバン使いますから、<br>辞書ツールに登録しておくといいですよ。<br><br>僕の場合、ｂと打てば<br>＜ｂｒ＞に変換されるように登録してあります。<br><br>毎回＜ｂｒ＞をいっこいっこ打っていたら<br>時間かかりますからね。<br><br>しょっちゅう打つ文字は、<br>辞書ツールに登録しておきましょう。<br>私のパソコンでは「単語/用例の登録」<br>という名称を選んで登録してます。<br><br>さて、ホームページを制作するにあたって、<br>メモ帳を開いてから、まず最初に打ち込んでいくものは<br>何かというと、<br><br>ヘッダーです。<br><br>ヘッダーとは、ヘッド、すなわち頭のことで、<br>ホームページの頭に掲載する情報のことをいいます。<br><br>どういうものかを見てみましょう。<br><br>私のホームページをサンプルページに使います。<br><br>http://kyo-yobu.com<br><br>そして、表示→ソースを選択してください。<br>ずら～っとややこしそうな文字が<br>羅列されてますよね。<br><br>下の画像がヘッダーになります。<br><br><a href="http://stat.ameba.jp/user_images/20130211/19/homepage1/8e/40/g/o0528015712415211439.gif"><img src="https://stat.ameba.jp/user_images/20130211/19/homepage1/8e/40/g/t02200065_0528015712415211439.gif" alt="$ホームページのテンプレート" border="0"></a><br><br><br>難しいことはここでは省略します。<br><br>とりあえず、こういうのを<br>頭にドーンと貼り付ければいいのです。<br><br>あなたがどういうホームページを作ろうと<br>しているのか分かりませんので、<br><br>とりあえず、下記にサンプルヘッダーを用意しました。<br><br><a href="http://stat.ameba.jp/user_images/20130211/19/homepage1/a1/77/g/o0530017312415211438.gif"><img src="https://stat.ameba.jp/user_images/20130211/19/homepage1/a1/77/g/t02200072_0530017312415211438.gif" alt="$ホームページのテンプレート" border="0"></a><br><br><br>これをメモ帳を起動させて貼り付けて保存してほしいのですが、<br>これは画像形式なので、残念ながら保存できません。<br>（じゃあ貼るなって？）<br><br>アメブロは、受け付けてもらえない文字が<br>ヘッダーの中にあるようなので、<br>画像にして表すしかなかったんです。<br><br>「まずはコピペして試させてほしい！」<br><br>という熱心な方は、コメントくだされば<br>メールでお送りしますね。<br><br>とりあえず、今日はここまでにします。<br><br>続きはまた次回ご説明しますね！<br><br><br>最後までお読みいただき、<br>ありがとうございました！
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11468470717.html</link>
<pubDate>Mon, 11 Feb 2013 18:07:33 +0900</pubDate>
</item>
<item>
<title>ど素人がホームページを自力で作成する方法　その２</title>
<description>
<![CDATA[ <p>ホームページのテーマや</p><p>伝えたいことはある程度まとまりましたか？</p><br><p>まとまったら、あとはもう作成するだけです。</p><br><p>その前に、ホームページというものが、</p><p>一体どうやって作られているのか、</p><p>その構造をのぞいてみましょう。</p><br><p>私のホームページを例に説明します。</p><br><p><a href="http://kyo-yobu.com">http://kyo-yobu.com</a></p><br><p>ここへ行って、サイドバー（左側のバー）にある</p><p>【ちょっと一言】に書いてある「こちら」をクリックしていただくと、</p><p>「腰痛は怒り」というタイトルのページが</p><p>別窓に開かれます。</p><br><p>そのページのどこでも構いませんから、</p><p>マウスを右クリックして、「ソースの表示」を選択してください。</p><br><p>そうすると、メモ帳が開かれましたよね？</p><br><p>わけの分からない英語みたいな文字が</p><p>ずら～っと書かれてますでしょ？</p><p>それがホームページの骨組みです。</p><br><p>いろんな表記で指定しているわけです。</p><p>何を指定しているのかというと、</p><p>それは、これからおいおい説明していくとして、</p><br><p>まずは、今見ているページは</p><p>全部文章ですよね？</p><br><p>そういうのなら、今すぐにでもできる、</p><p>ということを言いたいがために、</p><p>文章だけのページをまず</p><p>例として今見てもらっているのです。</p><br><p>では、いかに簡単かを</p><p>これから実際にやっていくので、</p><p>私にならってマネしてみてください。</p><br><p>まず、デスクトップの適当なところに</p><p>マウスポインタをおいて</p><br><p>右クリック→新規作成→メモ帳（もしくはテキスト文書）</p><br><p>を選択してください。</p><br><p>(メモ帳の起動方法については、個人のパソコンの仕様によります。</p><p>スタート→プログラム→アクセサリ→メモ帳</p><p>という順番とかの場合もありますので、ご確認ください）</p><br><p>メモ帳を開いたら、</p><p>「ホームページは簡単！」</p><p>と打ってみてください。</p><br><p>そして、ファイル→名前を付けて保存、を選択して、</p><p>ファイル名は「index.html」とし、ファイルの種類は</p><p>「HTML文書」、保存する場所は</p><p>デスクトップを選択してください。</p><br><p>どうですか？見覚えるのあるアイコンが</p><p>デスクトップに保存されてますよね？</p><br><p>私の場合はブラウザはIEを使っているので</p><p>こんなのが↓</p><p><br><a href="http://stat.ameba.jp/user_images/20130210/00/homepage1/06/6f/j/o0061005112412631400.jpg"><img border="0" alt="ホームページのテンプレート-index.htmlのアイコン" src="https://stat.ameba.jp/user_images/20130210/00/homepage1/06/6f/j/t00610051_0061005112412631400.jpg"></a><br></p><p>で、ダブルクリックすると、</p><p>先ほど打った文字が書かれてるでしょ？</p><br><p>これで完成です。</p><br><p>あとは、世界中の人に見てもらうために、</p><p>サーバーとドメインを取得するだけ。</p><br><p>ドメインは、自分が作ったホームページの</p><p>住所みたいなものです。</p><br><p>真っ白なページであれば、</p><p>こうやってすぐ出来上がります。</p><br><p>試しに、メモ帳の続きで、</p><p>自分の書きたい文章を打ってみてください。</p><br><p>改行するときは、文章の末尾に&lt;br&gt;と打ってください。</p><br><p>例えば、</p><br><p>「ホームページは簡単！なぜなら、ただパーツを組み合わせているだけだから」</p><br><p>という文章を、簡単！の所で改行する場合は、</p><br><p>ホームページは簡単！&lt;br&gt;</p><br><p>と打てばOK｡</p><br><p>これで、index.htmlを開くと、</p><p>ちゃんと改行されて表示されているはずです。</p><br><p>やってみてね！</p>
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11467300918.html</link>
<pubDate>Sat, 09 Feb 2013 23:20:20 +0900</pubDate>
</item>
<item>
<title>ど素人がホームページを自力で作成する方法　その１</title>
<description>
<![CDATA[ まず、最初に現在、完成させた<br>私のホームページをご覧ください。<br><br>http://kyo-yobu.com<br><br>どうでしょうか？<br><br>完全に初心者から始めました。<br>完成するまで１ヶ月もかかっていません。<br><br>こんな私でもできるのだから、<br>あなたももちろんできます。<br><br>ホームページを作成する知識が身につけば、<br>一生ものです。<br><br>どんどん勉強して、ウェブデザイナーとして<br>独立することも可能でしょう。<br><br>人間は４つの学習タイプに分けられます。<br><br>「なぜ」タイプ<br>「なに」タイプ<br>「どうやって」タイプ<br>「今すぐ」タイプ<br><br>私の場合は、今すぐタイプなので、<br><br>さっさと作りたいのと、<br>早急にホームページが必要だったので、<br>1ヶ月かけずに仕上げました。<br><br>あなたがどのタイプかわかりませんが、<br>とりあえず、このブログでは<br>最短できるように書いていくつもりです。<br><br>まずは、あなたが作りたいホームページの<br>テーマを決めます。<br><br>事業を起こしたい人なら<br>事業書を先に書いておくといいと思います。<br>私は、せっかちなので、<br>作りながら考えていました。<br><br>そうすると、テーマがぶれてしまったり、<br>コンテンツも定まらなかったりして、<br>効率が悪いんですよ。<br><br>事業計画書があれば、<br>それにそってホームページを<br>構築していけばいいですからね！<br><br>自分の趣味のホームページとかでも、<br>同じように、ある程度テーマを決めて、<br>５項目くらいにコンテンツを分けておくと<br>いいですよ。<br><br>私のホームページでいうと、<br>コンテンツは、サイドバー（左側にあるバー）には、<br><br>トップページ<br>メニュー・料金<br>施術までの流れ<br>プロフィール<br>話し相手サービス<br>ご予約・お問合せ<br>始めての方へ<br>お客様の声<br><br>８つに分類しています。<br><br>そして、出張整体がメインの仕事ですが、<br>話し相手サービスと整体を<br>合体させた業界初のこだわり院<br>であることを前面に出しています。<br><br>あとは、キャッチコピーを決めましょう。<br><br>きょーよぶ出張整体院の場合だと、<br><br><br>　「あなたが辛い時、駆けつけてくれる専属セラピストはいますか？」<br><br>　「東京初！整体と話し相手サービスが合体した１日３名様限定のこだわり出張整体！」<br>　<br>　「東京全域、出張料・交通費無料！」<br><br><br>とかになります。<br><br><br>こういうのは、頭の中でおぼろげに考えながらやると<br>ダメなんですよね。<br><br>なので、紙と鉛筆を用意して<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>https://ameblo.jp/homepage1/entry-11466188774.html</link>
<pubDate>Fri, 08 Feb 2013 11:26:31 +0900</pubDate>
</item>
<item>
<title>ど素人がホームページを自力で作成する方法（はじめに）</title>
<description>
<![CDATA[ <p>ついに自分でホームページが作れるようになった。</p><br><p>ちょっと前の自分では考えられないことだ。</p><br><p>ホームページビルダーとか</p><p>一応パソコンの中に入ってはいるが、</p><p>使った試しがない。</p><br><p>おそらく今後も使うことはないだろう。</p><p>（なのに、アンインストールできない）</p><br><p>タグを一つ一つ覚えることによって、</p><p>そんなソフトを使わずとも</p><p>ホームページは作成できるのである。</p><br><p>極論をいえば、タグなんて覚えなくても、</p><p>今は、ホームページを無料で作れるサイトは</p><p>あちこちに存在する。</p><br><p>しかし、広告がベタベタ表示されてしまう。</p><p>言っちゃ悪いが、あれが目障りなのだ。</p><br><p>それに、そういう所を使っているうちは、</p><p>いつまで経ってもスキルが身につかない。</p><br><p>知識やスキルは一生ものである。</p><br><p>一度身につけてしまえば、</p><p>それは財産になり、</p><p>何かに頼る必要がなくなる。</p><br><p>このブログでは、</p><p>ホームページを自力で作り上げていく過程を</p><p>書いていきます。</p><br><p>あなたもマネしてやっていけば、</p><p>必ず作れるようになるわけです。</p><br><p>取り扱い説明書を読むのが</p><p>最も嫌いな私なので、</p><br><p>できるだけ最短で、</p><p>サクサクとホームページが作成できないものかと、</p><p>試行錯誤しながら、</p><p>時には、面倒くさそうな作業は</p><p>独断と偏見で飛ばしたり、省いたり、</p><p>感覚で先に進むことがあると思いますが、</p><br><p>「いい、いい！そういうの！」</p><br><p>と賛同してくれる方なら、</p><p>このブログはあなたに向いている</p><p>情報発信源になると思います。</p><br><p>ポチポチ更新していきますので、</p><p>なるべくチェックしてくださいね！</p><br><br>
]]>
</description>
<link>https://ameblo.jp/homepage1/entry-11465457862.html</link>
<pubDate>Thu, 07 Feb 2013 11:14:33 +0900</pubDate>
</item>
</channel>
</rss>
