しばらくご無沙汰しておりました^ll^
今後更新がままならなくなりそうですが
出来る範囲で無理せずコツコツやってきますので
どうかよしなにお願い致します。

さて、今日は「Jtrim を使った画像作成と文字の入力方法」について
学んでみようと思います。
Jtrimはフリーソフトで使い勝手がよいのでこれを使用します。



先ず、Jtrimファイルから新規作成をクリック。



画像サイズを指定してOKをクリックします。





文字を入力する場合、”A”というボタンをクリックします。



文字を入力し、文字の色を変更します。
色の変更は”文字色”のボタンを押します。



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

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



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

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



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


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







皆さんこんにちは。


今日は、背景の色を変更する方法と背景に画像を使用する方法

について学びたいと思います。



先ず、このテーブルの情報を表示させた物がこれになります。




背景の色を変更する方法は、bgcolor=""と言う方法を使用します。


また、blueとすることで背景を青色に出来ます。 
  



この通りです。



次に背景に画像を指定する方法です。

この場合、styleと言う属性にbackground:url()という記述を

いれます。また、urlの部分には画像をしていします。画像は

前もってデスクトップに置いておいたものを使用します。



この通りです。



現在は折り返しの設定がしてあるのでこの設定をなくすことも


できます。これには"background-repeat:no-repeat;"

を間にはさむことで解決します。 この通りです。



この画像では折り返しがわかりませんが折り返しが無い物は


右端に左端の同じ画像が続けて表示されてしまいます。


本日も最後まで読んで頂き、ありがとうございました。

失礼致します。



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











皆様こんにちは。


今回は、テーブル(table)を使ったときの枠の場所を決める方法

について理解を深めたいと思います。


先ず、今現在のテーブルがこれです。



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

それには、"align"という属性を使います。



この通り真ん中に持ってくることができます。



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


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



<tr>という部分を書き換えます。

<tr>を<align=right>に変更することで枠内で文字を右に
振ることができます。この通りです。



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

この場合、<valign="top">とすることで上に、
<valign="bottom">で下に文字を振ることができます。



反対は、、、





このように変更することが出来てとても便利ですので

是非利用しましょう。


今日は以上です。



【動画解説183分】初心者のためのホームページ作成完全マニュアル入門書













皆さんこんにちは。


今日は、テーブル(table)を使ったときの線の太さと色を

変更する方法について復習したいと思います。

まず、コチラのテーブルを表示させたものがこちらです。

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

それには"style"という属性をりようしていきます。
以下の通りです。1pxと言うのは線の太さの指定、solidは1本の線を
現し、blackは黒色を表します。


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

こんな感じです。




線の太さを変えたい場合は、1pxの数字を変更することで太く
出来ます。 この通りです。





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

にすることで2重線になります。


このように"style"の属性を使うことにより、色々と線や太さの
選択肢が増えるのでデザインのはばを増やすことができます。



今日はこれで以上です。

最後まで見ていただき

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

失礼します。




【動画解説183分】初心者のためのホームページ作成完全マニュアル入門書













皆様こんにちは。

今日は、

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

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


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


これになります。


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



こうなります。



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


下記の通りです。


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

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

 

 

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

 

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

 

すると、、、


こうなります。


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



 






今回は以上です。

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


失礼します。

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