|
|
|
2005年07月15日
カテゴリ：バカネコＰＣ講座
 ひきつづき、バカネコ講座。 前回の記事「レイアウトの方法 １」をを読んでいない人は、 とりあえず、それを先に読んでいただきたい。 さて、レイアウト(配置)の勉強を進める前に、カンタンな英語を覚えよう。 英語といっても、中学生レベルであるから、ぜんぜん心配いらない。 HTMLの呪文は、英語から引っぱってきたものが、ほとんどである。 レイアウトするために、避けては通れない単語を、いくつか紹介する。 お昼のワイドショーを見ている場合ではない。 さて、ワイドショーとは関係ないが、ワイドとは、wide と書いて、 横に広いという意味である。 これの名詞形が、width で、横幅という意味だ。 むりやり、カタカナ表記すると、ウィドゥスとなる。 ハイ・ジャンプとは、高飛びであり、「ハイ」は高いという意味である。 綴りは high で、その名詞形は height（ハイト）。 つまり、高さという意味である。 いかにも、レイアウトと関係ありそうではないか。  【単語の例】 では、レイアウトに必要とされる、英単語を列記してみよう。 横幅 width 高さ height 左 left 中央 center 右 right 上 top 下 bottom ちなみに、table は「表」という意味である。 意外に、どっかで見たような単語ばかり、ではなかろうか。 【設定方法】 これらの単語を、イコールで、数字と結ぶことによって、 値を指定するのが、基本である。 たとえば、width="100" とは、横幅を100にセットせよ、 という意味なのだ。 あとは、height だろうが、left だろうが、要領はみな同じである。 何でもかんでも、イコールで繋いで、数値をセットすればよろしい。 複数セットするには、半角スペースで区切って並べるだけだ。 たとえば、テーブルの大きさを、ヨコ400、タテ300 に指定するには、 tableタグに、これらを仕込む。 <table width="400" height="300"> ・・・中身は省略・・・ </table> と書けば、幅400、高さ300、の表が出来る。 【マスの幅】 テーブルの中に書く、それぞれのマスの幅も、個別に指定できる。 tdタグの中に、widthを放り込んでやればよい。 <td width="40">左のマス</td><td width="60">右のマス</td> なお、セットする数字は、半角のダブルクォーテーションマーク(")で囲むのが、 正式なルールであるから、併せて覚えておこう。 書く時はすべて、半角英数字で書くこともお忘れなく。 全角で書いたり、半角スペースなしで連続させると、 隣接したものまで無視されて、予期せぬエラーの原因となる。 【サイズ指定の単位】 今回のように、単位を省略した場合は、単位はピクセルとみなされる。 ピクセルとは、モニタに表示できる最小の点のことで、 モニタ幅が、1024ピクセルの場合、500ピクセルといえば、 画面の、およそ半分の長さであることが、わかる。 モニタの幅から類推すれば、だいたいの見当がつくであろう。 テーブルは、まだまだ細かい指定ができるが、本日はここまで。 【本日のポイント】 １．HTMLの呪文は、カンタンな英単語。 ２．width="100" のように、数字を入れれば、大きさが指定できる。 ３．呪文は半角スペースで区切って、複数仕込むことが出来る。 【トド短信】 このところ、雨が多くて涼しかったのだが、いよいよ猛暑到来か。 ちょっと油断するとパソコンも、熱暴走する時期である。 カバーをはずして、扇風機で風を送りながら使っているのだが、 それでも、すぐハードディスクが熱くなる。 CPUなど、恐ろしくてさわれない。  【ダウンロードページ】 ・楽天日記専用バックアップツール、バーニャン３号のサンプル版、 「バーニャン・ミニ」のダウンロードはこちら。 ・にゃんタグのサンプル版は、このページの中段付近。 ・バカネコ・ビューアのダウンロードはここ。 １日１票！ ブログランキング→  ※バカネコ講座では、安全な方法を選んで紹介していますが、 途中でわけがわからなくなっても、責任は負えませんので、あらかじめご了承下さい。 ネコでもわかるＰＣ講座はこちら → バカネコ講座 バカネコ村特製！手抜きツール → バカネコソフト 【楽天トラベル】 バカネコ講座 バカネコソフト バカネコ村 爆笑ガイド 猫砂の研究 パソコン購入費用の削り方 現物の投下位置 ずぼらなアクセスアップ ページを読みやすくする方法 バーニャン・ミニ 楽天日記のバックアップ にゃんこのコスプレ テキストリンク下線の消し方 楽しめるアフィリ 己を知れ 自分のＰＣを知る バカネコ・ビューア バーニャン３号 にゃんタグ・フルバージョン The Power ! 楽天日記の保存なら、バーニャン３号！ 日記のテキストだけじゃなく、コメントも画像も保存したい。 トップページも残したい。 フリーページも全部、画像付きでバックアップしたい。 特定期間の日記だけ取りたい。 1000ページ以上あるんだけど、なんとかラクして、ダウンロードできないかしら。 ついでに、ダウンロードしたファイルの一覧もあったらいいな、リンク付きで．．．。 バーニャン３号なら、これらが全部できます。 しかも、クリック一発で。
画面右上「日記リンク追加」をクリック、「◎追加する」ボタンを押すとこの日記がリンクできます。 このサイトの新着記事の通知をご希望の方はご利用ください。 お気に入りの記事を「いいね！」で応援しよう
[バカネコＰＣ講座] カテゴリの最新記事
熱暴走シーズンもいよいよ本格化！
我が家のＰＣさんも薄着になって窓際の一番涼しい場所に鎮座ですわ。 おかげで人間様は非常に暑苦しいんだけど･･･ みんな熱暴には鳴かされてるんだと実感できる画像でございました(^_^;;; (2005年07月15日 18時31分55秒)
写真から熱風が来そうです。
サイズを指定しても実際にはどれぐらいの大きさになるかわからないです・・・(ーー;) モニタ幅のサイズはどこでわかるのですか？？？ デスクトップからプロパティを開いて設定のところにあるものですか？う～～ん、わからん。 トド教授も大変ですね。私のようなものが講義を受けているのですから。でも感謝です。 (2005年07月15日 20時41分35秒)
未だに何かを騙し騙しやってるテーブルの謎が解き明かされるのを期待してます。
ご立派に鎮座しておられるパソコンさまのお隣、 古の香り漂う扇風機に好感を抱きます（笑） 熱暴走…怖いので人間そっちのけで扇風機はパソコンへ…。辛いよう！（致し方なし） (2005年07月15日 21時03分39秒)
＞熱暴走シーズンもいよいよ本格化！
＞我が家のＰＣさんも薄着になって窓際の一番涼しい場所に鎮座ですわ。 ＞おかげで人間様は非常に暑苦しいんだけど･･･ そうなのよね。 どっちかというと、人間の方が、しいたげられているのよね。 (2005年07月15日 21時08分16秒)
＞雄姿を拝見しました。
＞だいぶ使い込んでいらっしゃるご様子。 ＞タワー型は、いじくり甲斐がありますよね（＾＾） にゃはは！ ケースとフロッピー以外は、全部入れ替えました。 電源さえも交換しましたので、まるきり別物です(笑) (2005年07月15日 21時09分49秒)
＞写真から熱風が来そうです。
アスロンというCPUは、やたら発熱するんです。 ＞サイズを指定しても実際にはどれぐらいの大きさになるかわからないです・・・(ーー;) バカネコビューアで試してごらんなさい。 ＞モニタ幅のサイズはどこでわかるのですか？？？ ＞デスクトップからプロパティを開いて設定のところにあるものですか？う～～ん、わからん。 デスクトップの何もないところを右クリックすると、 画面のプロパティが出ます。 次に「設定」タブを開いてください。 画面の解像度というのが出ていると思います。 1280×1024 とあれば、横幅1280ピクセル、タテ1024ピクセルということです。 (2005年07月15日 21時14分17秒)
＞古の香り漂う扇風機に好感を抱きます（笑）
＞熱暴走…怖いので人間そっちのけで扇風機はパソコンへ…。辛いよう！（致し方なし） あまりの暑さに、扇風機をちょっとこっちに向けると すぐダダをこねるんです、こいつは。 (2005年07月15日 21時15分50秒)
パソコン以上に、その隣にあるうちでも活躍中の古風な扇風機が気になります!!
村長!!夢の印税収入でガッポガッポ儲けましょう!! その際は有能な秘書ミルノをよろしく!! ミルノ、え～。ミルノはいかがですか? (2005年07月15日 21時39分46秒)
人間は大丈夫でも、うちではおネコさまとPCのために冷房入れてますｗ
冷房入れっぱなしの夜は、ちょっと寒い青森県。 (2005年07月15日 21時49分13秒)
＞パソコン以上に、その隣にあるうちでも活躍中の古風な扇風機が気になります!!
いいんです！ パソコンに風さえ送れれば！ ＞ミルノ、え～。ミルノはいかがですか? おせんに、キャラメル～♪ じゃないんだから、 あんまり安っぽい売り方すると、ミルノが怒るよん(笑) (2005年07月15日 22時19分42秒)
今日、全然ニュース見てないんですけど、もう梅雨明け宣言ってしたんですかにゃ～。まだだったら、明日か麻ってあたりにまた「梅雨は明けていたようです」とか言うのかにゃ～。暑くて、頭が働かなくなってしまいました・・・パソコン・・・カバー外してて、ホコリの影響はないのですかにゃ～～～？
(2005年07月15日 22時22分33秒)
＞明日かあさってあたりにまた「梅雨は明けていたようです」とか言うのかにゃ～。
ぶははは！ ありましたね、そのパターン！ ＞パソコン・・・カバー外してて、ホコリの影響はないのですかにゃ～～～？ はずしていた方がホコリはたまらないそうです。 ホントかにゃ～？ (2005年07月15日 22時27分15秒)
今夜もとってもお勉強になりました・・・と
書きたいんですけど、ちょっとヨッパなので 「ふんふん、なるほど」と思っただけでした（汗） 実践する時にまたお勉強させて頂きます。 あ、我が家のパソコン環境は「熱暴走」とは無縁です。 なにしろこの季節、ワンコ達の為に 一日中エアコンが稼働しています故。 ワンコとパソコンには優しい環境ですが 家系には厳しい季節です・・・ (2005年07月15日 23時25分10秒)
＞今夜もとってもお勉強になりました・・・と
ふむふむ。 ＞書きたいんですけど、ちょっとヨッパなので ＞「ふんふん、なるほど」と思っただけでした（汗） なんじゃそりゃ、がくっ！ ＞あ、我が家のパソコン環境は「熱暴走」とは無縁です。 ＞なにしろこの季節、ワンコ達の為に ＞一日中エアコンが稼働しています故。 ＞ ＞ワンコとパソコンには優しい環境ですが ＞家系には厳しい季節です・・・ うらやましいですのう．．． (2005年07月15日 23時33分10秒)
２～３時間ノートパソコンを使っていると テーブルにも熱が・・・。
やっぱりこれって まずい状態ですよね？？ それにしても 扇風機！ 羽の色が緑で色違いですが 我が家にも懐かし～い感じの扇風機があります♪ 夫が学生時代に使っていたモノらしいのですが まだまだ現役です (^^)/ これからも コードをウサギにいたずらされないように注意して 大切に使っていきたいなぁ。。。 (2005年07月15日 23時41分59秒)
＞２～３時間ノートパソコンを使っていると テーブルにも熱が・・・。
＞やっぱりこれって まずい状態ですよね？？ アイスノンという手もあります。 ただし、結露に気をつけて。 ＞これからも コードをウサギにいたずらされないように注意して ＞大切に使っていきたいなぁ。。。 うちは、コロンにコードレス電話用充電器のコードをかじられて、 切られたことがあります(笑) 気をつけなくちゃね。 (2005年07月15日 23時49分34秒)
我が家のヒマラヤンと良く似ている。キーをたたいていると、キーの上に乗ってくる。邪魔だが可愛い。
来てくれてありがとう！！ (2005年07月16日 01時26分20秒)
＞我が家のヒマラヤンと良く似ている。キーをたたいていると、キーの上に乗ってくる。邪魔だが可愛い。
ヒマラヤンを飼っておいででしたか。 かわいいですよね。 うちのは２月に☆になってしまいましたが。 (2005年07月16日 01時51分22秒)
ノート型パソコン、加熱してます。
やっぱり、扇風機は人間より先にパソコンに向けちゃうんですね。 そして、扇風機の範囲内に、無理に割り込もうとする人間（私）。 パソコンは熱いけど、風にも当たりたい…。 ちなみに、パソコンの下に鍋敷きを敷いています。 風通りはいいのかどうか。 ＴＯＰの講座の目次、すごいですね。 (2005年07月16日 10時38分45秒)
＞ノート型パソコン、加熱してます。
＞やっぱり、扇風機は人間より先にパソコンに向けちゃうんですね。 ＞そして、扇風機の範囲内に、無理に割り込もうとする人間（私）。 ＞パソコンは熱いけど、風にも当たりたい…。 わはは！ どこも同じみたいですね。 ＞ちなみに、パソコンの下に鍋敷きを敷いています。 ＞風通りはいいのかどうか。 伝熱性の良いもの、風通しの良いものを選びましょうね。 (2005年07月16日 11時40分58秒)
熱も大事だけど，猫の毛も大変かも？
人様用の扇風機があるのに， わざわざ熱さまし用の扇風機の前に座って， 毛繕いされてキーボードに入ったり， 静電気でひっついたり， その度にエアーダスターしてるけど ホコリより手強い！ お猫様は，意地悪なのだ！ (2005年07月16日 17時36分55秒)
＞わざわざ熱さまし用の扇風機の前に座って，
＞毛繕いされてキーボードに入ったり， ＞静電気でひっついたり， ネコ毛の問題もあったのきゃ～！ そりは、まじゅい．．． ＞お猫様は，意地悪なのだ！ いえいえ、それに耐えてこそ、立派なゲボクです(笑) (2005年07月16日 19時15分34秒)
＞アスロンというCPUは、やたら発熱するんです。
そーか・・・それでか・・・ ワタシもAthlonです。 ノートの下に、ペット用冷え冷えシートは使えないでしょうか？ (2005年07月16日 20時23分38秒)
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Re:レイアウトの方法 ２(07/15)
