2009/02/20

2月19日(木) 授業メモ

本日は、
午前 情報セキュリティー概論
午後 サーバ概論  でした。

疲れた…。付いていくのに必死です。
パニックに陥りました。

【サーバ概論 本日のポイント】

本日習った、Linuxのコマンド
■であらわしているものは、半角スペースの意味です。
1)pwd
 自分が今、どこのディレクトリにいるかを表示するコマンド
2)cd■○○
 ○○へ移動したいと指示を出すコマンド
3)ls
 今自分がいるディレクトリ内の内容を表示させるコマンド
4)ls■-la
 ディレクトリ内のファイルの作成日時を表示させるコマンド
5)nano■○○○○
 nanoエディタでファイルを開くコマンド
6)Ctrl + D  (keyです)
 ログアウトするコマンド
 ※windowの×ボタンではログアウトできません

2009/02/19

これも昨日のことじゃった…

『それは昨日のことじゃった…』の訂正
をさせていただきます…。

むねおさん、DIESELさん、さかさん、
ぽんずさん、ゆみさんに
コメントを頂いたのに、

全くもって、すみません、でございます…。

そして、ゆみさん、ご指摘ありがとうございます!
まったくもってその通り!

昨日書いたCSSだと、tableもtrもtdもthも一緒に指定は可能です。
だって、指定しているスタイル内容が一緒ですから…。

では、なぜ別に書いていたの? と聞かれると・・・。

thのセルのバックグラウンドに、カラーを入れようと思っていたからです!
その方がカッコいいかなと思ったんです!

んが、見事に書き忘れました…。
すみません。

というわけで、訂正版 ↓

{}と/、は全角にしてありますので、

試してみる際は、半角に打ちなおしてご使用くださいませ。
table, tr, th, tdを使うテーブルで使って下さい☆

【CSS★thのセルだけ色を入れるバージョン】
/* ---( ここでtableとtrとtd の指定をする)--- */
table,tr,
th,td{
border: solid 1px #000000;
border-collapse: collapse;
}

/* ---( ここでthの指定をする)--- */
th{
border: solid 1px #000000;
border-collapse: collapse;
background: #ffcc99;
}

