アクセスアップ・SEO対策フリーソフトの活用Windows FAQExcel Tipsコダマシステムズ TOP

トップページ > 2005年02月

2005年02月20日

スタイルシート入門 第1章その2

参考ホームページ

とほほのスタイルシート入門(基礎知識)
http://www.tohoho-web.com/css/basic.htm

 

: 2005年02月20日 | コメント (0) | トラックバック

2005年02月19日

スタイルシート入門 第1章その1

数回に分けて、ブログ活用のためのスタイルシートの解説をおこないます。
使用するテキストは、できるシリーズの「できるホームページスタイルシート入門」を利用します。


はじめに、スタイルシートの意味

ホームページを作るには、htmlという言語を使って作りますが、htmlには本文のみを記述し、文字の色や大きさ、 配置などをスタイルシートに記述させ役割分担をさせることです。htmlのみで作るより遥かに細かにデザインを制御できます。 このようにデザイン部を別に担当させることで、サイト内のイメージの変更を効率よくでき、しかもブログでも是非知っておくべき内容です。 スタイルシートという言語には、CSS(シーエスエス)を今回は利用します。

この講座で用意するもの

当初は、ホームページを作成するソフトは、不要です。



では、本に従って説明していきます。今回はP24からP32まで第1章の内容です。
ここでのポイントは、P28 の3) linkタグを書くとP30のスタイルシートの基本的な書き方です。 スタイルシートを利用するには、必ずlinkタグを書く必要があります。それも別ファイルに書く習慣をつけてください。(説明は、 EmEditor Professional 2004 を利用して説明します)
注意)事前にP36の「ファイルの種類が分かるようにするには」の設定を済ませておいてください。

実習

1)ディスクトップ上のアイコンが無い部分で右クリックし、新規作成>テキストドキュメントを選択してください。 今回は2個の新規テキストドキュメントを作成します。そして1個は、test.html、 もう1個はmystyle.cssに名前を変更します。

2)test.htmlを右クリックして 送る>EmEditorをクリックし

welcome!

と入力し(これだけでいいです)保存後、右クリックして開くをクリックしてください。ブラウザで確認できましたか?

3)次にこのtest.htmlにP28の3に書いてあるlinkタグをwelcome!と入力した部分より上に入力してください。 保存後ブラウザで確認した際、welcome!以外の文字が出ている場合、入力間違いですので、テキストをよく見て、 間違いが無いか確認してください。

4)このwelcome!の文字に対して、 P31を参考に<h1>welcome!</h1>と入力してください。 この状態でブラウザで確認すると大きな字になります。

5)いよいよ先程作ったに P30を参考に
h1 {
  color: red;
}

と入力し保存してください。(一行に続けて入力しても問題ありませんが、後で見やすいように心がけてください)。

6)test.htmlをブラウザで開いたら大見出しの赤い字がでましたか?色を変更する場合は、 P19から21のホームページ色名一覧を参考に変更してみてください。

 

: 2005年02月19日 | コメント (0) | トラックバック

教育現場でのブログ活用

教育関連ブログ

小学校 秋田 勲ちゃんのITCE仕事日記  
小学校 石川 masakiの情報教育レポート 日々是情報教育? 日記 
  茨城 学校現場のパソコン事情 一太郎とワードの比較。現場で役立つハード・ソフトウェアの紹介
小学校 岩手 地域のよさ・ 日本のよさを伝える授業  
  大分 IT活用 情報は発信する所に集まる 交流して生きる
小学校 沖縄 かいくんのHP  
  鹿児島 jiromarus_diary 足跡を残すことの意義をいつか見出せたら・・・・, 徒然なるままに
  金沢 つじくんのHP  
  京都 Nao's blog  
小学校 熊本 GO AHEAD  
  熊本 かないよしあきのぽーとふぉりお 授業力を高めるために、日々の実践・考えたことの足跡
  埼玉 いのけんのページ Go for 2005,together! 「情報教育」 「教育の情報化」を共に考えましょう!  
  静岡 -yo-shi-今日はどんな日  
  丹波 ろむのFootPrint みんなちがってみんないい
  丹波 細見の一日 おもに一日の仕事について書いていきます。情報教育や理科教育について
