ＨＴＭＬ

ＨＴＭＬはまず

1　文書型宣言
　　これは「そのＷＥＢページがどのバージョンのＨＴＭＬに準拠して制作されているか」
　　を示すもの

２　ＨＴＭＬ要素
　　全ての基点となる最上位要素

３　ＨＥＡＤ要素
　　そのページの基本要素
　　title要素やメタデータを指定するmeta要素
　　文書間関係を指定するlink要素などを含める

４　ＢＯＤＹ要素
　　本文情報を書く


以上にわかれるらしい

メインで文章になるのは４で
後はルールになるのかな？　　

ジャバスクリプト

次に
javascript

隠れキャラみたいに
なんとなくいろんな場所に出てきたので
文字だけは知っていたが
意味がわからなかった

javascript
WEB上でインタラクティブな表現をする為に開発されたオブジェクト指向のスクリプト言語（簡易プログラミング
言語）

HTML内にプログラムを埋め込むことで、Webページに様々な機能を付加できる（Webブラウザの動作を
定義できる）為、HTMLやCSSでは表現できないユーザーの動きに応じたものを作ることができる。
（マウスの動きにあわせてデザインが変化する複雑なWEBページを作り出すことができる。）

従来Webページは、印刷物（紙に印刷された本）のような静的な表現しか作れなかったが、
JavaScriptの登場により幅広い表現（動的表現）が可能

※　スクリプト言語
コンピュータを制御する為のルールをまとめたもので、このルールに従って記述された命令の集まりのこと
スクリプトはプログラムと同じような働きをするが、プログラムよりも仕組みが単純。

ようは

「動き」

のことかな？

そろそろ本格的に

そろそろ本格的にホームページの仕事が始まりつつある

やるっきゃねえっぺの精神で
やっていきます。

あるクライエントさんとうちのＨＰサンプルに関して
打ち合わせをメールで行っているのだが
ここでもいろいろわからない単語が出てきて
非常に勉強になっちゃった

まずホームページを作る際に気をつけなくてはならないのが

肖像権

写真やイラストなど
使用してはいけないものを載せてしまうと
法律的にまずいってやつ

これはホームページ作成会社として
気をつけなくてはならない

きもに命じます

ところで

きもってなに？

ＨＴＭＬとＣＳＳ

ＨＴＭＬでＷＥＢページを構造化し
ＣＳＳで見栄えを指定する。

ＸＨＴＭＬとはＸＭＬの論理的厳密性を備えつつ
ＨＴＭＬの簡便性を活かしたもの

ＸＨＴＭＬはＷＥＢページの構造
さっきいったか

見出し
パラグラフ
リスト
表（テーブル）
フォーム

に分けられるらしい。なにやらよくわからん

ＷＥＢページ内のコンテンツにそれぞれ役割を果たすことを
マークアップというらしい

ＸＨＴＭＬによるマークアップでは
要素
属性
属性値
で構成される。

要素の範囲を開始タグ
＜要素名＞と
終了タグ＜/要素名＞

属性が以前勉強したhref
だとすると＜a href＞
要素と属性は半角あける事

属性と属性値はイコールで結び
属性値は引用符で囲むこと

＜a href="http:"＞テキスト＜/a＞

これでようやく完成でしょうか？

今までやってきたのって
ＸＨＴＭＬだったのね


今日は難しすぎた

フォント

今日はフォントをふぉんとうに学びました。

ふふ

ふふふ

さて

フォントは大きく大別すると
ゴシック体と明朝体とに分けられる。

●ゴシック体（Ｓａｎｓ－Ｓｅｒｉｆ）
短いフレーズの文章で使う
単調で言葉のメッセージ性が低い
一般的

●明朝体（Ｓｅｒｉｆ）
大きめの文字で有効
サイズの小さい文字だとつぶれるかも

ちなみにＳｅｒｉｆとは日本語で「ひげ」のこと
Ｓａｎｓは「なし」という意味なので
ゴシック体はひげなし
という意味らしい。

へ～

勉強になるな～

つぎはGIF

お次はＧＩＦ
こちらは、情報通信向けに作られた画像形式。
８ビット画像で256色までの色数を保持できるらしい。
これって多いの？少ないの？

