今使ってるCSS

念のため もともとのCSSを掲載しておきます。

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#Main {
background: url(body.gif);
margin-bottom: 0px;
overflow: auto;
width: 100%
}
#header {
color: #333;
width: 902px;
padding: 10px;
height: 100px;
margin: 10px 0px 0px 0px;
background: #D1DBDB;
}
#navigation {
color: #333;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #ABBEBE;
}
#leftcolumn {
display: inline;
color: #333;
margin: 10px;
padding: 0px;
width: 195px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
margin: 10px;
padding: 0px;
width: 683px;
display: inline;
position: relative;
}
#footer {
width: 902px;
clear: both;
color: #333;
background: #ABBEBE;
margin: 0px 0px 10px 0px;
padding: 10px;
}
.clear { clear: both; background: none; }


 

横並びメニュー

ID=Navigation
の部分に「横並びメニュー」をつけましょう。
ClassやらIDやらをいろいろ追加しているとは思いますが、
いまは、いちど「素」に戻ってやりましょうかね。

☆html
<ul>
<li><a href="#">インターネット関連</a></li>
<li><a href="#">趣味と娯楽</a></li>
<li><a href="#">考察メモ</a></li>
<li><a href="#">犬と猫がいる生活</a></li>
</ul>

☆CSS
ul{
margin:0px;
padding:0px;
list-style:none;
}

li{
padding:0em 0.5em;
display:inline;
}


 

サイト作るぞ!

やりますよ!

詳しくは授業で説明します。

まずはこれはフラッシュメモリに保存してください。

これを保存
 

 

今日の授業(10月28日)

授業らしい授業をしてない気が・・・

ということで


今日は本気で行きます。
(ていうか普段は?)

まずは先週取り残した話

先週の話はこちら

でなんとなくわかったところでいよいよ今週は
本格的なサーバー管理者を目指す気持ちです!


合図があったらここね  →  ここだよ



 

サーバー概論 その2

さて 今日はさーばーの実際です。

まず「女の子の本」からUBUNTUというサーバーにふれてみます。
実際にどういうものか体験してみましょう。



サーバーは一般的には眼に見えないものです。
遠くからアクセスします。

ということで、まずは
これをデスクトップにダウンロード。

そしたらそれを解凍してフラッシュメモリにインストールします。

詳しいことは

・順番に
・みんなで
・ゆっくりと

行います。


----------おまけ------------
☆☆サーバーのコマンド☆☆

Linuxのコマンドです。

pwd  今いる場所

ls   今いる場所のファイル一覧

ls -la 今いる場所のファイル一覧詳細
 詳細の説明
 drwx 
 d  これがるとディレクトリのしるし なければ ‐
 r  読み込める
 w  書き込める
 x  実行できる(CGIなど)

cd  ディレクトリ移動
cd .. 一つ上のディレクトリ

Apache Webサーバー

/var/www 公開ディレクトリ


 

かなしすぎます

先週の金曜日の朝のことです。

いつものように
「きょうもがんばるぞぉ」
ってバイクに近づきました。

いつも人前では元気なふりをしているんですけど、
学校に行くのはすごく勇気がいるし、すごく気合いがいるんです。
だからバイクに乗って自分が強くなった気がするって言うか、
バイクから元気をもらいながら出かけるんですよ。

で、そのバイクはこんなやつです。



とにかくお気に入り!
いままで750(ナナハン)含めいろんなやつに乗ってたけれど
いまはちっちゃいけどこれが最高です。
毎日「ぴーっ」って
走っていきます。



ところが   ところがです。

こうなってました・・・



キーを差すところやヘッドライト、メーターの部分が丸ごとないんです。


盗まれちゃいました。


なんだかすごく悲しくて、
こいつに申し訳なくて、

でも学校に行かなくちゃいけないから
速効 くるまの屋根を開けて少し元気になりました。


でもね、今日 おまわりさんにきてもらって
バイク屋さんに来てもらって
バイク屋さんの車に積んで連れてかれたのを見て


あ・・・


と思って


悲しいです・・・


 

ビジネスコミュニケーション その1の2