児童 千葉 大森小学校 みんなのブログ  
小学校 東京 kamasen.com  
  東京 小学校発ひとこと 情報教育に関する覚え書き、日々の小学校現場からのつぶやき。
  徳島 熱中時代 筆者は島の学校に勤務しています。島のデジタルデバイド解消に挑んでいます。  
  栃木 Gorotsuky Weblog  
  鳥取 YOSHIMAの一言日記2 情報教育で子どもに力を育もう
中学校 鳥取 hironの日記 どたばた仕事日記
  鳥取 yamachin . com yamachinの教育実践に関するポートフォリオ
  鳥取 たなぽんの部屋  
  富山 Sasaの情報教育紀行 忙しき日常を書き留めてみた。
  富山 ひろゆきのたわごと 日頃感じたこと(教育でのコンピュータ利用を中心に)を綴る。
  富山 まこ先の情報教育日記  
  富山 オンリーワン みんなちがってみんないい
  富山 今日のみやくん 丁稚奉公 1から 貢献 真摯 とことん
小学校 長崎 北極星2 ブログの教育的活用方法の研究
  名古屋 成田先生のホームページ  
クラブ 福岡 春日南小学校 わくわくブログ  
  北海道 福ちゃんのactive diary 遙かなる大地 北海道の地で・・・・
小学校 宮城 みなかわ日記 気軽なIT活用で,子供たちに力をつける
小学校 宮崎 taku-s.net 備忘録サイト
  宮崎 光浩ドットインフォ  
小学校 山形 いちゃりば、 ちょーでー 出会えば みな 兄弟!!!  
  山形 のりちゃんのあれこれ日記 小学校の教員。仕事、研修、趣味、 日常生活についての日記です。 
センター 宮崎 kodaman's Diary 切に生きる 
教育委員会 丹波市 堀博文のポートフォリオ  
学校 鳥取 三朝町立西小学校  
小学校 兵庫県 Fukis_diary 1日の出来事や教育実践に関する情報発信
小学校   トトロ先生の野々井中授業日記 トトロ先生が勤務先で考えたこと、感じたことを綴ります。
    きっさんの喫茶室 野武士の叫び


 

: 2005年02月19日 | コメント (0) | トラックバック

2005年02月14日

OKという言葉の由来

移動中、FM放送で「OK」の由来を問うクイズをやっていました。答えを聞きたかったですが、 打ち合わせの時間の都合で分からないままだったので、ネットと調査。

OKの語源について

  1. ギリシャ語の “olla”=all と“kalla” =goodの短縮形(abbreviation)
  2. フィンランド語の “oikea”
  3. 第8代アメリカ大統領 「Martin Van Buren」を支持する民主党一派が組織したクラブの名称。
  4. O.K.Club」の「O.K.」は、 「Martin Van Buren」の出身地であるNew Yorkの 「Kinderhook」に、「出身」という意味で 「Old」をつけた「Old Kinderhook」の略。この「O.K.」 がニックネームとなり、いつしか承認の意味として「OK」と言われるようになった。
  5. フランス兵士が、 植民地の女性と密会していた場所という意味の“aux quais”
  6. 大橋巨泉の略
  7. 北米インディアンのチョクトー民族のチョクトー語で“It is so.”を意味する“hoke”か“okeh”
  8. 初の西部出身の大統領Andrew Jackson がスペリングミスで“all correct”を“oll korrect” とつづり、その短縮形がOKになった

一番語源で可能性が高いのが、8番のoll korrect説らしいです。
ついでに、 ジャスコ(JUSC)の社名ですが、日本ユナイティドチェーン株式会社でJapan United Stores Company。これまたへぇーでした。

: 2005年02月14日 | コメント (0) | トラックバック

NAVERでフォトアルバム

いろいろなBlogサービスが出ていますね。
Naverのブログって、 楽天ブログ風でカスタマイズを売りにしています。もっとも楽天ブログと大きな違いにフォトアルバム機能があるところですね。 過去の記事の変更は、どのようにするか不明です。でも現在個人的には勝手にアフェリエイト機能は嫌」ですがSeesaaが一番のお気に入り。
ライブドア ブログ難民の方は引越ししてはどうですか?

: 2005年02月14日 | コメント (0) | トラックバック

