http://www.hp-sakusei8.com/ 初心者でも、簡単に作れるようにホームページ作成について書いていきます。 ちょっと難しいところもあるかもしれませんが、なれれば結構簡単にホームページは作れますよ！ ja http://www.hp-sakusei8.com/archives/51007947.html ホームページで文字列に振り仮名をつけることができます。 HTMLで設定すれば簡単なことですよ♪ さっそく、ふりがなをふる、HTMLのタグを紹介します。 ※＜＞は全角になっているので半角に直してください。 ＜ruby＞ ＜rb＞振り仮名をつける文字＜/rb＞ ... tokuiss01 2008-06-22T15:24:38+09:00 文字
HTMLで設定すれば簡単なことですよ♪


さっそく、ふりがなをふる、HTMLのタグを紹介します。


※＜＞は全角になっているので半角に直してください。

＜ruby＞
＜rb＞振り仮名をつける文字＜/rb＞
＜rp＞ふりがなを囲む記号＜/rp＞
＜rt＞ふりがな＜/rt＞
＜rp＞ふりがなを囲む記号＜/rp＞
＜/ruby＞


このようになります。



ただし、ふりがなをつける上記のタグは、HTML4.01規格外
の要素なので、インターネットエクスプローラーでは
表示されますが、ファイヤーフォックスなどでは表示されない
こともあります。



ホームページ上であまりルビをふるうことはないと思いますが
名前など読めない漢字などにふりがなを使うこともあると思います。

社名やお店名など覚えてほしいときなどをルビを使って
ふりがなをつけたほうがお客さんに覚えてもらうことが
できるでしょう！
]]> http://www.hp-sakusei8.com/archives/51007268.html ホームページで重要なのが文章を読ませるということですね。 文章を読んでほしいなら、読みやすい構造にしないと いけませんよね！？ 読みやすい文章構造を作る一つの手段として、行間を 調整することが挙げられます。 行間がびっしり詰まった文章は、開いた... tokuiss01 2008-06-21T16:35:30+09:00 HTML
文章を読んでほしいなら、読みやすい構造にしないと
いけませんよね！？


読みやすい文章構造を作る一つの手段として、行間を
調整することが挙げられます。


行間がびっしり詰まった文章は、開いた瞬間に読みたくなくなる
ものです。


ですので、行の高さ（行間）は第一印象としてとても大切な
要素となるのを覚えておきましょう！


さて、行間の設定はどのようにすればいいのでしょう？



行間は、CSSで設定します。


行の高さは line-heightで指定します。

一般艇に読みやすい行間は、120%～150%といわれていますので
その辺で設定してみて、自分の好みで変えていけばいいと
思います。


スタイルシートで設定しますので、ページ全体の行間を
指定するのか、＜ｐ＞タグのところだけ行間を指定するのか
はたまた、部分的に行間を指定するのか、自分で
決めるといいともいます。


今回は、ホームページ全体の行間を決めましょう！


ホームページ全体の行間を決めるので、＜body＞タグに
設定しましょう！


body{line-height:150%}


これでOKです！


簡単でしょ！？

]]> http://www.hp-sakusei8.com/archives/51005565.html Photoshop Elements（フォトショップエレメンツ）を買った はいいけど、うまく使いこなせない・・・ だけど、本を買って勉強するのもなんか面倒だし・・・。 そんなあなた！ Photoshop Elements（フォトショップエレメント）のウェブ講座 があるので、ご紹... tokuiss01 2008-06-19T13:38:19+09:00 PhotoshopElements（フォトショップエレメンツ）の使い方 はいいけど、うまく使いこなせない・・・

だけど、本を買って勉強するのもなんか面倒だし・・・。


そんなあなた！



Photoshop Elements（フォトショップエレメント）のウェブ講座
があるので、ご紹介しますね！


親切な人がいるもので、こういった初心者向けの講座サイトは
本当に役立ちます。


本を買っても、何がどこに書いてあるのかわからないことも
しばしば・・・。

