ホームページのテンプレート

ホームページのテンプレート

ホームページの製作過程を書いていきます。

Amebaでブログを始めよう!

前回と同様に 【自分で更新できる最短ホームページテンプレート】 の記事の



中にあるWebページの動画解説に従がって作業しました



 
* サイドバーに文字を入力修正する。


1. まず、テンプレートのホルダー内にある(side.html)というファイルを右

  クリックして編集をクリックして開く。



2. ここでは、説明しがたいのですが動画による説明にしたがって文字の入

  れ替えをするだけです。



 * ”お気に入り”を修正する。


 ① ここはホームページのURLを所定箇所に記入すればよいのですが、まだ

   ホームページのドメインを取得してない段階では自分のURLがないので

   取得してから記入することにする。


 ② ホームページのタイトルを所定箇所記載する。

   これにより”お気に入り”を押したときにタイトルが表示される。



✰ このサイドバーについては(side.html)箇所を換えるだけで

   全てのページに反映されるので手間が省ける。

   この点がいままでやってきた変更方法とは大きな違いで       

   ある。


 


   

タイトルバー下のコンテンツバーに各ページの名前を入力

・ 秀丸によりファイルを開きHTMLの修正作業をした。

  この作業は第2回の作業と同じようなことなので簡単にできた。
  HTMLの変更は決まった形式として覚えるしかないと思うが
   
【自分で更新できる最短ホームページテンプレート】  
  に基づいてテンプレート内の一部を動画による説明により変更(置き換える)するだけなので
  簡単にできた。


  1. コンテンツバーにページ名を入力  
  2. コンテンツバーの色の変更
  3. トップページの変更を他のページファイルへコピー&ペーストにて修正した。

 

 




 

【自分で更新できる最短ホームページテンプレート】

の動画解説に従って


 前回に引き続き今回は次のような事をやりました。



・ 秀丸によりファイルを開きHTMLの修正作業をした。



  1. タイトルバーにタイトルの文字を挿入する。



  2. タイトルバーに画像を挿入する。


  3. スタイルシート(style.css)内の該当するタグの値を変更し     
     文字の色や大きさを変更した。。(この機能はとても便利だと思った)


  4. 以上の変更箇所を他のページも同じようにコピー&ペーストにて修正

     した。



  


このブログの最初のページで紹介しましたように、私が買い求めた

【自分で更新できる最短ホームページテンプレート】                

に沿って勉強した内容をご紹介します。



・ その前に、これからHTMLの編集に必要となるソフトのダウンロード

  をしておきます。

  Googleの検索で「窓の社」(まどのもり)と入力しこのサイトから「秀丸」をインストー

   ルします。(メモ帳か、TeraPadでも編集はできるそうですが)     



1. テンプレート集の中から任意のホルダーを開きその中の「index.html」ファイルを

  右クリックして更に編集をクリックします。

  そして次の作業を行います。

  * キーワードの変更設定

  * ホームページの紹介文の設定

  * タイトルの変更設定


2. 残りのページのファイルも同じように変更作業を行う。

  ページ数が多いといちいち変更設定するのは大変なので訂正した箇所を一括

  コピーして貼り付けすればOK.。

                

   
  

テンプレートを活用する前にホームページ作成時の基本的な事を学習することにします。

大枠はテンプレートを利用すれば良いのですが修正してオリジナルなホームページを作成するにはやはり基本的なことを知っていた方が良いと思います。

これらの事は先に記したように[無料ホームページ製作講座]に沿ってやっていくことにします。

今日はホームページ作成の基本ともいえるテーブル(table)を使って枠を作る方法を

復習してまとめてみました。



・ 枠を作るときは<table>タグを使用する。



・ <tr> は<table>~</table>の間に<tr>~</tr>を行数分(縦)入れる事ができる。



<td> は<tr>~</tr>の間に<td>中身</td>を列数分(横)入れる事ができる。

 

・ border=""枠を作ることができる。



・ テーブルを扱う際には、border="1"にして枠を表示(見えるように)しておくと

  作業がしやすくなる。