2005年02月13日

ちょっと待った!ECのリスク分散

某雑誌にオンラインショッピングのリスク分散で独自ドメインとショッピングモールへの出店を薦める記事があり、一言いいたいです。
こんなことしていたら、よほど体力(資金・人材)がないかぎり、両方とも失敗してしまいます。どちらか一方がいいです。
現時点では、ある程度、独自ドメインで体力がついて後、楽天への出店がいいと思います。

Yahooストアーは、費用を安く設定しています。検索のポータルサイトとしては、No.1ですが、やはり楽天が上です。ビッターズは、 特定分野の出店は効果があると思います。
Livedoorは、現在無料ですので、この機会に利用してもいいかもしれません。

しかし、ショッピングモールへの出店は、ある程度の資金が必要ですので十分に検討してください。安易な出店は、経費ばかりかかり、 収益につながりません。

: 2005年02月13日 | コメント (0) | トラックバック

ETC車載器購入支援

日本道路公団のETC 2004年10月12日からの30万台の5,250円の車載器購入支援制度。知らない間に開始されていて、 受付終了になっていました。
ただ、今後マイレージ割引や早朝深夜の約50%割引を考えると、導入メリットがあるようです。
楽天のETC市場 で1位は、Panasonic 一体型ETC CY-ET800D 

価格9,380円(セットアップ込み)悩むところです。


関連URL
 ETC総合情報ポータルサイト http://www.go-etc.jp/
 ちなみにこのサイトのソースのmeta name="keywords"部分でETCとは、Electronic Toll  Collection Systemの事と知りました。

 

: 2005年02月13日 | コメント (0) | トラックバック

行列のできる警察署

実は、美味しいもの売っているのでも、名物のおまわりサンがいる訳ではありません。
熊本から福岡県大牟田へ移動。ついうっかりits-mo Navi(ゼンリンデータコム) http://www.zmap.net/ で印刷した地図を忘れ、 大牟田警察署で場所を教えてもらいました。
さすがプロの的確な道案内で感謝しました。

「熊本から来たんですか?」
えー・・・・なんでわかるの??と思いつつ「はい」

対応してくださった交通課の方がとても親切でした。
一人の対応が署全体の印象になります。この事は、もちろん自分の仕事への取り組みを見直すいい機会でもありました。

: 2005年02月13日 | コメント (0) | トラックバック

MTエラーで更新できず

ubicast Bloggerがversion 0.9.20 リリースしました。(2005/2/8)
おや MTが再構築できないぞぉー。日付アーカイブが間違っとるばい(^_-)-☆
とエラーメッセージ。はじめは、ubicast Bloggerを疑ってしまって誠に申し訳ありませんでした。

私のポカです。でもエラーを発見するのは、VBなどで開発するより時間がかかりました。その大きな理由は、 もちろんMTスキル不足ですが・・・

: 2005年02月13日 | コメント (0) | トラックバック

2005年02月12日

誰も走っていない高速道路

2004年2月1日から2日にかけて、北部九州は、冬型で平地で少しの積雪でした。しかし高速道路は、部分的に通行止めで、 移動が大変でした。

1日は、山鹿まで高速で移動。
途中八女ー植木間が通行止めの電光表示を広川あたりで気付き山鹿に行く事をやめて、八女のKさんのところに「雪で○※×・・・」 で急遽仕事中止にして、遊びにいこうと思っていまいましたら、通行止め解除になりそのまま山鹿行きでした。ただ帰りは、 全面通行止めで渋滞の3号線で帰路につき、福岡到着は25時を回ってしまいました。

2日は、筑後に移動。この日も高速道路通行止めで3号線は渋滞。待ち合わせの時間を大幅にずれる事を移動中連絡しながら、 3号線の鳥栖インターを通り越す寸前に高速道路が通行止め解除。

九州高速道。鳥栖久留米間


この写真は、高速一番乗りぃーで料金所を通過したつもりでいたが、後続のETC車載のトラックに抜かれ、 抜き返した際の全く車が通っていない高速道路の写真です。
普段は、かなり交通量の多い道ですが珍しかったのでつい1枚撮影。奥の橋は、筑後川に架かる橋です。

: 2005年02月12日 | コメント (0) | トラックバック