文字のフォントやサイズもコチラから容易に変更できます。

また、文字位置を変更したい場合はマウスの右ボタンを押しながら
ドラッグすることで位置を変更できます。

ファイルを保存する場合はCtrl+Sで行なえますし、ファイルから

“名前をつけて保存”も出来ます。

デスクトップに保存します。
ファイルの種類は“GIF”で保存するのがよいでしょう。
文字の入力等単純な色を利用する際に“GIF”をつかいます。
“JPEG”だと文字が荒くなってしまうので“JPEG”を利用するのは
細かい色を保存する際に利用するのが最適です。 


【動画解説５００分以上】初心者が自分で更新できる最短ホームページテンプレート＋【動画作成ソフト付き】次世代の動画作成完全マニュアルのセット

この通りです。

この通りです。

これの枠の場所を変えてみます。

右にしたい場合は"right"そして"left"で左右に振ることができます。

次に文章を上下左右に位置を変更する場合は

＜ｔｒ＞という部分を書き換えます。

次に文章を上下に移動する場合についての説明です。

反対は、、、

線の太さを変えてみようと思います。

このように、線を細く出来ました。
色を変えるのは"black"を"red"等に変更することで変えることが
出来ます。

また、線を2重線にしたい場合は、"solid"の部分を"double"

今日は、

テーブル（table）を使った枠の横幅や縦幅、文字との間隔を指定する方法

について復習してみます。

先ずテーブルの基本的形は昨日の通りです。

これになります。

先ず枠を入れる昨日の作業から行ないます



こうなります。

次に、枠の横幅を変更するには"width"を使います


下記の通りです。


このように枠の幅を指定することが出来ます。

次に、枠と文章の間に間隔を儲けたいと思います。
これは、"cellpadding"を使います。

 

 

次に枠の厚みを変更したいと思います。
これには、"cellspacing"という属性を使用します。
 
これを保存して、更新すると、このように枠の太さを指定できます。

 

そして、枠の縦幅を変更します。
この時利用するのは"height"という属性を使います。

 

すると、、、

こうなります。

しかし、この"height"は枠に文章を多く入れれば自動的に
ひろがるので余り必要ないかもしれません

 






今回は以上です。

最後までお読み下さり、ありがとうございました。

失礼します。

【初月月会費】会員制サイドビジネス講座　ファーストクラス

チョッとお伝えする順序が順序が逆になってしまい、
今までの内容が解りづらく思っておられる方が多いと
思い、申し訳なく反省しております。

ここではテーブルの基本的な形から説明していこうと
思いますので、参考にして下さい。

それでは、まずは「テーブル（table）を使って枠を作る方法」
について、ご説明をします。

 

これがテーブルの基本的な形になります。
これをホームページに表示させるとこのようになります。

 
次に、これではちょっとみにくいので枠を表示させてみます。
それには"border" という属性を使います。この様にです。

 
これを保存して表示すると・・・、

 
このように枠を表示させることができます。

次にこの枠を２つ横に並べたいと思います。
そのためには＜ｔｄ＞をもう1つ増やします。

 
  このようにすることで枠を横にもう一つ増やすことが
出来ます。

次に、この枠を縦に並べたいと思います。
この場合、＜ｔｒ＞の業をコピーして増やすことで
縦に増やすことができます。この通りです。

 

コピーして・・・、

 
  
このようにすると、、、

 
縦に枠を縦に表示することができました。

＜ｔｄ＞は枠を横に並べるときに、
＜ｔｒ＞は枠を縦に並べるときに　使いますので

これを必ず覚えるようにして下さい。

そして、＜border＞を利用して枠組みをセットで利用
することが多く、大事な部分なので覚えていきましょう。

それでは今日は失礼します。

最後まで読んで頂き

ありがとうございました。

【動画解説５００分以上】初心者が自分で更新できる最短ホームページテンプレート＋【動画作成ソフト付き】次世代の動画作成完全マニュアルのセット

についてレポートします。
 
 

 
最初に背景に画像を指定したいと思います
先ず
<style>という属性の中にbackground:url();を入れます
 
   次に画像を()内に入れてみますこの画像を入れます。
 
この画像のＵＲＬをbackground:url()；の（）に入れます。
こんな感じです。

 
そしてこれを保存することで背景に利用することができます。
 

また、文章の色や太さを変更することができます。
<font> を使います。<font color=white>

 
するとこんな感じになります。

 
次に文字の太さを変更する場合は＜strong＞を使います。
こんな感じです。

 
  必ず<font>＜strong＞などもそうですがそれぞれの単語の
前にスラッシュを入れて閉じます。
これらのことです。

 
  
これにより
文字が太くなります。

そして、文字の最初に空白を入れたい場合は
全角のスペースでプログラムは認識してくれるので
入れるとこのように文字の前に空白ができます。

 

このようなバーはホームページを作る上でとても役立ちます。
例えば段落＜ｐ＞をつけて
“ホームページ制作講座は動画で覚えられる講座です”
を入力すると・・・、

 

 
 
このようになりますが、
これをコピーして・・、

このようにはりつけると・・・、

 
これが

 
このように綺麗にホームページを作ることができます。

 

こういったテーブルを使うことによって、いろいろな
バリエーションの情報やコンテンツをのせることができる
ようになりますので綺麗なホームページを作っていきましょう。

今日は以上です。

最後まで読んで頂き、

ありがとうございました。

失礼します。



会員制サイドビジネス講座

文字の色やサイズを変更する方法と
段落を作成する方法
について学ぼうと思います。

先ずこの情報を表示したものが

 
これになります。
 

最初に文字の色を変更してみます。
これには<font color=red></font>を使います。
下記の通りです。

 