本日は以上を主に学びました。

ちなみに画像処理には(Jtrim)ならびに文字加工には(AzPainter2)

を使用しました。

実を言いますと私はブログも作ったことがないんです。

HPよりも簡単に作成できるイメージはあったのですが、

いざ今回こうしてやってみると意外に思い通りにならない。

先ずブログの顔とも言えるヘッダー画像の変更をしようと昨日は

それで一日費やした。   ┅ こんなことでは先が思いやられる┅

ネット上には丁寧に説明されているページはたくさんあったが、何度やっても説明に出てくる画面にならない。

ようやく目にとまったのが「新CSS」によるヘッダー画像の変更〰

な~だそんなことか、、、理由がわかれば簡単なことだが

初心者には難儀なことなんだよな、、これが

それで、ようやくできたのが今表示されている画像です。

事業をしていた私は年金受給年齢になったのを機に引退し

暇に任せインターネットを検索していたら無料ホームページ作成講座という記事を発見。

このことををきっかけに、ひょっとしたら

まったく知識のない自分でもホームページを作ることができるかも﹒﹒と思いでやり始めたのがそもそものきっかけでした。

ただ、その講座内容に沿っていろいろやっていく内に自分の知識ではどうしても解らなくて先に進まない

足踏み状態が続いたりしました。

悪戦苦闘しながらやっていくうちに

私のようなHP作成の基礎的知識はまったくないものにとって、打って付け?な商品を発見!!?

【自分で更新できる最短ホームページテンプレート】

この教材があればもっと楽にしかも早くできるかも

喜ぶのもつかの間

悲しいかな有料商品でした....

ものになるのかならないのか分からないのに....

迷った末後ろ髪ひかれるおもいはあったがこの時はやめた。

よくある話!!で >> 入り口は無料で>>商品を買わせるのが目的

そういったことも脳裏をかすめやめました。


ただひたすら無料ホームページ作成講座にそって繰り返し、繰り返し学習するのみ。

余談ですがそもそも私は、どうしてもHPを作成しなければならない理由も必要性もないんです。

年金生活の私にとって趣味以外のなにものでもないんですから。

時間はかけても、お金をかけたくない!!
そんな思いで、もうちょっと自分の力でがんばってみることにした。


パソコンも古い?せいか、はたまたいろいろなソフトをインストール、アンインストール長年繰り返してきたせいか動作が遅くてイライラする。(本当は思い通りにできないせいで)


その後もネット上でHP作成講座をいろいろと検索してみたが

しかし、どれもこれも似たり寄ったり...というか、自分でHPを作成したり編集したりするには相当基礎的なことを勉強しないとだめだということがわかった。


時間はたっぷりあるとはいえ、やはり限界というものはある。

ある程度HP作成の流れが解ってきた現時点ではテンプレート応用にすごく魅力を感じるようになった。

私自身の性格上中途半端でやめたくない。

そこでもう一度回りまわって【自分で更新できる最短ホームページテンプレート】 を購入してみることにした。

なぜ戻ってきたかというと、あちらこちら調べていくうちこの類の商品は山ほどあることが解った。

しかし、云うまでもなくいろいろなモラル観を持った販売業者が存在しているということです。

経験の中で一例を記すと商品(有料)の説明の仕方の不適格さ(解っている人に説明しているかのごとくの説明)

動画を聞いていて腹立たしくなってくる

尚且つ聞きずらい、話し方がなげやり、姿は見えないが横柄な態度、等々。

もはやこんな業者の商品は私はタダでもお断り。


その点一購入者としたの感想を云えば【自分で更新できる最短ホームページテンプレート】

内容がすごく充実しているし製作者の石田さんは、話し方や説明の仕方から誠実感が伝わり好感が持てる。

そんな訳で次世代の動画作成完全マニュアル】も特典価格ということで合わせて購入しました。

購入したからには、途中で投げ出すことなく

これからは がんばって自分スタイルのホームページ早く作れるよう努力あるのみ!!

と、自分自身に言い聞かせております。