添付ファイルの使用方法

 電子メールの本文に付属して送られるファイルのこと。メールの文字として使用できないデータ(バイナリデータ)が含まれているファイルを送信するために、エンコード(文字変換)が行われている。受信した電子メールの添付ファイルは、送信時のエンコード方式に対応した電子メールソフトでないと開くことができない。BASE64やuuencodeなどがエンコード形式としてよく用いられる。添付ファイルはワームの増殖手段として非常に頻繁に利用されており、面識のない相手からの添付ファイルなど、安全であることが確認できない添付ファイルの取り扱いには厳重な注意が求められる。

添付ファイルの注意



※上記ページの内容

1. 見知らぬ相手先から届いた添付ファイル付きのメールは厳重注意する
2. 添付ファイルの見た目に惑わされない
3. 知り合いから届いたどことなく変な添付ファイル付きのメールは疑ってかかる
4. メールの本文でまかなえるようなものをテキスト形式等のファイルで添付しない
5. 各メーラー特有の添付ファイルの取り扱いに注意する



1.メールにファイルを添付して受送信してみましょう。

2.受信したメールの添付ファイルを開いてみましょう。

3.複数のファイルを圧縮して添付しましょう。

4.受信した圧縮してあるファイルを解凍して開いてみましょう。

ビジネスコミュニケーション その1

1.基本的なクイズを行いましょう

メールマナー基本クイズ

2.メールを送信するときに気をつけること

メール初心者への簡単な注意点です。

1. 相手のアドレスを確かめましょう!

慣れてくると陥りがちなミスなのですが、メーラの機能で自動的に宛先アドレスを入れてくれるものなどが増えてきているので、つい、宛先アドレスを確かめずにメールを出してしまうことがあります。その結果、

* 宛先不在でエラーメールが返ってくる
* 目的とは違う人にメールを送ってしまう
* 個人宛のメールをうっかり MLに流してしまう

などの失敗をしてしまいます。初心者を脱出しても気を付けましょう。

2. 文面には気をつけましょう。

メールは文字のみでコミュニケーションするわけですから、あなたからのメールを読んだ相手は、その文面のみからあなたの言いたいことを判断してしまいます。そのため、以下のような表現には気を付けたほうがいいと思われます。

* 「過度に馴れ馴れしい表現」

はじめてメールを交わす相手に対して、いきなり馴れ馴れしい態度に受け取られるメールはいい気分がしないでしょう。
* 「厳しい表現」

自分が初心者の域を脱してくると、他の人のメールの書き方や内容に不満が出てくることもあるでしょう。そのような場合、それをメールで注意することもある かと思います。そんなとき、いきなり怒り口調のメールを送るのはどうでしょうか?もちろん、いけないことはいけないこととして指摘してあげるべきだと思い ますが、そんな場合でも相手が萎縮するような文面は避けたほうがいいでしょう。さらに、ただ間違いを指摘するだけでなく、同じ過ちを繰り返さないための方 法を教えてあげるといった心配りができるようになるといいですね。
* 「必要以上の省略」

相手のメールに返事を出すとき、相手のメールの文面を引用することがよくあります。そのとき、すべての文面を引用(全文引用)すべきかどうかは場合により ますし、全文引用には必ずしも賛成しません。しかしながら、返事を書く際に、何についての返事かもわからないような省略や誤解を招くような部分引用には注 意しましょう。

以上のような表現は誤解や衝突を生む原因ともなり、せっかくのコミュニケーションを台無しにしてしまいます。逆に要件のみを伝えているような文面が、初心 者の方にとっては「冷たく」感じられることもあるようです。しかしながら、相手の方はもしかしたら忙しい時間を割いてあなたのメールに返事をくださってい るのかもしれません。文字だけでコミュニケーションをとっていると、多少冷たく感じられるのは仕方がない部分もあります。だから、「もしかしたら相手が 怒っているのでは?」と過敏になる必要もないでしょう。

3. 見知らぬ人にメールを書くときは、最低限の挨拶を心がけましょう。

電子メールを使うようになると、見知らぬ人に質問をしたり、お願いをしたりする機会があると思います。格式張った挨拶は不要かと思いますが、逆にいきなり 知らない人に用件のみを伝えるのはどうでしょうか?見知らぬ人にメールを書くときは、簡単に自己紹介、挨拶などを添えて、コミュニケーションを円滑に進め ましょう。
4. メールは急ぎの用事には不向きな道具です。