ネットだと、自分の探していることが的確にわかるのが
いいですよね！？


今回の紹介するサイトは、Photoshop Elements
（フォトショップエレメンツ）3.0～4.0の内容ですが
それ以降のバージョンでも有効だと思います。

フォトショップ・エレメンツ de ゴーゴー！

フォトショップエレメンツ


Photoshop Elements（フォトショップエレメンツ）の特徴は
レイヤー加工でしょうね。

ちょっと機能がありすぎて、複雑なので初心者の方には
難しいかもしれませんが、新しいことに挑戦してどんどん
使いこなしていけば、簡単に作業できるレベルになるはず！

ソフトは習うより慣れろ！ですよ。

どんどん使って、なれちゃいましょう♪
]]> http://www.hp-sakusei8.com/archives/51003845.html expression web を購入し、サイトを作成しました！ ホームページビルダーからアップデートしたので、1万円くらいで 購入でき、さらに、ホームページビルダーではできなかった テンプレート管理ができるので、私としては、評価は 良いです！ あえて言うなら、エク... tokuiss01 2008-06-17T15:32:13+09:00 Expression Webについて（マイクロソフト）
ホームページビルダーからアップデートしたので、1万円くらいで
購入でき、さらに、ホームページビルダーではできなかった
テンプレート管理ができるので、私としては、評価は
良いです！


あえて言うなら、エクスプレッションウェブの参考書が
もっとほしいですね！

ホームページビルダーやdreamweaverは、たくさんの初心者用
の参考書があるのに、ExpressionWebには、現在は2冊ほどしか
参考書がないんですよね！


ま、1冊あればだいたいのことができるのであまり問題
ではないといえばそうなんですが・・・。


アマゾンでのレビューなども見て、他の人の口コミも
見てみましたが、かなりいいですね！

ほとんどの人が★5つです！


コストパフォーマンスがとても素晴らしく、機能も充実して
いることが高評価となったようです！

ホームページ作成ソフトが入っていれば、1万ほどで買えるん
ですからね！


dreamweaverはさすがに価格が高いですから、それに対抗して
のExpressionWebですね！



ホームページビルダーやほかのウェブ作成ソフトや無料ソフト
から乗り換える場合、慣れるのに結構時間がかかるかもしれません。

でも、慣れてしまえば、今まで使っていたソフトよりも
簡単にホームページが作れちゃいますよ！！


私のExpressionWebへの評価は★★★★★です！！

]]> http://www.hp-sakusei8.com/archives/51002992.html ホームページを作成して、Yahoo!やグーグルなどの大手 検索エンジンに登録して、数か月・・・・。 検索窓に自分のホームページの名前・タイトルを 入れて検索しても出てこない・・・・＞＜ こんな方も多いのではないでしょうか？ ブログでもHPでも同じですが... tokuiss01 2008-06-16T15:39:09+09:00 サイトをインデックスさせる 検索エンジンに登録して、数か月・・・・。

検索窓に自分のホームページの名前・タイトルを
入れて検索しても出てこない・・・・＞＜


こんな方も多いのではないでしょうか？


ブログでもHPでも同じですが、よくあることです！


ところで、あなたのホームページやブログは、ちゃんと
検索エンジンにインデックスされているだろうか？


インデックスされているかどうか調べるには、自分の
サイトのURLを検索窓に入れて検索をかけてみよう！


そこで、自分のサイトが出てくればインデックスされている
ということになる。

出てこなければ、インデックスされていないのです。

インデックスされていないということは、ホームページや
ブログを作っただけで、訪問者はほとんど来ないということ
ですね！


それでは、どのようにインデックスさせるのでしょうか？

インデックスさせる方法はいろいろありますが、以前
インデックスの方法について書いたので参考にしてください。

サイト（ホームページ）をインデックスさせる方法



インデックスされている場合は、SEO上まだまだ弱いということです。