まあいいか

お次はＰＮＧ
ＩＳＯが標準査定した配信用画像の保存形式。


うむむ

あとわからん

ＷＥＢコンテンツで使用する画像データ

前からようわからんと思っていたが
ＪＰＥＧやらＧＩＦやら

これ

いったいなんだ
って思ってたら

どうやら
ビットマップデータ形式の標準的なものらしい。

ふむ

なるほど

って

ビットマップデータ形式ってなんじゃい！！

ビットマップデータ形式とは
ＰＣが描写可能な最小の色の点（ピクセル）が集まって出来たイメージのこと。
点の細密さは解像度という概念で表される。

うむ。

ようするに点ってことね。

それではＪＰＥＧの特徴を調べてみた。
代表的なものだが、
デメリットとして非可逆圧縮データであることと、
上書き保存するたびに圧縮が繰り返されるため
質が下がっていくこと。


オーマイがー！！
非可逆圧縮データってなんじゃい。
→なにかを犠牲につまりはデータの欠落と引き換えに
圧縮効率を高めた圧縮方式のこと

疲れた

文書の見出し

今日は茨城は曇りだな～

6月でじめじめしている日

なんだか暗くなるな～

文章の見出しについて勉強しました。

＜h1＞ほにゃららら＜/h1＞

こちらは文章の大見出しで
ひとつの文章で一度だけ出現し
ほにゃらららの部分はＳＥＯに重大な役割を持つ
しっかりとキーワードを盛り込むこと。

とのこと。

いや～勉強勉強。

内容のグループ化２

というわけで前回は
レイアウトの基礎みたいなものを
学んだわけだが
次に
どのように配置するかを
リアルタイムで小川君に聞いてみようと思ったが
なにやら真剣にＰＣに向かっているが
関係なしにやはり聞いてみることにする。

まずスタイルシートの理解が必要
スタイルシートというのは
ＨＴＭＬでつくった文章や型を
どのうように配置するかの言語でどうやらＣＳＳというらしい。
もう2ヶ国語も発生しているので
石川の頭がとろけてきた。

そのＣＳＳでは
ＨＴＭＬでつくったものは常に縦にずら～と
連なってしまう。
それを解消するためにfloat機能をつかうらしい。
これを使うとＡという集団とＢという集団を
ＡＢという風に並べたいとすると
フローと機能を使うと並んでくれるらしい・・・

なんだかよくわからなくなってきたな

もういいや寝る。

内容のグループ化

ＨＰにおいて内容のグループ化は大事らしい。

内容のグループ化？
果たしてどんなときにグループ化するのだろう
となりの小川師匠に聞いてみよう（生放送）
グループかっつうのは
ようは
レイアウト要素に使われる。
ヘッダーフッダー左メニュー右メニューなど
つまりはレイアウトの位置などをはっきりさせるものであると
小川師匠からお話いただきました。

それを表す言語がこちら

＜div＞ほにゃらら＜/div＞

これが何個か並んでいて

＜div＞ほにゃらら１＜/div＞
＜div＞ほにゃらら２＜/div＞
＜div＞ほにゃらら３＜/div＞

ほにゃらら１を左に
ほにゃらら２を真ん中に
ほにゃらら３をその下に

という指示を＜div＞の間に言語を入れて
レイアウトを完成させるらしい。

ひとまずはこのへんで

リンク切れについて

今日は茨城は雨。
雨はじめっとしているイメージですが
嫌いじゃないです。

さて

今日の朝早速小川師匠から勉強したことをひとつ。

よくブログなどで
友人や知人、仲良くなった人のブログを紹介の意味で
リンク張るときがあると思いますが
よくチェックしてないと
知らない間にブログを削除していた・・
なんてことありませんか？
そうすると
検索システムが判断して
検索の順位が下がってしまうことが起きるようです。

ああ

恐ろしい。

プロトコル

さっきでてきたプロトコル
ってなに？

ＩＴ用語辞典（http://e-words.jp/w/E38397E383ADE38388E382B3E383AB.html）

---

プロトコル　 【protocol】 (ネットワークプロトコル)