メールは、ネットワークの性質上、急ぎの用事を相手に伝えられることを保証している道具ではありません。むしろ、ユーザの好きな時間に読んだり書かいたり できるというのがメールの特徴でもあります。緊急の連絡や急ぎの用事の場合には、電話など確実に相手を捕まえることができる手段を用いることをお勧めしま す。

サーバー概論 その1

今日はまず初心者入門編です。

1.いったいサーバーって何をするもの?
2.そんな形をしてるの?
3.じゃあPCとは違うの?
4.あの「女の子の本は何?」

基本、ずっと入門編かもしれないから難しくしない予定です。
物足りない人
やっぱりわかんない人

少しも遠慮はいりませんよ!

どんどん僕を捕まえて、もしくは逃した人はメールで追跡!

今日の授業(10月8日)

なんか皆さんの授業が久しぶりな感じがします。

黒岩先生のHTMLや田中先生のITの概論、情報セキュリティなどはいかがでしたか?

内容はこちら

1.環境整備
2.先輩達の話
3.ほかの授業の質問コーナー
4.その他 Web系のちょっといい話

でお送りいたします。

落ち着いたらいよいよ サーバー概論・・・ ということで


合図があったらこちらをクリック  →  こちら

おなかがこわれました・・・

CMでキノコを焼いて食べてるのを見て

あー 簡単にできそうじゃん

と思って速効 BigA に行って買いました。

BigAって初めて行ったんだけど買い物袋くれないですね。
なので、ダンボールに入れておなかに入れて(バイクなのでw)
帰りました。



・・で
 洗いました。
 焼きました。
 醤油をかけました。
 食べました。

いまその1時間後ですが・・・

水のような下痢です・・・

完全におなかが壊れましたぁ(@_@;)

何がいけなかったんだ????


 

未来から!

おはようございまする

日記のときは人格を変えてみますね(^v^)

ガリレオ見ました。

2036年から来たタイムトラベラーの話なつかしいですね。

2001年 ネットの掲示板に「僕は未来から来た」と書き込み
その後、いろいろな出来事を予言(この場合事前通知)
タイムマシンの設計図は結構本格的。
数年後未来に帰る。

当時すごく話題になったんですよ。

その時思ったのは、
「あれ?ってことはいま彼は子供でいるんじゃん?」

やっぱり他の人も思っていました。

その後、「私たちは彼の両親」なんて人も現れましたね。

気になる人は検索を駆使して探ってみてね。
自分のBlogネタにしてもいいよぉ☆彡


 

今日の授業(10月3日)

おはようございます。

昨日 16時にGmailを取りに来ていた人おつかれさま!
とれなかった人ごめんなさい。

今日の授業中に一人ずつ取りますから安心してくださいね。

とれた人おめでとう!

さて、メールアドレスを使用してどんどんメールに慣れましょう。

今日は
 ・メールの送受信
 ・いろいろな検索
の2番組でお送りします。

ということでこちらをどうぞ!  →  こちら


 

メール・インターネット その2

1日2回はGmailのチェックをしましょう

http://mail.google.com

確認事項
 1.差出人はフルネームになっていますか?
 2.連絡帳の整備をしていますか?
 3.メールで添付ファイルをこちらから送信します。
 4.デスクトップに保存しておいてください。
 5.連絡先をインポートします。  
  ●連絡先→インポート

 6.アドレス入力
   出席番号の前後の方にメールをしましょう
   自分のいま、興味あることを書きましょう
   メールをいただいたらそれについて返信をしましょう
 7.一斉送信
 8.フォルダ振り分け

◎Googleの様々な機能

 ・これは解説します
  基本検索

 ・各自学習用
  完全一致検索

  複数検索

  英和和英辞書

  翻訳

  株価検索

  会社情報検索

◎いろいろな検索

 ・よく読みましょう

link:
対象 URL のリンク元を表示
例: link:http://www.google.co.jp/
PageRankによる足切りが在る。 現在 Google の場合 link: 検索は適当な物しか表示せずほとんど意味を成さない。
Yahoo! と MSN では linkdomain:google.co.jp 等のコマンドが使える。

linkdomain: は特定のドメインに対し貼られているリンクで認識している物はすべてを表示する。
詳細は バックリンク(被リンク)の確認方法 へ記載。