【CSS★色を入れずにテーブル自体にまとめて指定バージョン】
/* ---( ここでtableとtrとthとtd の指定をする)--- */
table,tr,
th,td{
border: solid 1px #000000;
border-collapse: collapse;

2009/02/18

それは昨日のことじゃった…

昨日の放課後、教室で居残りをしていたら、
K先生が「やりたいひとはやって」という
CSSの課題を出すだけ出して、
ひゅるりら~と風のようにお帰りになられた…。

出された課題は、
こんなテーブルをCSSを使って作成せよ!
というもの。

基本、出された課題はこなしてみたい派のワタクシ。
やってやりましょうさ! と気合をいれてLET'S DO IT。

で、すんごいがんばった ら、出来ました。

んが。
どぉ~してもIEで表示ができない。

なぜ!? なぜ!? なぜなんだぁ!!!!

と、きゃんきゃんさんに手伝っていただきつつ唸っていたところ、
K先生が教室にcome back!

Firefoxで開けてみたら、あっさりと表示。

「だからFirefoxでやれっていってんじゃん」
と、いうありがたいお言葉と共に、
その日は終わったのでございました…。


んが。



悔しいじゃあないですか。IEで表示ができないの。
っていうか、ほとんどの人が使用しているのはIEじゃないですか。

で、探って、やっとこさ理由を発見。
何のことはない、しっかりCSSで指定せよ。ということみたいでした。
(私の検証結果です)

は~、スッキリ!!

以下にCSSのソースを書いておきます。

{}と/、は全角にしてありますので、
試してみる際は、半角に打ちなおしてご使用くださいませ。
table, tr, th, tdを使うテーブルで使って下さいね☆


【CSS】

/* ---( ここでtableとtrとtd の指定をする)--- */
table,tr,td{
border: solid 1px #000000;
border-collapse: collapse;
}


/* ---( ここでthの指定をする)--- */
th{
border: solid 1px #000000;
border-collapse: collapse;
}

2009年2月18日(水) 授業メモ

本日はお寒ぅございました。

そして1日、WORDの日。

【WORD ポイント】
■前回の復習で、文章を打ってみよう!
■表の作り方を学ぼう!
■いろいろな表を作ってみよう!

こんだけですみません。

2009/02/17

2009年2月17日(火) 授業メモ

本日は、内容の濃い一日でした。
一日中HTML。
お昼休みはK先生のお話を聞く。
濃かったのぉ…。

【HTML 本日のポイント】
■frameをつくってみよう
■フォトショップをMACでやってみよう☆

本日は、疲れましたので、以上です…。

2009/02/16

2009年2月16日(月) 授業メモ

本日は、授業変更のあった週明け月曜日。
朝、お茶をもらいに行ったら、
数人の方がPC室に行こうとしていたので、
「授業変更になりましたよね?! 別館ですよね!?」と、
思わず叫んでしまう。
あぁ…、驚いた。

ご飯を食べずに出てしまったら、
11時過ぎから途端にお腹がぐぅ…。
クラス内ではダイエットが流行しているというのに、
コンビニへ行って糖質(チョコレート)を購入。

一番ダイエットをしなくてはいけない人間が、
高カロリーを体内に注入しているこの現状…

いいのか? あたしっ!


【キースキル講習 本日のポイント】
■自分の言った言葉を相手は相手の言葉で解釈するので、
 自分の言ったことが伝わったか、必ず確認をすることが必要
■面接の肝は始めの3分!

【WORD 本日のポイント】
■本日行ったNEW作業
 均等割付・ルビ付・イタリック・網掛け・印刷プレビュー
■教科書P98の文章を作ってみよう!
 頑張って打ちましょう。

2009/02/13

日記 de HTMLの練習☆2

今週は、水曜日がお休みだったので、
体的には比較的楽だったけれど、
授業内容としては、相当濃かった気がします。

HTML・WORD・CSSが各丸一日ずつあったのは
やっぱりキツカッタ~。
頭が飽和状態。(@_@;)

今週思ったことは、昔先輩に言われ続けた例の言葉。

よく聞け! よく読め! よく考えろ!



たいていのことは
早とちり、良く読んでいない、考えていない
だから、
落ち着いてやれ!と、
アホをする度に言われていたなあ・・・。

厳しかった職場ですが、
今思えば大分鍛えられ(その分、心配症の度合いも強まりましたが)、
よい先輩や仲間に支えられてきたなあ、と思います。

HTMLとCSSも、同じだなあと思いました。
構造を理解して、順を追って組み立てていけば、
テーブルもスタイルも行けるはず。

と、自分を励まし、see you next week・・・。

あ、お勉強ついでに、来週月曜日の時間割が変わったので、
テーブルで表記しておきます☆
間違えるな、自分! & みなさん!!















 





キースキル

*ご注意を!授業が変更になってます!




ワープロ

2009年2月13日(金) 授業メモ

本日はCSS日なり!

朝、担任のK先生にお会いしたら、
『がんばりなさいよ』と激励のお言葉。
『はいっ! 頑張ります!』と、元気にお返事しました☆(^▽^)

まとめてみましたが、長い…。
書いてみるのが一番覚えて早いと思ったので、
打つべし打つべし!ってことで…。

【CSS 本日のポイント】
※以下に出てくるタグに関する記号は全て半角で表します。
1 CSSとは
  html文字サイズ・余白などを見栄えに関する書式を適用させるものである。
  2のやり方で、htmlとは別の部分に指定したcssを、html内で呼び出し、適用させる。
2 CSSを読み込む方法
  1)htmlファイルと別ファイルにして読み込む
    htmlの<head>の間に、
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="style.css">
    と入れ、別ファイル『stye.css(このファイル名は任意)』を作成し、
    その中にCSSを書いていく。
    この2行を書くことで、
    CSSを使いますよという宣言
(1行目)とcssとのリンク(2行目)
    がなされる。
  2)htmlファイル内に記述する
    <head>の間に、CSSを記述していく。
    (基本、あまり使わないらしいので、省略)