これにより文字の色を変更することができます。

 

次に文字の太さを変えたいときは
<strong></strong>と言うタグを使います。
下記の通りです。

 

これにより文字を太くすることができます。

 


次に文字を斜めにしたいという場合は・・・、
＜em＞というタグを使います。　この様にです。
 

そうすると文字が斜めになります。

 

次は文字にアンダーラインを入れたいと思います。
この場合は、＜u＞を入れます。こんな感じです。



そうすると、下記の様になります。

又、文字に打ち消し線を入れたい場合は、＜ｓ＞というタグ
を入れます。　この様にです。

 

そうすると、下記の様に1本の打ち消し線が入れられます。

次に文字のサイズを変更する方法について説明します。
これには<font size="4"></font>を使います。
下記の通りです。　こうすることで文字を大きく出来ます。

 

  この通りです。

又、他にも＜span＞というタグで変更できます。

 


これでも下記の通り文字を大きく変更出来ます。

又、＜ｈ１＞と言うタグを使うことでも文字を大きく出来ます。

 
この通りです。

 
ただこの場合文字がとても大きくなってしまうので
これについてはスタイルシートで文字の大きさを変更する
必要がありますが、その説明は別に説明していきたく
思います。

あと、＜ｈ２＞を使っても文字の大きさを変更することが
できます。

 

この通りです。

 

 


最後は段落を作る方法を紹介します。
段落を作る場合は＜ｐ＞というタグを使います。
こうすることによって、その部分が“段落です”と
宣言した形となります。

<strong>＜ｈ１＞＜ｐ＞はそれぞれSEO対策にも
なります。

今日はこの辺で失礼します。

最後まで見てくださり

ありがとうございました。

会員制サイドビジネス講座

会員制サイドビジネス口座

皆様こんにちは．

今日は、お問い合わせフォームの設置方法と使い方をしょうかいします。
先ず、ダウンロードしている「自分で更新できる最短ホームページテンプレート」をクリック
すると、色々なテンプレートが出てきます。　この中のtemplate1を使用してみましょう。

 
 


この中のpage5..htmlをクリックすると・・・、


ここにお問い合わせフォームを設置していきます。
下のお問い合わせフォームをクリックすると・・・、



このような３種類のテンプレートが表示されますので、
ここではこの中の一番上のフォームを使用します。



このソースを全てコピーし・・・、template1の　page5.htmlのソースのある
箇所に、お問い合わせフォームの上記ソースを貼り付けます。

この問い合わせフォームの
下記の箇所に

 
このソースをコピーしたものをこのように・・・、
 
はりつけると・・・、　

上記テンプレートが・・・、

このようになります。

そして
次に行うことは、メールを送信するためのプログラムを設置するという
ことです。　ここで注意しなければならないのは、

お問い合わせフォームの種類によって、使用するプログラムが異なる
ということです。

３つの各フォームにはそれぞれのプログラムがあるのでそこを注意
するということです。



ここではこのフォームを使うので、下記赤字のプログラムを使用します。



ここではこのプログラムを使用します。


下記問い合わせフォームの




form.php ファイルをコピーし、template1のフォルダーに設置し、
このフォルダーをダブルクリック・・・、
 

 

 

上記、青くマークしてあるところに自分のメールアドレスを入力します。

ただし、この時点ではまだサービスサービスプロバイダーに登録してない
ので、現時点では使用できません。　

ちなみに、ロリポップとさくらのサービスプロバイダーにてこのファイルは
動作確認がとれているのでなるべくコチラを使用します。

注意しなければいけないのは問い合わせフォームのＰＨＰプログラムを
間違えないことと、テンプレートにコピーをしたプログラムを修正するので
あって，決してオリジナル問い合わせフォームをいじってはいけないと
いうことです。

今日も最後までお付き合い頂き

ありがとうございました。

失礼します。



会員制サイドビジネス講座

このソースの情報を表示させた物が
こちらです。

リンクを表示させる場合、
<a href="http://ameblo.jp/82508841/">健康と自由について</a>

のように、<a href="">・・・・</a>をつけることでリンクを貼ること
ができます。

このようになります。
これをクリックすることでページが飛び、指定されたＵＲＬが表示
されます。

次にこれをクリックした際、別のウィンドウで表示させる方法に
付いては・・・、

 

 target="blank"　の文字を上記、

 

<a href="http://ameblo.jp/82508841/">健康と自由について</a>
の中に、以下の様に記入して保存すると別ウィンドウでリンクが表示

されるようになります。　こんな感じです。

次は画像を貼る方法です。
使用する画像は・・・、

これを使用します。
画像を表示させるには

<img src=""alt="">を使います。

 

この様に入力することで画像が下記の通りとなります。

この時、画像と言うのは検索エンジンにはヒットしないので
必ず、「alt」 を入れることでヒットされやすくなります。

それでは、この画像にリンクをはる方法をお伝えします。
これは、先程つかった<a href="">を使用して
下記の様に入力します。

 

その画像は前のものと変わりませんがポイントを当てると
手の形になり,リンクできる状態になります。

そして、この時画像の周りに青く囲みが出来ることがありますので
これを取り除く方法として、

borderL="0"を中に挟むと囲みが取れて画像だけになります。
こんな感じです。

そして、先程と同じように別リンクで表示させることも出来ます。

target="blank"

これを再度、中に挟むことで可能になります。以下の通りです。

 

この様にすることで、
画像をクリックすると・・・、

こんな風に別ウィンドウで開くことが出来ます。

このリンクや画像はホームページでは良く使うので
ご活用下さい。

本日は以上です。

失礼します。

会員制サイドビジネス講座