<?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/12627-1/</link>
<atom:link href="https://rssblog.ameba.jp/12627-1/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>ホームページの製作過程を書いていきます。</description>
<language>ja</language>
<item>
<title>第4回　サイドバーを修正する。</title>
<description>
<![CDATA[ <p target="_blank"><strong><font size="2">前回と同様に</font> </strong><a href="http://toretama.jp/template/order.html"><font size="2"><strong target="_blank">【自分で更新できる最短ホームページテンプレート】</strong></font></a> <strong><font size="2">の記事の</font></strong></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>中にあるWebページの動画解説に従がって作業しました</strong>。</font></p><p><font size="2"><br></font></p><p><font size="2"><br><strong>　</strong></font><font color="#0000ff" size="4"><strong>*　サイドバーに文字を入力修正する。</strong></font></p><p><font size="2"><strong><br></strong></font></p><p><font size="2"><strong>1.　まず、テンプレートのホルダー内にある(<font size="3">side.html</font>)というファイルを右</strong></font></p><p><strong><font size="2">　　クリック</font><font size="2">して編集をクリックして開く。</font></strong></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>2.　ここでは、説明しがたいのですが動画による説明にしたがって文字の入</strong></font></p><p><strong><font size="2">　　れ替え</font><font size="2">をするだけです。</font></strong></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2">　<font color="#0000ff" size="4"><strong>*　”お気に入り”を修正する。</strong></font></font></strong></p><br><p><strong><font size="2">　①　ここはホームページのURLを所定箇所に記入すればよいのですが、まだ</font></strong></p><p><strong><font size="2">　　　ホームページのドメインを取得してない段階では自分のURLがないので</font></strong></p><p><strong><font size="2">　　　取得してから記入することにする。</font></strong></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2">　②　ホームページのタイトルを所定箇所記載する。</font></strong></p><p><strong><font size="2">　　　これにより”お気に入り”を押したときにタイトルが表示される。</font></strong></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2"><br></font></strong></p><strong><font size="2"><p><strong><font size="2"><font color="#ff0000"><font size="4">✰　</font><font size="3">このサイドバーについては<font color="#0000ff">(side.html</font></font></font></font><font size="3"><font color="#0000ff">)<font color="#ff0000">の</font><font color="#ff0000">箇所を換えるだけで</font></font></font></strong></p><p><font color="#ff0000" size="3">　　　全てのページに反映されるので手間が省ける。</font></p><p><font color="#ff0000" size="3">　　　この点がいままでやってきた変更方法とは大きな違いで　　　　　　　</font></p></font></strong><p><strong><font color="#ff0000" size="3">　　　ある。<br></font></strong></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2">　</font></strong></p><p><strong><font color="#0000ff" size="4"><br></font></strong></p><p><font size="2">　　　</font></p>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11209929106.html</link>
<pubDate>Sun, 01 Apr 2012 11:01:31 +0900</pubDate>
</item>
<item>
<title>第3回　ホームページのコンテンツバーに各ページの名前を入力</title>
<description>
<![CDATA[ <span style="FONT-SIZE: 14px"><span style="FONT-SIZE: 18px"><strong>タイトルバー下のコンテンツバーに各ページの名前を入力<br><br></strong><strong><font size="2">･　<font color="#0000ff">秀丸</font>によりファイルを開き<font color="#0000ff">HTML</font>の修正作業をした。<br><br>　　この作業は第2回の作業と同じようなことなので簡単にできた。<br>　　HTMLの変更は決まった形式として覚えるしかないと思うが<br>　　　</font></strong><a href="http://www.infotop.jp/click.php?aid=192491&amp;iid=23907"></a><a></a><a title="" href="http://toretama.jp/template/order.html" target="_blank">【自分で更新できる最短ホームページテンプレート】</a><font size="2"> </font><strong><font size="2">　<br>　　に基づいてテンプレート内の一部を動画による説明により変更（置き換える）するだけなので<br>　　簡単にできた。</font></strong><font color="#0000ff"><br></font><br>　　<strong>1.　コンテンツバーにページ名を入力　　<br>　　2.　コンテンツバーの色の変更<br>　　3.　トップページの変更を他のページファイルへ<font size="2"><font color="#0000ff">コピー＆ペースト</font>にて修正した。</font><p><strong><font size="2"></font></strong>&nbsp;</p></strong>　<br><br><br><br><br><p style="MARGIN: 1.5pt; TEXT-AUTOSPACE: " class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 10pt; mso-spacerun: 'yes'"></span><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><!--?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /--><o:p></o:p></span>&nbsp;</p><!--EndFragment--></span></span>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11209339162.html</link>
<pubDate>Sat, 31 Mar 2012 19:39:23 +0900</pubDate>
</item>
<item>
<title>第2回　タイトルバー文字と画像を掲載する作業。</title>
<description>
<![CDATA[ <p><font size="2"><a href="http://toretama.jp/template/order.html"><font size="2"><strong target="_blank">【自分で更新できる最短ホームページテンプレート】</strong></font></a> </font></p><p><font size="2"><strong>の動画解説に従って</strong></font></p><p><strong><font size="2"><br></font></strong></p><p><font size="2"><strong>　前回に引き続き今回は次のような事をやりました。</strong></font></p><p><font size="2"><br></font></p><p><font size="2"><br><strong>･　<font color="#0000ff">秀丸</font>によりファイルを開き<font color="#0000ff">HTML</font>の修正作業をした。</strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>　　1．　タイトルバーにタイトルの<font color="#0000ff">文字を挿入</font>する。</strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>　　2．　タイトルバーに<font color="#0000ff">画像を挿入</font>する。</strong></font></p><p><strong><font size="2"><br></font></strong></p><p><strong><font size="2">　　3．　スタイルシート（<font color="#0000ff">style.css</font>)内の該当するタグの値を変更し</font></strong><font size="2"><strong>　　　　　<br>　　　　　文字の色や大きさを変更した。。（この機能はとても便利だと思った）</strong></font></p><p><font size="2"><strong><br></strong></font></p><p><font size="2"><strong>　　4．　以上の変更箇所を他のページも同じように<font color="#0000ff">コピー＆ペースト</font>にて修正</strong></font></p><p><strong><font size="2">　　　　　した。 </font></strong></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>　　</strong></font></p>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11209098416.html</link>
<pubDate>Sat, 31 Mar 2012 14:36:48 +0900</pubDate>
</item>
<item>
<title>第1回　ホームページの基本情報を変更する。</title>
<description>
<![CDATA[ <font size="2"><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 10pt; mso-spacerun: 'yes'"><br></span></p><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 10pt; mso-spacerun: 'yes'"><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><strong>このブログの最初のページで紹介しましたように、私が買い求めた</strong></font></span></p><p style="MARGIN: 1.5pt" class="p0" target="_blank"><a href="http://toretama.jp/template/order.html"><font size="2"><strong>【自分で更新できる最短ホームページテンプレート】</strong></font></a> <strong>　　　　　　　　　　　　　　　</strong></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><strong>に沿って勉強した内容をご紹介します。</strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><br><strong><br></strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><strong><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2">･　</font></span><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2">その前に、これからHTMLの編集に必要となるソフトのダウンロード</font></span></strong></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><strong>　　をしておきます。</strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><strong>　　Googleの検索で<font color="#0000ff">｢窓の社｣（まどのもり）</font>と入力しこのサイトから<font color="#0000ff">｢秀丸</font>｣をインストー</strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><strong>　　　ルします。（メモ帳か、TeraPadでも編集はできるそうですが） 　　　　</strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'"><font size="2"><br><strong><br></strong></font></span></p><p style="MARGIN: 1.5pt" class="p0"><strong>1.　テンプレート集の中から任意のホルダーを開きその中の｢index.html｣ファイルを</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　右クリックして更に編集をクリックします。</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　そして次の作業を行います。</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　*　キーワードの変更設定</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　*　ホームページの紹介文の設定</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　*　タイトルの変更設定</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong><br></strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>2.　残りのページのファイルも同じように変更作業を行う。</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　ページ数が多いといちいち変更設定するのは大変なので訂正した箇所を一括</strong></p><p style="MARGIN: 1.5pt" class="p0"><strong>　　コピーして貼り付けすればOK.。</strong></p><p style="MARGIN: 1.5pt" class="p0">　　　　　　　　　　　　　　　　</p></span><span style="FONT-FAMILY: 'ＭＳ Ｐゴシック'; FONT-SIZE: 9pt; mso-spacerun: 'yes'">　　　<br><font size="2">　　</font></span></font>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11208968640.html</link>
<pubDate>Sat, 31 Mar 2012 12:09:25 +0900</pubDate>
</item>
<item>
<title>テーブル（table)を使って枠を作る方法</title>
<description>
<![CDATA[ <font size="2"><p><font size="2"><strong>テンプレートを活用する前にホームページ作成時の基本的な事を学習することにします。</strong></font></p><p><strong>大枠はテンプレートを利用すれば良いのですが修正してオリジナルなホームページを作成するにはやはり基本的なことを知っていた方が良いと思います。</strong></p><p><font size="2"><strong>これらの事は先に記したように<font color="#0000ff">[無料ホームページ製作講座]</font>に沿ってやっていくことにします。</strong></font></p></font><p><font size="2"><strong>今日はホームページ作成の基本ともいえる<font color="#ff1493">テーブル（table)</font>を使って枠を作る方法を</strong></font></p><p><font size="2"><strong>復習してまとめてみました。</strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>・　枠を作るときは<font color="#0000ff">&lt;table&gt;</font>タグを使用する。</strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><strong><font size="2">・　<font color="#0000ff">&lt;tr&gt;</font>　は<font color="#ff0000">&lt;table&gt;～&lt;/table&gt;の</font></font><font color="#ff0000" size="2">間に&lt;tr&gt;～&lt;/tr&gt;を行数分（縦）入れる事ができる。</font></strong></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>・ <font color="#0000ff">&lt;td&gt;</font>　は<font color="#ff0000">&lt;tr&gt;～&lt;/tr&gt;の間に&lt;td&gt;中身&lt;/td&gt;を列数分（横）入れる事ができる。</font></strong></font></p><p><font size="2"><strong>　</strong></font></p><p><font size="2"><strong>・　<font color="#0000ff">border=""</font>で<font color="#ff0000">枠を作ることができる。</font></strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>・　テーブルを扱う際には、<font color="#ff0000"><font color="#0000ff">border="１"</font>にして枠を表示（見えるように）しておくと</font></strong></font></p><p><font color="#ff0000" size="2"><strong>　　作業がしやすくなる。</strong></font></p><p><font size="2"><br><strong><br></strong></font></p><p><font size="2"><strong>本日は以上を主に学びました。</strong></font></p><p><font size="2"><strong>ちなみに画像処理には（Jtrim）ならびに文字加工には（AzPainter2）</strong></font></p><p style="MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt" class="p0"><font size="2"><strong>を使用しました。</strong></font></p>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11208157866.html</link>
<pubDate>Fri, 30 Mar 2012 15:59:45 +0900</pubDate>
</item>
<item>
<title>ヘッダー画像の変更</title>
<description>
<![CDATA[ <p><font size="2"><strong>実を言いますと私はブログも作ったことがないんです。</strong></font></p><p><font size="2"><strong>HPよりも簡単に作成できるイメージはあったのですが、</strong></font></p><p><font size="2"><strong>いざ今回こうしてやってみると意外に思い通りにならない。</strong></font></p><p><font size="2"><strong>先ずブログの顔とも言えるヘッダー画像の変更をしようと昨日は</strong></font></p><p><strong><font size="2">それで一日費やした。　　　┅　</font><font size="2">こんなことでは先が思いやられる┅</font></strong></p><p><font size="2"><strong>ネット上には丁寧に説明されているページはたくさんあったが、何度やっても説明に出てくる画面にならない。</strong></font></p><p target="_blank"><font size="2"><strong>ようやく目にとまったのが<font color="#0000ff"><a href="http://ameblo.jp/lovelifebloger/entry-11124292187.html">「新CSS」によるヘッダー画像の変更〰</a> </font></strong></font></p><p><font size="2"><strong>な～だそんなことか、、、理由がわかれば簡単なことだが</strong></font></p><p><font size="2"><strong>初心者には難儀なことなんだよな、、これが</strong></font></p><p><font size="2"><strong>それで、ようやくできたのが今表示されている画像です。</strong></font></p>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11207952229.html</link>
<pubDate>Fri, 30 Mar 2012 10:52:13 +0900</pubDate>
</item>
<item>
<title>はじめてホームページを作成中です。</title>
<description>
<![CDATA[ <p><font size="2"><strong>事業をしていた私は年金受給年齢になったのを機に引退し</strong></font></p><p><font size="2"><strong>暇に任せインターネットを検索していたら<font color="#ff1493">無料ホームページ作成講座</font>という記事を発見。</strong></font></p><p><font size="2"><strong>このことををきっかけに、ひょっとしたら</strong></font></p><p><font size="2"><strong>まったく知識のない自分でもホームページを作ることができるかも﹒﹒と思いでやり始めたのがそもそものきっかけでした。</strong></font></p><p><font size="2"><strong>ただ、その講座内容に沿っていろいろやっていく内に自分の知識ではどうしても解らなくて先に進まない</strong></font></p><p><font size="2"><strong>足踏み状態が続いたりしました。</strong></font></p><p><font size="2"><strong>悪戦苦闘しながらやっていくうちに</strong></font></p><p><font size="2"><strong>私のようなHP作成の基礎的知識はまったくないものにとって、打って付け?な商品を発見!!?</strong></font></p><p target="_blank"><a href="http://toretama.jp/template/order.html"><font size="2"><strong>【自分で更新できる最短ホームページテンプレート】</strong></font></a> <strong><br></strong><font size="2"><br></font></p><p><font size="2"><strong>この教材があればもっと楽にしかも早くできるかも</strong></font></p><p><font size="2"><strong>喜ぶのもつかの間</strong></font></p><p><font size="2"><strong>悲しいかな有料商品でした．．．．</strong></font></p><p><font size="2"><strong>ものになるのかならないのか分からないのに．．．．</strong></font></p><p><font size="2"><strong>迷った末後ろ髪ひかれるおもいはあったがこの時はやめた。</strong></font></p><p><font size="2"><strong>よくある話!!で　＞＞　入り口は無料で＞＞商品を買わせるのが目的</strong></font></p><p><font size="2"><strong>そういったことも脳裏をかすめやめました。</strong></font></p><br><p><font size="2"><strong>ただひたすら無料ホームページ作成講座にそって繰り返し、繰り返し学習するのみ。</strong></font></p><p><font size="2"><strong>余談ですがそもそも私は、どうしてもHPを作成しなければならない理由も必要性もないんです。</strong></font></p><p><font size="2"><strong>年金生活の私にとって趣味以外のなにものでもないんですから。</strong></font></p><p><font size="2"><strong>時間はかけても、お金をかけたくない!!<br>そんな思いで、もうちょっと自分の力でがんばってみることにした。</strong></font></p><br><p><font size="2"><strong>パソコンも古い?せいか、はたまたいろいろなソフトをインストール、アンインストール長年繰り返してきたせいか動作が遅くてイライラする。（本当は思い通りにできないせいで）</strong></font></p><br><p><font size="2"><strong>その後もネット上でHP作成講座をいろいろと検索してみたが</strong></font></p><p><font size="2"><strong>しかし、どれもこれも似たり寄ったり．．．というか、自分でHPを作成したり編集したりするには相当基礎的なことを勉強しないとだめだということがわかった。</strong></font></p><br><p><font size="2"><strong>時間はたっぷりあるとはいえ、やはり限界というものはある。</strong></font></p><p><font size="2"><strong>ある程度HP作成の流れが解ってきた現時点ではテンプレート応用にすごく魅力を感じるようになった。</strong></font></p><p><font size="2"><strong>私自身の性格上中途半端でやめたくない。</strong></font></p><p><font size="2"><strong>そこでもう一度回りまわって</strong></font><a href="http://toretama.jp/template/order.html"><font size="2"><strong target="_blank">【自分で更新できる最短ホームページテンプレート】</strong></font></a> <strong><font size="2">を購入してみることにした。</font></strong></p><p><font size="2"><strong>なぜ戻ってきたかというと、あちらこちら調べていくうちこの類の商品は山ほどあることが解った。</strong></font></p><p><font size="2"><strong>しかし、云うまでもなくいろいろなモラル観を持った販売業者が存在しているということです。</strong></font></p><p><font size="2"><strong>経験の中で一例を記すと商品（有料）の説明の仕方の不適格さ（解っている人に説明しているかのごとくの説明）</strong></font></p><p><font size="2"><strong>動画を聞いていて腹立たしくなってくる</strong></font></p><p><font size="2"><strong>尚且つ聞きずらい、話し方がなげやり、姿は見えないが横柄な態度、等々。</strong></font></p><p><font size="2"><strong>もはやこんな業者の商品は私はタダでもお断り。</strong></font></p><br><p><font size="2"><strong>その点一購入者としたの感想を云えば</strong></font><a href="http://toretama.jp/template/order.html"><font size="2"><strong target="_blank">【自分で更新できる最短ホームページテンプレート】</strong></font></a> <strong><font size="2">は</font></strong></p><p><font size="2"><strong>内容がすごく充実しているし製作者の石田さんは、話し方や説明の仕方から誠実感が伝わり好感が持てる。</strong></font></p><p><font size="2"><strong>そんな訳で<font color="#800080"><font size="2">【</font>次世代の動画作成完全マニュアル】</font>も特典価格ということで合わせて購入しました。</strong></font></p><p><font size="2"><strong>購入したからには、途中で投げ出すことなく</strong></font></p><p><font size="2"><strong>これからは　がんばって自分スタイルのホームページ早く作れるよう努力あるのみ!!</strong></font></p><p><font size="2"><strong>と、自分自身に言い聞かせております。</strong></font></p><br><br><br>
]]>
</description>
<link>https://ameblo.jp/12627-1/entry-11204974388.html</link>
<pubDate>Tue, 27 Mar 2012 11:03:16 +0900</pubDate>
</item>
</channel>
</rss>