ですので、ページ数を増やしたり、相互リンクをしたり
インデックスをさせる方法にも書いてあるような、SNSに
登録をしたり、そいういったSEO対策をする必要が
あると思います。

]]> http://www.hp-sakusei8.com/archives/50997307.html ホームページ作成ソフトのｴｸｽﾌﾟﾚｯｼｮﾝｳｪﾌﾞ（expressionweb) を購入し、ダウンロードしたら、マイクロソフトの IME2007も一緒にダウンロードされた。 Offis IME2007を使っていたら、漢字変換ができなくなったり 変換の学習機能があまり働かなかったり、... tokuiss01 2008-06-14T07:47:26+09:00 Microsoft(マイクロソフト) を購入し、ダウンロードしたら、マイクロソフトの
IME2007も一緒にダウンロードされた。


Offis IME2007を使っていたら、漢字変換ができなくなったり
変換の学習機能があまり働かなかったり、変換スピードが
遅かったりと、かなりの不具合が出てきた！


そういったIME2007のトラブルは結構あちこちで言われて
いますが、対処方法としては、Microsoftのホームページで
修正プログラムをダウンロードすればある程度は
大丈夫みたいです！

Microsoft　offis IME2007　修正プログラム


まだまだ、試験的な感じもするし、これからもこういった
修正があると思うので定期的にチェックする必要もあるかも
知れません！



また、IME2003を再ダウンロードするという方法も考えられますね！


IME2007については詳しく語っているサイトを発見しましたので
そちらを読めば、だいたいわかりますよ♪
IME2007は有罪なのか


修正プログラムをダウンロードするまでは、漢字変換ができなく
なったり、変換スピードがかなり遅かったりとイライラすること
が多かったのですが、プログラムをダウンロードしたら
まぁまぁ良くなりました。


でも、変換学習機能はザルです・・・。


]]> http://www.hp-sakusei8.com/archives/50989565.html 企業名：（有）エー・プラス電話：03-5364-3235ＦＡＸ：03-5364-3236郵便番号：165-0027住所：東京都中野区野方６丁目５１－２－１０５URL：http://www.a-plus.jpMail：info@a-plus.jp戦略的に繁盛するホームページ制作・システム開発ならエープラス 企業名：レディースペー... tokuiss01 2008-06-13T07:27:42+09:00 東京　ホームページ制作（Ｗｅｂ制作） 電話：03-5364-3235
ＦＡＸ：03-5364-3236
郵便番号：165-0027
住所：東京都中野区野方６丁目５１－２－１０５
URL：http://www.a-plus.jp
Mail：info@a-plus.jp

戦略的に繁盛するホームページ制作・システム開発ならエープラス

企業名：レディースページ
電話：03-5397-3739
ＦＡＸ：020-4664-9298
郵便番号：166-0004
住所：東京都杉並区阿佐谷南３丁目３１－１－４０１
URL：http://www.ladys-page.com/
Mail：info@ladys-page.com

●ホームページ作成代行●女性向け健康関連商品の販売

企業名：（株）アクトタイプ
電話：03-5347-2977
ＦＡＸ：
郵便番号：167-0032
住所：東京都杉並区天沼２丁目４－１
URL：http://www.acttype.com
Mail：i@acttype.com



企業名：Ｄｅｓｉｇｎ・ｓｔｕｄｉｏハイ・フィールド
電話：03-3335-4227
ＦＡＸ：
郵便番号：167-0052
住所：東京都杉並区南荻窪３丁目２９－１１－１０５
URL：http://high-field.jp/
Mail：high-field01@high-field.jp

様々な分野の“モノづくり”をお手伝い致します！！

企業名：（株）ピーアールサービス
電話：03-3576-7761
ＦＡＸ：03-3576-7781
郵便番号：170-0001
住所：東京都豊島区西巣鴨４丁目２３－６
URL：http://www.prs-net.com/prs/
Mail：prs@prs-net.com

首都圏から全国まで！求人のエキスパート集団にお任せ下さい！