3 基本書式
   要素{プロパティー:値;}
   最後の;で、このプロパティーの指定はここまでですよ、という意味
  1)同一の要素全てに適用する方法
    [例 css] h1{
         color:#FF0000;
         }
    h1は全て赤色にしなさい、という指示になる。
    htmlの中で<h1>のタグで囲まれた部分が全て赤色になる

  2)部分的にスタイルを適用する方法
    [例 css] .aka{
            color:#FF0000;
            }
          先頭に.(半角ピリ)、その後ろに任意のセレクタ名を入れて
          プロパティーを指定する
    [例 html] <h1 class="aka">ここの文字が、赤色になります。</h1>
           html→要素のクラスで、cssでつけた要素を呼び出す
  3)ユニバーサルセレクタですべてに適応させる
    *(アスタリスク)を要素に書くと、全ての要素に対して、スタイルが指定される
    [例 css] *{
          color:#FF0000;
          }
4 divとspanの違い
  ■divはブロック要素・spanはインライン要素

まとめたはいいけれど、
読んだ人はこれで意味がわかるのだろうか…?
構造をしっかりわからなければ、
多分この先キツソウだな、と思いました。
基礎をしっかり学べ! あたし!
と、気合をいれつつ…。
多分あとはタグ辞典を片手に
ひたすら試してみるしかないんだろうなあ…。

2009/02/12

2009年2月12日(木) 授業メモ

本日は、
サーバー概論情報セキュリティー概論
の日でございました。

午前中は、
担任であるK先生のサーバー概論
googleAppleLinuxの設立者・開発者等の話や、
WEB業界の仕事の流れなどのお話などを聞きました。

話を聞きながら、
そういえば今週の日曜日の「がっちりマンデー」という番組でも、
Appleのジョブズさんについてやっていたなあ、と思い出す、あたし。
(どうでもいいでずが、
 
なぜ“がっちりマンデー”なのに“サンデー”にやっているんだろう?
 ・・・と思っていたら、しっかりWebサイトに理由が書いてありました。
 やるな、TBS。)


技術も大事だけれど、人とつながる能力も、
仕事をするのには大事なんだなあ・・・。
人間力の必要性を思いました。

あ、あと、ApacheとかSambaとか、
前の会社にいた時のサーバ系男子(同期)がしゃべっていた
謎の宇宙語の意味が、やっとわかりました。
ちょっとだけ、スッキリ!!(←なんとなく加藤浩次繋がり(笑))

午後は、情報セキュリティー概論
先週の続きであります。

【サーバー概論 本日のポイント】
1 サーバーの種類
  ■
LinuxというOSが無料で全世界で開発・研究されている。良く使われるOS
  ■Linuxでサーバーを立てた場合、サーバーの目的別に、それ用のソフトを入れる。
    WEBサーバー → Apache
    Mailサーバー → sendmail
    DB(データベース)サーバー → MySQL・postgreSQL
    Fileサーバー → Samba
2 WEBサーバー
  大体のWEBサーバーは、Linuxの中に、
  Apache・MySQL(ソフト系)、php・perl(言語系)で構成されている。

【情報セキュリティー概論 本日のポイント】
■FAXの送信時には、送信先の確認・原稿の破棄をする
■郵便は、重要物ほど書留や宅配を利用
 移転届などは、必ずする。郵便受けには施錠を
■情報物を持ち出す場合は、
 車上荒らし・置き引きに注意し、基本、持ち出さない
 お酒の席には絶対持ち込まな
■携帯電話は無くしちゃダメ
■自然災害による情報消失は、
 事前の想定が困難なので、風・地震などへの対策を取ろう
■物理的セキュリティー境界をつくる

2009/02/10

2009年2月10日(火) 授業メモ

本日は、WORDの一日でした。
ver.2007は初めて触りましたが、
まったくもって、今までのバージョンと画面が違うっ!
これから先のバージョンもこういう仕様になるのでしょうか?
うーーーーーーーーーーーーーん・・・。(-。-;)

【WORD 本日のポイント】
1 IMEパッドでの漢字の検索・登録・削除の仕方
  ■検索結果の上で右クリックすると異体字が出てくるのは
   知らなかったなあ。
   ver.2007以前もそうだったのかしら…?
2 ページ設定の仕方
  ■ルーラーの横の青い部分をダブルクリックすると、
   ページ設定画面が出る
   知らなかったなあ。。
3 文章の保存の仕方
  ■保存する際、ver.2007以前でも使用したい場合は、
   『Word97-2003文書』という形式を指定して保存する。
   (気づいたコト)拡張子が『.doc』 → ver.97-2003互換
            拡張子が『.docx』 → ver.2007