ネットワークを介してコンピュータ同士が通信を行なう上で、相互に決められた約束事の集合。通信手順、通信規約などと呼ばれることもある。

英語しか使えない人と日本語しか使えない人では会話ができないように、対応しているプロトコルが異なると通信することができない。

人間同士が意思疎通を行なう場合に、どの言語を使うか(日本語か英語か)、どんな媒体を使って伝達するか(電話か手紙か)、というように2つの階層に分けて考えることができるが、コンピュータ通信においても、プロトコルの役割を複数の階層に分けて考える。

階層化することによって、上位のプロトコル(を実装したソフトウェア)は自分のすぐ下のプロトコルの使い方(インターフェース)さえ知っていれば、それより下で何が起きているかをまったく気にすることなく通信を行なうことができる。電話機の操作法さえ知っていれば、電話会社の交換局で何が起きているか知らなくても電話が使えるのと同じである。

プロトコルの階層化のモデルは国際標準化機構(ISO)や国際電気通信連合(ITU)などによって7階層のOSI参照モデルとして標準化されており、これに従ってプロトコルを分類することができる。

現在インターネットで標準となっているIPは第3層(ネットワーク層)の、TCPやUDPは第4層(トランスポート層)のプロトコルであり、HTTPやFTP、SMTP、POPなどは第5層(セッション層)以上のプロトコルである。

---

ああ階層とか上位とかもう意味わからん。
ルールみたいなもので
下にいくほど複雑なルールになってる。

ってかんじか？

もういいや

それではネットとは

それではネットとはなんだろうか？

インターネットのことをネットと読んでいるらしいが
詳しくはなんだろう？

ＩＴ用語辞典（http://e-words.jp/w/E382A4E383B3E382BFE383BCE3838DE38383E38388.html）

---

インターネット　 【Internet】
通信プロトコルTCP/IPを用いて全世界のネットワークを相互に接続した巨大なコンピュータネットワーク。

その起源は米国防総省の高等研究計画局(ARPA)が始めた分散型コンピュータネットワークの研究プロジェクトであるARPAnetであるといわれている。1986年に、ARPAnetで培った技術を元に学術機関を結ぶネットワークNSFnetが構築された。これが1990年代中頃から次第に商用利用されるようになり、現在のインターネットになった。

学術ネットワークの頃は主に電子メールやNetNewsが利用されていたが、ハイパーリンク機能を備えたマルチメディアドキュメントシステムWWWが登場すると、ビジネスでの利用や家庭からの利用が爆発的に増大し、世界規模の情報通信インフラとしての地位を得るに至った。

インターネットは全体を統括するコンピュータの存在しない分散型のネットワークであり、全世界に無数に散らばったサーバコンピュータが相互に接続され、少しずつサービスを提供することで成り立っている。

インターネット上で提供されるサービスやアプリケーション(WWWやFTP、電子メールなどの基本的なものからクレジット決済などの高度なものまで)は、そのほとんどがTCP/IPという機種に依存しない標準化されたプロトコルを利用しており、インターネット上では機種の違いを超えて様々なコンピュータが通信を行なうことができる。

---

ぐむむ
ネットを調べよと思ったら
よりたくさんのわからん単語が出てきた！！！！！！
ひとまず簡単に言うと
機種が違う
例えばファミコンとセガとを
結ぶ見えないもの
みたいなもんかな？

ネットを使い様々な言語を用いて整理したのが
ＷＥＢってところか？

違うか？

まあ
どっちでもいいか

そもそもＷＥＢってなんだ

インターネットで検索しかできない
31歳石川です。

さて
そもそも
ＷＥＢってなんだろう。
ネットってなんだろう。

あんまり使い分けてないけれど
グーグルで調べてみます。

ＰＣオンラインより（http://pc.nikkeibp.co.jp/word/page/10019338/）

---