企業名：（株）ＡＳＩＣ
電話：03-6425-8387
ＦＡＸ：
郵便番号：170-0002
住所：東京都豊島区巣鴨１丁目１４－３－４０３
URL：http://www.shimto.com
Mail：



企業名：（株）アイ・エル・シー
電話：03-3940-2821
ＦＡＸ：03-3940-2831
郵便番号：170-0002
住所：東京都豊島区巣鴨３丁目２５－２
URL：http://www.ilcsugamo.com
Mail：web@ilcsugamo.com

翻訳、通訳、外国人ナレーター派遣、英語ホームページ制作

企業名：（株）ベレコム
電話：03-5907-5556
ＦＡＸ：03-5907-5337
郵便番号：170-0004
住所：東京都豊島区北大塚２丁目８－１１
URL：http://www.verecom.co.jp/
Mail：service@verecom.co.jp

丁寧な相談・豊富な実績で、ホームページ制作全般をサポート

企業名：（株）ＪＫＣ
電話：03-6904-2678
ＦＡＸ：03-5949-5596
郵便番号：170-0013
住所：東京都豊島区東池袋１丁目３２－５－Ａ
URL：http://www.myjkc.com
Mail：info@myjkc.com

ビジネスの成功をもたらす効果の高いホームページを低料金で制作

企業名：（有）イーライフ
電話：0120-552525
ＦＡＸ：03-5951-1913
郵便番号：171-0014
住所：東京都豊島区池袋２丁目６６－９
URL：http://www.552525.com
Mail：info@552525.com

パソコンサポート・無線ＬＡＮ設定・データ復旧・ＨＤＤトラブル

企業名：（株）オルグ
電話：03-3590-9211
ＦＡＸ：
郵便番号：171-0033
住所：東京都豊島区高田３丁目３２－３
URL：http://www.org-net.co.jp
Mail：kanri@org-net.co.jp



企業名：（株）リアルネット
電話：03-5988-9707
ＦＡＸ：03-5988-9708
郵便番号：171-0052
住所：東京都豊島区南長崎３丁目９－２４
URL：http://www.real-net.jp
Mail：

ＬＡＮ・電話・Ｗｅｂ・ＰＣセットアップ・セキュリティ
]]> http://www.hp-sakusei8.com/archives/50997306.html ウィンドウズビスタが発売されて、結構立ちますが どうなんでしょうね！？ PCに詳しい友人に聞いたところ、XPとビスタは別物。 ボタンの配列など細かいところが変更されているので ビスタに変えた時はまったく操作方法がわからない・・・。 もう少し様子見たほうが... tokuiss01 2008-06-11T16:42:56+09:00 windows vista どうなんでしょうね！？

PCに詳しい友人に聞いたところ、XPとビスタは別物。
ボタンの配列など細かいところが変更されているので
ビスタに変えた時はまったく操作方法がわからない・・・。

もう少し様子見たほうがいいかもね！！


ということだったので、自分でも調べてみました。



-----vista(ビスタ)の優れている点------

☆画面のデザインや配色等がXPよりもきれい
☆ファイル情報の、表示する種類と、ソート機能
☆スリープ機能が使える
☆信頼性：セキュリティが高い


-----vista（ビスタ）の悪い点----
★メモリを大量に必要とするので、PCによっては重くなる
★たまぁにVista非対応のソフトがある
★細かいところで変更点があり、XPの時とは各種設定画面への
　行き方が変わった点



他にもいろいろ調べてみると、VISTAはメモリを大量に
使うのでスペックの低いパソコンの場合かなり重くなり
フリーズを起こすことが多いみたいです。


じゃ、ホームページ作成にはどっちがいいのか？

無料ホームページ作成ソフトがまだvista非対応のものが
多いのでXPのほうがいいかもしれません。