4 文章を作る際は
  1)まず、必要な文章をベタ打ちで文章を入力
  2)装飾していく

その他いろいろありましたが、
ポイントということで…。

2009/02/09

2009年2月9日(月) 授業メモ

本日は一日中HTMLなり~。
細かく書くと、大変なので、抜粋。

【HTML入門】

1 前回までの復習と補足
■前回習ったHTMLのタグをテキストを使用して復習
 (テキスト → 第2章)
  <<補足説明>>
   emタグ → 斜体で強調するタグ
   strong → 太字で強調するタグ
      (emより強調する場合に使用。bで表す場合もある)
2 新しく学んだタグ
行揃えとブロック揃え
  h1やpタグの後ろに align="位置"というように指定していれる
  divというタグを使うと、ブロック全体の行ぞろえを指定できる
   左揃え = left
   中揃え = center
   右揃え = right
リンク設定
  a href="リンク先"

テーブルの作り方
■フレームセット

お礼☆

コメントをくださった皆様、
ありがとうございました~。(^^)


自分のコメント欄ではなくて、
くださった方のブログにコメントしてみているのですが、
気づいていただいているのか不安ななので、
お礼を記事としてUP!

これからもどうぞよろしくお願いいたします☆



ついでにこれもHTMLで書いてみました。

2009/02/06

日記 de HTMLの練習

今週習ったHTMLを使って、
今週の感想を書いてみます。

とにかく緊張しっぱなしな1週間でした・・・。
ついていけるのかなあとか、大丈夫かなあ、とか、
とにかく不安がいっぱいで自分もいっぱいいっぱい。

どれくらい不安かというと、
食べるのが大好きな私が、食べ物を食べたくないという状態になるくらいです。

これはかなり大変なことですよ。
大変なんですよ、奥さん!(←って誰に言っているんだ、あたし)
このあたしに食欲が無いなんて!
何より食べることが好きなのに!

・・・反動で食べまくらないように注意します。

まあ、不安になるなら解消するように努力しろ
ってことなんでしょうが、
不安は不安んだんだぁ!!!

授業に集中して、頭に入れて、復習をしよう。

がんばれ、あたし。

皆様もよい週末を♪



↑ これもタグでいれました。

(^_^)/~ See you next week☆

2009年2月6日(火) 授業メモ

本日の授業は、正直、
どんより→ドキドキ→どんより→ひゃ~と、
感情の動きが激しい授業でした。

【IT概論】
1 WEB業界の現状について知る
  うん、前途多難。がんばれ、あたし。

2 WEB系っぽいものを発表する
  まず、『WEB系っぽいグッズって何?』と
  がっつりWEBのお仕事をしている某先生に聞いてみたら、
  『WEB系って何?』と逆に質問されてしまったことを
  お伝えしておきます(笑)。
  
  で、ですよ。
  生徒各自が思う『WEB系っぽいグッズ』を発表していきました。
  あたくしは、「横書きの新聞」を発表。
  っていうか、言われてみれば、
  大体のものがWEB系っぽいのではないか!?
  とすら思えてきた。

  しかし、今回の参加者すべての心を奪ったであろう彼女はすごかった!
  かわいすぎる・・・。かわいすぎるぞ、you
  先生メロメロだし…。

  そんな彼女のブログはこちらから飛んでください。

3 今週のHTMLの復習
  ブログをHTMLで書いてみよう。

【情報セキュリティ概論 ポイント】
・情報を扱う上で危険性を知り、回避することは現代社会で必須
・情報セキュリティはコンピュータを利用する場合のみの必要知識ではない
・整理整頓・裏紙・人との会話・携帯電話での会話に注意しましょう。



2009/02/05

2009年2月5日(火) 授業メモ

本日はひたすらHTMLの日でした。
コツコツとテキストを打つ。
しかし・・・あまりにもテンポが速い!
ギュッと詰め込んだ授業とわかりつつも、
すでについていく自信喪失。
泣きそうです。

がんばろう。(と、姿勢は前向きに!)

と、いうわけで、授業メモ&感想 ↓

【AM・PM HTML入門】
HTMLとは、HyperTextMarkup Languageのことで、
 WEBページを作成するときに使用します。
・HTMLはすべて半角英数字で入力すること!
かならずタグは、開いて、閉じる。
・ファイルの頭には必ず宣言を書くこと!
・HTMLではシフトJISを必ず定義すること。XHTMLではUnicode