インターネットで情報を共有するためのシステムの一つ。インターネットの情報サービスといえば、Webを指すほど一般的な存在になっている。world wide webを省略した言い方であり、WWWともいう。
　データ転送プロトコルのHTTP、文書の所在場所を指定するURL、文書記述言語のHTML、データの形式を指定するMIMEという4つの基本技術で成り立っている。文書の検索や閲覧にはInternet ExplorerやFirefoxといったWebブラウザーを使う。
　Webで公開されている文書は、文書内にほかの文書を呼び出せるリンクが設定されている点が特徴。これにより管理者が異なるコンピューターの中にある情報同士を結び付けて扱うことが可能になっている。
　1990年に欧州合同素粒子原子核研究機構（CERN）の研究員ティム・バーナース・リー（Tim Berners-Lee）氏らによって開発された。

---

ぐむむむむ・・・
むずかちい
要は情報サービスですよってことでいいのかな？
ＭＩＭＥってやつが”もの”を包む包装紙みたいなもので
”もの”を書くためのえんぴつがＨＴＭＬ
住所がＵＲＬ
運んでくれるのがＨＴＴＰ

という感じか？

ますます

わからなくなったから

もういいや

テキストを強調する

やあ

目がしぱしぱの石川だよ。

さてやりたい放題の石川ですが

今日も小川師匠に教えて頂きました。

まず

横罫線は

＜ｈｒ＞

こう書くと

---

と表現されます。

また
字を太く強調したいときには
このようにします。

がっぺむかつく！！茨城弁

これを強調すると

＜strong＞がっぺむかつく！！茨城弁＜/storng＞

こうなります。

がっぺむかつく！！茨城弁

いやあ
今日も勉強しちゃいました。

けんちゃんありがとう！！

がっぺさんきゅ～

箇条書きを作成しよう！

今日も小川師匠から学びましたことを
ご紹介させていただきます。

ＨＴＭＬで
箇条書きをする方法です。

ホームページなどで
たくさん箇条書きをみかけるので
このタグは結構使えますな。


＜ul＞
＜li＞ああああああ＜/li＞
＜li＞いいいいいい＜/li＞
＜li＞うううううう＜/li>
＜/ul＞


こんなん書くとよいみたいです。

• ああああああ


• いいいいいい


• うううううう

ああ

今日も勉強なったな～

※表示上＜＞は全角にしてますが半角が正解です。

ルーター

つい先日だが

いつもの通り出社してきて
いつもの通りＰＣの電源を入れたのだが
なぜかネットにつながらない

もちろんネットがつながらないのでメールも出来ない
師匠の小川君が来るまで何も出来ない状態が続いた。
石川は朝早く出社し
メールなり最新のニュース（最新だからニュースというのだが）
をチェックしたり勉強の時間にあてたりしているのだが
ネットがつながらないと
何も出来ない自分に気がついた（ドラマじたて）

結果小川君が出社し
ルーターというものが赤い警告を発しており
電源を入れなおしたところネットがつながった。
意外と簡単なことでネットがつながらなかったりするから
たちが悪い。

ここでルーターを詳しく勉強してみた。

ルーターとは
ネットワーク上のデータをほかのネットワークに流す機器のこと
つまりは、電車の自動改札機みたいなものかいな？
たとえがおかしいか？

今回は電車賃が足りないか、前の人が通貨していないのに
無理くり通貨しようとしたために
レッドカードくらった
と
理解しておく。

ＳＥＯ対策とはなんぞや

当社の小川君はかしこい
石川の10歩も20歩も先を行っている
もはやパイナツプルでも追いつけない。

昨日はＳＥＯ対策の件でいろいろ教わった。
なんの略かはわからないが
りんごがとびでたりはしない（ＳＥＲＯマジシャン）

ＳＥＯの目的は、検索システムで上位表示を行い売り上げを上げること
検索で上位になったからあがるわけではなく
ほかにも重要な要素がある。

クリック後直後に表示されるページをランディングページというらしい（これあってる？）決して阪神のバースではない（ランディバース）

そこに
１情報を多く載せること
２受け手に有益な情報を載せること
３接触頻度を上げること　要はまたクリックしてもらえるようなサイトということ

ほかにも講義をいただいたが
目がちかちかしてきたので
また別の機会にする

なむ

またしても便利な機能

またしても小川君から
便利な機能を習得。
その前にＨＴＭＬの入力にはメモ帳などを使い、それをサーバーなどにアップして
初めておおやけに出せるものらしい。
ブログのサービス会社などは、もちろん自身でサーバーをもっているので
そこの言語をちょいちょいいじってカスタマイズすることが可能だ。