HP作成ソフトを入れるとただでさえメモリに負担が
かかるので、重いと感じる人はさらに重くなる可能性も・・・・。


]]> http://www.hp-sakusei8.com/archives/50997301.html 画像をホームページに表示させる方法を前回お話ししました。 今回は、その画像のサイズを変更する場合どうすればいいのか というお話をします。 せっかくHP上に画像を設置できても、サイズが大きすぎたり 小さすぎたりとページに合っていないとかっこ悪いですよね... tokuiss01 2008-06-10T16:39:01+09:00 ホームページに画像を張り付ける

今回は、その画像のサイズを変更する場合どうすればいいのか
というお話をします。

せっかくHP上に画像を設置できても、サイズが大きすぎたり
小さすぎたりとページに合っていないとかっこ悪いですよね！？


画像サイズを変えるときに使うのが、widthとheightです。
widthは横幅、heightは立幅の設定に使います。


本来は、画像サイズを整えてホームページに張り付けたほうが
ファイルの縮小にもなるのでいいと思うのですが、なかなか
面倒だし、同じ画像をサイズを変えて使いたい場合もあるので
サイズ変更を覚えておくと便利ですね！



また、このwidthとheightは、画像のサイズだけでなく、
表のサイズなど、ホームページ作成のときのサイズ変更を
するときに使うので必ず覚えておきましょう！


画像のサイズを変更する場合は、

＜img src="画像ファイル名" width="■px" height="▲px"＞

とします。


画像のサイズは立幅と横幅のバランスを考えて設定しましょう。


px（ピクセル）じゃなくて％でサイズを決めることもできるので
いろいろ試してみましょう！

]]> http://www.hp-sakusei8.com/archives/50995513.html ホームページ（WEB）に画像を表示したい時に使う HTMLを説明します！ ホームページビルダーなどのホームページ作成ソフトを 使っていると、HTMLなんて知らなくても画像を張り付けられます！ でも、しっかりHTML言語を覚えておいたほうが後々役に 立ちますので、しっ... tokuiss01 2008-06-09T15:07:25+09:00 画像を表示する HTMLを説明します！

ホームページビルダーなどのホームページ作成ソフトを
使っていると、HTMLなんて知らなくても画像を張り付けられます！

でも、しっかりHTML言語を覚えておいたほうが後々役に
立ちますので、しっかり勉強しておきましょう♪



HPに画像を表示させるときに使うHTMLは
＜img src="画像ファイル名"＞

です。


ファイル名の後に
【alt="画像の名前"】を付けることによって、その画像の
上にマウスを乗っけると名前が表示されます！

alt属性をつけることは、SEOにもかなり有効なので忘れずに
キーワードを入れるようにしましょう！

【画像ファイル名】のところには、FTPもしくは、作成ソフト
でアップロードした画像の名称を入れます。

他のページと同じ画像にしたい時には、その画像のURLを
入力しても画像が表示されます。


ただこの場合、その画像を消してしまうと、画像が表示されなく
なるので注意が必要ですね。


画像ファイルには、JPEG形式と、GIF形式があります。

何が違うのかというと、GIF形式だと使用できる色が256色
までとなっており、ファイルサイズが小さいです。


JPEG形式だと、使える色が1677万色とかなり多くの色が使え
鮮明に画像が表示されます。
しかし、ファイルサイズが大きくなるので注意が必要ですね！


写真はJPEGにして、バナーやボタンなどはGIF形式にすれば
いいかもしれません。

]]> http://www.hp-sakusei8.com/archives/50995502.html ホームページビルダーには、とっても便利な画像編集ソフトが ついているのは知っていますか？ 私は、最初は知らなかったのですが、ウェブアートデザイナーを 知ってから、かなり重宝しているソフトとなっています。 画像編集は、フォトショップエレメンツのほう... tokuiss01 2008-06-08T05:45:09+09:00 ホームページビルダーのあれこれ ついているのは知っていますか？


私は、最初は知らなかったのですが、ウェブアートデザイナーを
知ってから、かなり重宝しているソフトとなっています。


画像編集は、フォトショップエレメンツのほうがいろんなことが
でき、便利かもしれませんが、このウェブアートデザイナーは
ロゴなどが簡単に作成できるため、バナーを作成したり、
画像に文字を入れたりするのにかなり役立ちます！