cache:
対象 URL のキャッシュを表示
例: cache:http://www.google.co.jp/

related:
対象 URL の関連ページを表示
例: related:http://www.google.co.jp/

info:
検索にURLを指定したのと同じ
例: info:www.yahoo.co.jp/

site:
対象ドメイン内の文字列を検索
複数語の指定可
例: site:yahoo.co.jp 花 栽培
例: site:yahoo.co.jp filetype:xml

allinurl:
URL に含まれる文字列のみ検索
複数語の指定可
例: allinurl:mp3

inurl:
URL 又はページ内に含まれる文字列を検索
複数語の指定可
例: inurl:music mp3

allintitle:
ページ タイトルに含まれる文字列のみ検索 ?
複数語の指定可
例: allintitle:素材 midi

intitle:
ページ タイトル又はテキストに含まれる文字列を検索
複数語の指定可
例: intitle:フリー 壁紙

filetype:
pdf、ps、doc、xls、ppt、rtf 等ファイルタイプを指定し文字列を検索
未公認では cgi、php、asp xml、shtml、mw等とLotusやMicrosoftの形式もある
html と htm も区別される
-filetype:pdf と入力すると pdf を含まない検索
複数語の指定可
例: filetype:pdf 規格

allintext:
<html></html>間に含まれる文字列のみを検索対象にする
Google のキャッシュで「これらのキーワードは、このページにむけて張られているリンクに含まれています」 は検索結果から無くなる
複数語の指定可
例: allintext:exit

allinanchor:
ページへのリンク内に含まれる文字列のみを検索対象にする
例: allinanchor:google

inanchor:
使えるが意味不明

daterange:
日付の範囲(ユリウス日の整数部)の指定を1日単位で行う為のフィルタ
タイムゾーンやGoogleクロール時の影響もあり結構いいかげん
複数語の指定可 他の検索コマンドとも組み合わせ可
例: google daterange:2453002-2453012

movie:
映画に関する情報を表示する特殊機能で現在日本語は使えない
映画専用のデータベースを参照していると思われる。
例: movie: Tom Hanks Oscar

◎そのほか いろいろな検索ができます。

http://hp.vector.co.jp/authors/VA013937/google.html

http://www.google.com/intl/ja/help/features.html


この中からいくつか実践して、

TO:金田

へ レポートしてください。

「検索方法の紹介」
「効率の良い検索方法」
など、内容は客先へ報告するという前提の
スタイルでお願いします。

締切:出来次第(必須じゃないですけど)



 

メール・インターネット その1

メール送受信の練習をしましょう

ここではhttp://mail.am9.jpを使用します。

アカウント:"web"+"10"+"出席番号"
パスワード:AAAAAA (Aが6つ)

例:
web1001 AAAAAA
web1002 AAAAAA
web1003 AAAAAA
web1004 AAAAAA
web1005 AAAAAA

--------------

1.上記URLにログイン

ログイン画面
2.画像情報を読み取って入力
3.「利用規約」をよく読んで「同意して、アカウントを作成します」を押下
利用規約

このアドレスは練習用です。

☆講師にメールを送ってみましょう。

「メール送信の方法」

☆メールの確認方法

Q.新しいメッセージが届いたかどうかを確認するにはどうすればよいですか。

A.新着メッセージの数は、Gmail アカウントの [受信トレイ] リンクの横と、ブラウザのタイトル バーに表示されます。Gmail ではメッセージが届いているかどうかを 2 分ごとにチェックし、新しいメールがある場合は合計数が自動的に更新されます。



各人でメールアドレスをお持ちでない方は就職及び今後の連絡用に
各自でメールアドレスを取得しましょう

おすすめは「gmail」です

☆gmailを新たに取得したい方へ



詳しい取り方はこちらを参考にしてください。


Gmailの取得

 ↑ リンク追加しました。

今日の授業(10月2日)

みなさん

おはようございます。

いよいよ開始しましたね。

いろんなことを覚えます。

英語や言語やカタカナがたくさんでてきます。

忘れてもいいんです。

でもメモしておきましょう。
メモする時間はちゃんととりますね。
※ほかの作戦も考え中です。

どこにその情報があったかだけは覚えておきましょうね。

臨機応変、試行錯誤、やわらか頭で行きましょう。

それでは、こちらをご覧ください。  → こちら