その他、習ったタグ↓ (すべて<●●>でワンセット)
html
head
title
body
font color
img srcなどなど

う~ん、まとめるのは大変だ。。。



2009年2月4日(水) 授業メモ

正直言って、ヘロヘロです。。。
周りのみなさまはちゃかちゃかチャカチャカ♪
とキーボードを猛烈なスピードで叩いているし、
自分はいっぱいいっぱいだし・・・。

が、がんばろう・・・。

と、いうわけで、授業メモ&感想 ↓

【AM:キースキル講習】
・コミュニケーションスキルを高める、グループワークでした。
『月で遭難した場合の荷物の重要度のランク付けをする』
 という摩訶不思議な課題に、一生懸命臨む生徒一同…。

 荷物の中に粉乳やらロープやら「???」というグッズに対して、
 爆笑したり、真剣に話したりして、面白かったです。
 しかし、確実に自分で考えたものより正しい順位になっていく…。
 というような、コミュニケーションは大事だよ、という授業でした。
 「聞く耳をもつことが大事!」

【PM:メール・インターネット】
このブログをつくったり、メールの設定をやったり、
 初めてやることばかりでアタフタアタフタ・・・。
 「時間内にこなすためには、重要度をつけること」
 要は人生全てこれだな・・・と痛感した一日でした。

 仕事でもよく
 →やること&問題点がありすぎて、いっぱいいっぱい
 → テンパッテ時間があっという間に過ぎていく
 → なんとかやりとげる
 → 自分のアホさに激しく落ち込む・・・。
 というサイクルをしていたので、この学校生活で改善したいです…。


2009年2月3日(火) PM 授業メモ まとめ

2009年2月3日(火) PMの授業
インターネット概論」をまとめました!


んがっ!
ここまで細かく書いていると、自分が大変なことになりそうなので、
次回のメモからもっと効率的に書く方法を考えなければ~ぁぁぁ。
参考になれば・・
・。

(( 1 インターネットの歴史 ))


1969年 アメリカ国防総省が、軍事目的の
      異機種間ネットワークARPANET開発・研究する。

1983年 TCP/IPという標準化された通信規格のプロトコルができる。

1986年 全米化学財団がARPANETの技術を利用しNSFNETを作成
      現在のインターネットの母体となる。

1990年 個人、企業でも利用可能になる。

1993年 インターネットブラウザの誕生。

(( 2 ネットワークについて ))

◆ネットワークとは…、
 コンピュータの端末などを回線で接続し、
 お互いにデータのやりとりができるもののことをいう。

・LAN(Local Area Network)
 数台~数百台のネットワークのこと

・WAN(Wide Area Network)
 地理的に離れた場所にある機器同士をつないだネットワークのこと
 ex. プロバイダ

(( 3 その他、単語! ))

◆プロトコル・・・ネットワークでデータをやりとりする通信規約
◆TCP/IP  ・・・インターネットで使われているプロトコル
◆パケット ・・・ネットワークでのデータの単位

(( 4 サーバについて ))

代表的なネットワークには2種類あり、

1.ピア・ツー・ピア方式
  ネットワーク内のデータのやり取りを管理コンピュータが存在しないもの

2.クライアント/サーバ方式
  ネットワークのデータをやりとりするコンピュータが存在するもの

以上、こんな感じでまとめてみました。






2009/02/04

2009年2月3日(火) PM 授業メモ

本日は学校の初日でした。
午前の授業は、これからの就職について。

午後はインターネット概論という授業でした。

私は前職でほ~~~~~~~~んの少しだけ
言葉を聞いたことのあるものだったので、
なんとか100m遅れぐらいで付いていけ(たつもり)でしたが、
初めて聞く人には「???」だっただろうと思います・・・。
(自分がその立場だったら絶対そうだ、と言える(笑)。)

自分も忘れないようにメモメモ ↓

【授業内容】
1. インターネットの歴史
2. ネットワークについて

ま、まとめはまた今度・・・。

ブログ、はじめました。

こんにちは。(^▽^)


ブログ、はじめました。


サキぱんだです。

社会人をしていましたが、社会の荒波にもまれた末、

現在WEB学校に通い、お勉強中の身でございます。


これからがんばりますので、お気が向きましたら、見てください~。