PhotoshopElements（フォトショップエレメンツ）の使い方についてはこちら



ウェブアートデザイナーは、フォトショップよりも軽くて
立ち上がるのに時間がかからないし、操作も簡単で初心者でも
すぐにバナーなどの作成ができます！



ホームページビルダーを購入している人は、ウェブアートデザイナー
を使わないともったいない!


うぇぶあーとでざいなーの使い方は次回以降説明していこうと
は思いますので、期待していてください！


ホームページ上にリンクを張るバナーを作成したり、画像に
文字をいれたりしたいなぁと思ったことはありますよね？


ただ、テキストリンクにするより、バナーなどを使ったほうが
インパクトもあってクリックしてくれる人が増えますしね！

それには、ユーザーがクリックしたくなるようなバナーなど
を作成しなきゃいけませんよね？


初心者がすぐにそういったバナーを作成できるわけはないのですが
便利なソフトを使って練習すれば、作れば作るほど魅力的な
画像やバナーが作れるようになりますよ！

]]> http://www.hp-sakusei8.com/archives/50995500.html テーブル機能を使って表を作成しましょう！ テーブル（table）を使って表を作成するときに使うおもな HTMLは＜table＞＜tr＞＜td＞の3つです。 どういった意味があるのかしっかりと覚えておきましょう！ ＜table＞＜/table＞の間に表全体の内容を定義します。 ... tokuiss01 2008-06-07T14:41:23+09:00 表を作成する
テーブル（table）を使って表を作成するときに使うおもな
HTMLは＜table＞＜tr＞＜td＞の3つです。

どういった意味があるのかしっかりと覚えておきましょう！



＜table＞＜/table＞の間に表全体の内容を定義します。

つまり、＜table＞で表の大枠を作成するということですね！


＜tr＞＜/tr＞は1行分の内容を定義します。
行の数だけ指定することになります。

＜td＞＜/td＞は、セルの内容を指定します。
各行の項目の数だけ指定するようになります。


たとえば、3行×3列の表を作るときには下記のようになります。

＜table＞
　＜tr＞
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　＜/tr＞

　＜tr＞
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　＜/tr＞

　＜tr＞
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　　＜td＞＜/td＞　
　＜/tr＞

＜/table＞


＜td＞＜/td＞の間に文字列を記入すれば、表の中に
文字を指定できます。


表の外枠とセル枠の線を表示させる場合は、
＜table border＞

という感じに　border　を入力すればOKです。


さらに、線に色を指定する場合は、
＜table border="枠線の太さ" bordercolor="色"＞
とすれば、線の色と太さを指定できます。


]]> http://www.hp-sakusei8.com/archives/50993966.html アンケートなどをホームページ上に作るフォーム。 今日は、プルダウンメニューを作成しましょう！ プルダウンとは、あらかじめ決めてある選択肢の中から ひとつを選ばせるもので、都道府県などを聞く場合に よく使われていますよね！？ ボックスの右に逆三角ボタ... tokuiss01 2008-06-06T15:32:12+09:00 フォームの作成
今日は、プルダウンメニューを作成しましょう！

プルダウンとは、あらかじめ決めてある選択肢の中から
ひとつを選ばせるもので、都道府県などを聞く場合に
よく使われていますよね！？

ボックスの右に逆三角ボタンが付いていて、それをクリック
すると、選択肢がずらずらっとでてくるやつのことを
プルダウンと言います。



そのプルダウンをフォームの中に作成するソースはこちら

＜select name="変数名"＞＜option value="値" selected＞
選択項目＜/select＞


＜select＞＜/select＞を使うことによって、プルダウン形式
の選択メニューを作成することができます。

選択項目に、都道府県なら各県名を、年齢なら各年れいを記入
すれば、それがプルダウンに組み込まれます！



さて、それでは次に、プルダウンメニューをグループ化してみます。

