|
|
|
全て
| カテゴリ未分類
| 【日記もどき】
| 【日記の雛形！】
| 【プチ講座】
| 【頼まれ物】
| パイプ奮闘記
| パイプ奮闘記〔自作パイプ〕
| 【3年ぶりの日記もどき】
2003/04/13
カテゴリ：カテゴリ未分類
■【初心者のためのプチ講座 VOL.6】
今回は、メモ帖を使いまして、ＨＴＭＬのタグを 自分のＰＣのブラウザに表示してみましょう。 ページの編集やＨＴＭＬのタグの勉強にもってこいだと思います。 まずは、メモ帖を出してみましょう。 もしかして・・・！もしかしてですよ。メモ帖をご存じない方のためにメモ帖の出しかたから。（*^_^*） 「スタート」から「プログラム」そして「アクセサリ」でメモ帖を開けます。 メモ帖は簡単に言いますと、テキストを編集するエリアです。 出ましたでしょうか？ ↓下にメモ帖を作って見ました。メモ帖にですね、このようにＨＴＭＬのタグを書いてください。 メモ帖 ファイル 編集 表示 お気に入り ツール ヘルプ <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML> これは、ＨＴＭＬをブラウザに表示するための記号だと思ってください。 このとき気をつけるのは、ＨＴＭＬのタグは半角英数字でないと駄目だという事です。 大文字、小文字はといませんが、必ず半角英数字で書きます。 では、＜BODY＞ から ＜/BODY＞ の間にテキスト（文字）の場合は、全角で、 画像などのタグの場合は、半角英数でタグを書き込んで見てください。 ↓このように！これを丸ごとコピー＆ペイストしてもいいですよ。 メモ帖 ファイル 編集 表示 お気に入り ツール ヘルプ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> 例えば画像を表示するのタグを使いまして、書いてみます。<BR><BR> <IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/56.gif" width="400" height="140" alt="ねもりんプレート"><BR><BR> ↑これはねもりんさんから頂いた、プレートです。<BR> ↓こちらはマーキーです。<BR><BR> <img src=http://plaza.rakuten.co.jp/img/ticker/left.gif ><marquee scrollAmount=2 width=350 height=20><IMG SRC="http://gtone3142.tripod.co.jp/aicnew.gif" BORDER=0><font size=2 color=black>ここにスクロールさせたい文字を書きます。</font></marquee><img src=http://plaza.rakuten.co.jp/img/ticker/right.gif border=0><BR><BR> ●このように書いて見てください。● </BODY> </HTML> 書けましたでしょうか。 では、このメモ帖のＨＴＭＬのタグをブラウザとして、保存してみましょう。 まずは、メモ帖のメニューバーの「ファイル」をクリックしますと、 「名前を付けて保存」があると思います。 それをクリックしますと、「名前を付けて保存」のフロートパネルが出てきますね。 保存したいフォルダを選択します。マイドキュメントとかがいいのではないでしょうか。 一番下に「ファイルの種類(T)」というのがあると思います。 ▼をクリックして、「すべてのファイル」にしてください。 次に、その上に「ファイル名(N)」があると思います。 そこに、ファイルの名前を入れます。これは半角英数字で入れてください。 例えば、「test.html」と入れて見てください。「.html」はＨＴＭＬファイルの拡張子です。 このファイルは、ＨＴＭＬファイルですよ、という事を表示しています。 この拡張子をつけないファイルは表示されません。 画像などのように自動で拡張子が変換されないのです。 そして「保存」をクリックしますと、指定したフォルダにブラウザのアイコンマークが 入っていると思います。 このアイコンをクリックしてみてください。ブラウザは出ましたでしょうか？ (*^^)v しかし、「インターネット」に繋がってませんと、画像は×マークになってしまいますよ。 【ブラウザ画面の編集】 このブラウザ画面の内容を編集する事も出来ます。 まず、ブラウザのメニューバーの「表示」から「ソース(C)」をクリックしますと、 そのブラウザのＨＴＭＬのメモ帖テキストが現れます。 そのメモ帖のテキストを編集しまして、メモ帖の「ファイル」から「上書き保存」を クリックしますと編集できます。 そして、ブラウザのメニューバーの更新をクリックしますと、編集後の画面に変わります。 どうですか、お判りになったでしょうか？ メモ帖を使いまして、自分のページの編集をしまして、それからアップするという事が出来ます。 また、ページのバックアップを取っておく事も出来ますね。 ではではがんばってみてください。（*^_^*） 【おまけ！】（*^_^*） ↑上で使っております、「メモ帖」もどきは、 ボックスのスタイルシートで作っております。 テーブルで作れば、簡単なんですが、日記のページではそれが使えません。 どんな風にやっているか、参考のために乗っけておきますね。(*^^)v <DIV style="border-style:ridge;background:white; color:black;width:500px;height:300px;"><DIV style="border-style: none;background:#000099; color:white; width: 500px; height: 8px;"><font size="2"> メモ帖 </font></B><div style="border-style: groove;background:#cccccc; color:black; width: 500px; height: 8px;"><font size="2"> ファイル 編集 表示 お気に入り ツール ヘルプ</font></div> ここに、文字を書きます。 </DIV> お気に入りの記事を「いいね！」で応援しよう
日曜なのでさすがに日記のＵＰ早いですね！
うちも日記ＵＰしたけど、センセーの日記で「メモ帳」のタグを載せていただいてるので、追加したくなっちゃいました～！！ 日記日記GOGO=ε=ε=（┌＾）┘ダッシュ! (2003/04/13 05:18:27 PM)
♪☆０(＾＾０)*＾＾*(０＾＾)０はろ～～っ☆♪
久しぶりに覗きに来ました＾＾ いつ来ても ＧＴ-ｏｎｅさんのＨＰは 初心者の人にもわかりやすい 親切な説明が書かれていますよね！！ 凄い・・・・・( -。-) =３ ﾊｧ～もっと早く出逢いたかったわ。。。。。。 そうすれば ニコのＨＰも もう少しはマシになっていたのにね！後 半月ですが よろしくね。 (2003/04/13 05:36:45 PM)
間もなく１万アクセスです。日ごろありがとう。こんなネモお願いね。
(2003/04/14 03:32:01 AM)
ふむふむ・・なるほど。
そういう使い方があるのですね。 勉強になりました。 カキコ、ありがとうございました。 チビがいると、寝静まってからでないと ゆっくりＰＣできないので・・・ でも、あれからゆっくり？寝ました。 寝不足は体によくないですからね、美貌にも(^^ゞ。 お心遣い、ありがとうございましたm(__)m (2003/04/14 10:31:06 AM)
びっくりした。自分の名前あるから、びっくり。今度１００単位で、プレートつくることしました。アクセスUPの為笑なにかやくにたてたら嬉しいので、「もうまじか１万２００です。狙ってね。自分のプレート長くあるのが、嬉しいですね。日記読む時人気のGTOさんだから、光栄です。新たな気持ちで、がんばろう。その分日記手抜きなるかもしれない。
(2003/04/15 11:12:18 PM)
~~~ヾ ＾∇＾おぉはよー♪
ｖｖｖｖ（オイオイ）真昼だよ～って言われそうです！ (＠＠)えっ？あんなに早く寝たんですか？ やっぱり・・シンデレラボ～イなんですね(^∇^)ｱﾊﾊﾊﾊ (￣O￣;ｱｯ! シンデレラボ～イって・・一夜にして 幸福になった男だって(o^-^o) ｳﾌｯ マジ？？マジ？？ 今～日記に使うＨＴＭＬが行き詰まって・・ 投げ出してる所です・・もう少し考えてから聞こうかな じゃ～～？？・・いつもの じゃ～～？？ (2003/04/17 01:03:40 PM) |
|
||||||||||||||||||
