ブログ名

BLOGを市民活動の広報に使ってみる実験です。 さっぽろ自由学校「遊」で行われるブログ講座で実際にいじってみるブログページのサンプルです。 実験ページなので、中身の情報には意味はありません。 ここではDITブログさんを使ってみます。 liveDoorさんを使った実験ページは http://blog.livedoor.jp/syu…

DTIブログの登録は http://blog.dtiblog.com/login.html で行います。 このページの「＊新規無料登録はこちら！」にリンクして登録を行います。 最初の登録の際に、 メールが送られて来ます。 もしも、登録作業中に読む事が可能なメールアドレスが無ければ、 Webメールを取得しましょう。 DTIブログのト…

ブログを最初に設定する時に、メールを利用します。 講座の会場（「遊」の教室）で、自分のメールを使えない場合、 Webメールを利用してもらいます。 Webメールを使った事がない場合は、「Gmail」を使ってもらいます。 「Gmail」は http://gmail.google.com/?hl=ja で設定できます。

ブログのデザインの変更には「テキストエディタ」を使います。 パソコンにはじめから付いて来る「テキストエディタ」では、ちょっと使いにくいので、フリーウェアの「テキストエディタ」を手に入れましょう。 Mac OS-X： テキストエディタ「mi」 http://www.vector.co.jp/soft/mac/writing/se3311…

ブログを見る人は、どんなブラウザを使っているか分かりません。 ブログのデザインを変更する場合は、 自分が普段使っているブラウザ以外で、どのように見えるか確認する方が安全です。 このため、 いくつかのブラウザをインストールしておく事を勧めます。 FireFox2 http://www.mozilla-japan.org/product…

このブログ書込みでjavaScriptを使えるかどうかの実験です。 試しにクリック 以下の質問に答えて下さい 1+1=

テンプレート（d00） HTMLで文章を並べてみるだけです。 CSSは各項目の判断のための背景色の設定のみに使っています。 HTML : http://12.dtiblog.com/s/syu0001/file/d00.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d00.c…

テンプレート（d01） CSSによって、だいたいの位置決めを行います。 HTMLは「d00」と同じです。 HTML： http://12.dtiblog.com/s/syu0001/file/d01.html.txt CSS： http://12.dtiblog.com/s/syu0001/file/d01.css.txt …

テンプレート（d02） CSSで、背景色、枠線、文字サイズの調整をします。 HTMLは「d00」と同じです。 HTML： http://12.dtiblog.com/s/syu0001/file/d02.html.txt CSS： http://12.dtiblog.com/s/syu0001/file/d02.css.txt …

テンプレート（d03） CSSによって、画像設置やリンク文字装飾を行います。 HTMLは「d00」と同じです。 HTML： http://12.dtiblog.com/s/syu0001/file/d03.html.txt CSS： http://12.dtiblog.com/s/syu0001/file/d03.css.txt …

テンプレート（d04） 前次ナビゲータを設置します。 前のページや次のページにリンクします。 HTML : http://12.dtiblog.com/s/syu0001/file/d04.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d04.css.txt

テンプレート（d05） 続き（追記）を読むリンクを設置します。 追記記事の表示が可能になります。 HTML : http://12.dtiblog.com/s/syu0001/file/d05.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d05.css.txt

テンプレート（d10） HTMLに、RSS（のリンク）とRDFを挿入します。 HTMLを変更しているけれど、見た目の変化はありません。 CSSは「d03」と同じです。 HTML： http://12.dtiblog.com/s/syu0001/file/d10.html.txt CSS：http://12.dtiblog.com/s…

テンプレート（d20） コメントとトラックバックの機能を追加します。 HTML： http://12.dtiblog.com/s/syu0001/file/d20.html.txt CSS： http://12.dtiblog.com/s/syu0001/file/d20.css.txt

テンプレート（d22） プロフィール部分追加を追加します。 HTML : http://12.dtiblog.com/s/syu0001/file/d22.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d22.css.txt

テンプレート（d23） カレンダー部分追加を追加します。 HTML : http://12.dtiblog.com/s/syu0001/file/d23.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d23.css.txt

テンプレート（d24） 検索フォーム部分追加を追加します。 HTML : http://12.dtiblog.com/s/syu0001/file/d24.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d24.css.txt

テンプレート（d30） GoogleMapを追加します（Googleの「Google MAPS API」を利用します）。 HTML : http://12.dtiblog.com/s/syu0001/file/d30.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d30.cs…

テンプレート（d31） いくつか調整します。 HTML : http://12.dtiblog.com/s/syu0001/file/d31.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d31.css.txt

テンプレート（d33） GoogleMapを少し軽くする（っていうか、こっちが普通）。 HTML : http://12.dtiblog.com/s/syu0001/file/d33.html.txt CSS : http://12.dtiblog.com/s/syu0001/file/d33.css.txt