スタイルシートとはデザインの要素。文字の大きさやこの位置はここみたいな。
トップページはまさにそのページに飛んだときの最初のページ。
今はアドセンスの貼り付けや、トップページの画像を変更するなどの作業をしている。
その際にとっても便利な機能があり
コントロールキーとＦキーを押すと
文字の検索が可能らしい。

石川未だに何が書いてあるかわからないが
例えば　columという文字を検索し、その直後にアドセンスを貼り付けたいときなどに
使用する。

ああ
素敵
なんて便利。
その前に早く
言語を読めるようにならなくては！

ＨＴＭＬについて

修行修行
毎日が修行。

脳科学の権威、茂木さんがいうには
30代でも40代でもそれ以上でも脳が発達することは可能なのだとのこと。
自分の可能性を信じて頑張ってみようと思う。

頑張れ俺！
ファイト♪

さて
少しずつではあるがＨＴＭＬの言語を
ＷＥＢマスター小川君から学びつつある。

昨日も「改行」を覚えた。
ほかにＨＴＭＬの「タグ」と呼ばれるものでは

＜p＞ここに一塊の文章を入力＜/ｐ＞

これは中に書いてある通り
一塊の文章を入力つまり段落わけのときに使うらしい。
いまいちピンとこないが
そうらしい。

すごく便利だなと思ったのが

＜a herf="サイトのＵＲＬ＞サイトの名前など＜/a＞

これは「サイトの名前など」というところをクリックすると
そのサイトページにとぶよくある「あれ」である。

なるほど
そういう仕組みになっていたのね。

今日もとっても勉強になりました。

奥深いな～

キーボード

今日も小川君に教わった。

このブログBLOGGERという未だ得たいの知れない会社のサービスを利用している。

小川君いわく

グーグルの関連会社なので安心できるとのこと。

確かに

メールは作りやすい気がする。

ところが

最近勉強している

HTMLという言語

これを使用していないらしい。

どうなることやら。

HTMLというのは要は

英語や中国語みたいなもの

ネット上で様々な国の人が会話するのに

使用するひとつの言葉なようです。

これがワードやエクセルみたいにいけばいいのだが

ひとつ改行するのにも「ルール」

があり

これも教わったのだが

<br />

というものを入力すれば

改行されるらしい。

しかもｒと/の間も空間を空けなければならないというきめの細かさ・・


31歳の腐りかけた脳みそでついていけるでしょうか？

HTML

そもそもHPがいろいろな言語で出来ていること自体最近知りました。
大学の頃、情報処理の授業はソリティアばかりやってたからな～
今になって反省してます。

さて
もう会社が設立してしまっているので
早く収益を上げなくてはならない。
勉強してから様々なことをやるのでは遅い！
勉強しながら
収益のでる仕組みを作っていくしかない！

古くからの友人である小川君とともに
まず、ブログを更新しながら
そのカスタマイズをして（カスタマイズ＝改良みたいなもの）
言語の勉強を図ることに決めました。

例えば今書いているこのブログ。
BLOGGERというサービスを利用しています。

理由は簡単で
グーグルのアドセンスというサービスがあるのですが（有名か）
アドセンスというサービスでいくばくかの収益が見込めるのです。（お小遣い程度だけど）

ブログを勉強しながらお小遣いも入るかもしれない！
これは初心者の石川にとって大きいことです。

不慣れですがこれからも勉強した内容をアップしていきます。

初めてのブログ

始めまして

ＷＥＢど素人の石川が

ＷＥＢ製作会社を立ち上げてしまいました。

ＨＴＭＬってなんだ？

ＰＨＰってなんだ？

全て一からの修行です。

31歳の脳みそ豆粒の状態で

一から勉強です。

唯一の救いは

ＷＥＢ関連に精通している当社取締役の小川君がいること！

とっても心強いです。

なぜＷＥＢを始めたのか？

そこらへんのいきさつはおいおい書いていきたいと思います。

このブログでは

日々勉強したことを

忘れないように書いていきたいと思います。

温かい目で見守ってくださいませ。