グループ化というのは、たとえば都道府県の場合、関東・関西
甲信越などとグループに分け、関東の東京といった形にユーザーに
とってわかりやすくすることができます！


プルダウンメニューをグループ化するのは

＜optgroup label"グループ名"＞
　　　＜option value="値"＞選択項目＜/option＞
＜/optgroup＞

このようにすれば、グループ化できる。


関連記事
フォームの作成]]> http://www.hp-sakusei8.com/archives/50993962.html ホームページの中でフォームを作成して、その中に、チェックを つけて選択させるチェックボックスやラジオボタンを付ける方法を お伝えします。 その前に、ラジオボタンとチェックボックスについて簡単に説明。 ラジオボタンとは、性別などを聞くときに使うもの... tokuiss01 2008-06-05T15:30:58+09:00 フォームの作成 つけて選択させるチェックボックスやラジオボタンを付ける方法を
お伝えします。


その前に、ラジオボタンとチェックボックスについて簡単に説明。


ラジオボタンとは、性別などを聞くときに使うもので、1つの質問
に対して、1つだけ選択できるものです。

チェックボックスとは、1つの質問に対して複数選択できる
ものなのです！



さて、それでは、ラジオボタンとチェックボックスの設置方法ですが
下記のソースをホームページ内に入れればOK。

＜form＞＜/form＞の間に入れるのを忘れずに！

＜input type="ボタンの種類" name="変数名" value="値" checked＞文字列


ボタンの種類：radio　ラジオボタン
　　　　　　　checkbox　チェックボックス

変数名：入力された内容を識別するための名前

値：選択されたときに変数に入力する値。


たとえば、アンケートで性別を聞く場合

＜input type="radio" name="性別" value="M" checked＞男
＜input type="radio" name="性別" value="F" checked＞女


といった感じになります。


このように、いろんな形式を作ってみて、実際に作りテスト
してみましょう！

文章ばかり読んでいてもなにもできませんからね！

トライ＆エラーを繰り返して自分のものにしてしまいましょう！！


次は、プルダウンメニューを作りましょう♪


関連記事
フォームの作成]]> http://www.hp-sakusei8.com/archives/50992204.html ホームページ上に入力フォームを作成します。 今回は入力欄を作ることを学びましょう！ 前回は、入力フォームの作成を勉強しましたね！ 前回の記事→入力フォームを作る　form action method フォームの中に入力欄を作成するには、＜form＞＜/form＞の中に＜in... tokuiss01 2008-06-04T11:23:20+09:00 フォームの作成 今回は入力欄を作ることを学びましょう！

前回は、入力フォームの作成を勉強しましたね！

前回の記事→入力フォームを作る　form action method



フォームの中に入力欄を作成するには、＜form＞＜/form＞の中に＜input type="【入力タイプ】" size="【幅】"　value="【初期値】"maxlength"【最大文字数】" name="【変数名】"＞
を記入します。

それぞれ開設していきます。


【入力タイプ】：text　普通の文字列の入力用となります
　　　　　　　　password　パスワードの入力用になり、入力した
　　　　　　　　　　　　　文字は、●や＊で表示される

【幅】：入力欄の幅を指定。

【初期値】：最初から入力される文字を指定。

【最大文字数】：入力可能な文字数

【変数名】：入力された内容を識別するための名前。


また、複数行の入力欄を作成したい場合は次のようになります。

＜textarea name="【変数名】" rows="【行数】" cols="【幅】" wrap="【改行方法】"＞文字列＜/textarea＞


【行数】：入力欄の行数。

【改行方法】：
　　　soft　入力欄の右端で改行する。送信データには改行されない。
　　　hard 入力欄の右端で改行。送信データにも改行される。
　　　off　入力欄の右端で改行されません。



このように、フォームの入力欄にも2種類あります。

氏名など1行で収まる場合は、上記の方法で、アンケートなど
複数行になる可能性のある場合は下記の方法でフォームを作成
するといいと思います。


]]>