Satoのブログ https://ameblo.jp/tekuteku0901/ ブログの説明を入力します。 ja PHPからデータベースへ！
なんとかできました(>_<)

PHPの内容からそのままデータベースへ移行しました。

SQLにおける知識で、

データベースはテーブルをつくり、テーブルではフィールド（列）数を指定し作成。

その後、フィールド名。フィールドの設定をしていく。

主キー（プライマリーキ―）の設定をしたり、それを自動通し番号をつけたりしていきます。

文字列に対してはVARCHARを、数値に関してはINTを使っていkます。

（ほんの一例で、しかも範囲などの細かい設定などがあるので詳細は調べてみてください。）

プログラムでSQL文を使うには・・・

データベースに接続→データベースエンジンにSQL文で指令を出す→データベースから切断。

この工程を使用するそうです。

またwhile(1)で無限ループになったり、その無限ループを避けるためには、

breakを記述しなければならないことも学びました！

他にも色々と学ばせていただきましたが、これくらいにしておきます！

ではでは、今日もありがとうございました！; ]]> https://ameblo.jp/tekuteku0901/entry-11850180635.html Wed, 14 May 2014 22:06:39 +0900 PHPに触れてみた！
内容はアンケートフォームに付随する仕組みづくりです！
print'テキスト';で文字などを表示させます。

PHPの良さは、WEBページ上でソースの表示をしても見えないこと！

セキュリティー面でもしっかりできます！

たとえばXSSと呼ばれるいたずら行為！

アンケートフォームにこれを入力されても（HTML文書を記述されてしまうとか）

無毒化できる方法もあるそうです（内容上、記述はしませんが！）

＄をつけることで、変数の扱いになりコピーを受け取るときに役に立ちます！

if  (A==''){} else{}という条件分岐のプログラミングも学びました！

条件A の場合は、以下｛｝に記述するものを実行し、そうでない場合はelse以降のもの

を実行します！というプログラミングです！

戻ってもテキストを消したくない場合につかうものもあります！

こんなかんじで頑張ってみました！

次はデータベースに受け渡す工程です(>_<)

まとめも近いうちにやっておきたいです！


]]> https://ameblo.jp/tekuteku0901/entry-11847827427.html Mon, 12 May 2014 01:01:32 +0900 PHPに突入！ 今日は、お師匠さんから貸してもらった書籍で、PHPというプログラミング言語に！

とうとうここまで来たかあ～という感じです(>_<)

まだ、ビギナーではありますが(>_<)

PHPの書籍で、書籍をもとに、

今日は58ページ（うち、設定に関するものが多い物ですが、）
をやっていきました！

PHPの利点は、ソースの表示をした際に、PHPで記載した中身は見えないということです！

<?PHP      ?>の中にPHPは記述します。

文字の表示にはprintというものを記述し

表示したい内容は、'テキスト';で記述します！

それからHTMLのざっくりとした復習もしながらすすめました！

明日からは、PHPの深い所へもう少し行く感じです！

それからお師匠さんから学んだことですが、

CPUには一次キャッシュ、二次キャッシュというものがあり、
そのキャッシュ（コマンドのための領域）がたまると、メモリに、さらにたまるとハードにそのデータを移行させるそうです！

HDD・・・ハードディスクドライブといい、円盤タイプの記録媒体
SSD・・・チップによる記録媒体

でHDDは容量が大きいが、スピードが遅い。
SSDはスピードが速いが、容量を食いやすいそうです！

お師匠さん、ありがとうございます！

では、明日もがんばります！
]]> https://ameblo.jp/tekuteku0901/entry-11846844475.html Sat, 10 May 2014 19:42:58 +0900 サイトを作ってみました！その② お久しぶりです！

HTMLとCSSで学んだことを使ってサイトを作っていたら、
なんだかんだで、数日かかってしまいました(>_<)

更新しましたので、nextというテキストにリンクを張り付けましたので、
よろしくお願い致します！

HERE!

]]> https://ameblo.jp/tekuteku0901/entry-11846071916.html Fri, 09 May 2014 22:25:12 +0900 CSSも一段落！ 配置に関するプロパティpositionについても学びました！

初期値staticは、固定なので様々な設定が無効になります。

relative：相対的な位置（ある物の位置と比較してみる位置）

absolute：絶対的な位置

スクロールしても位置を変えたくない場合はfixed！

子要素を動かしたい場合は、

親要素にrelativeを

子要素にabsoluteをとるそうです(>_<)

場所に名前を付けてから、<style>タグの中に記述していく。

なおstatic以外の値をとったものは、後述で各々top、bottom、right、leftを取ることができる。

表示はpx、または数値のみ。

ずれたところに配置させたい場合がー（マイナス）を使用する。

また重なり合いを指定することもstatic以外ならばできます！

z-indexというプロパティで、数値が上になった方が上になります。

ただし、同じ階層で（ファイルが同じ位置にあるということ）ある状態が必要です！

要素の回り込みは、float！その回り込みを解除するのはclear！

<style>タグ内にセレクタ｛float: ××××;｝ととります。

その要素が左側配置ならば、後続の要素は右に回るという形です！

floatはleft・rightを指定できる。

clearは加えてbothという値を取ることができます！

リストに対するプロパティです！

これも<style>タグ内で記述します。

list-style-typeでマーカーの種類　形や記述方法になります。

白丸のcircle、四角でsquare、カタカナはkatakana。

-positionで位置を！

outsideは、リスト要素の外側に表示（初期設定）内包されるのがinsideで、

ｰimageはマーカーに画像を挿入する。

ここで注意しなければならないのは、-imageのほうが-typeよりも優先されること！

ｰimageはbackground同様にurl(ファイル名)を指定する記述でよい。

カーソルに関するプロパティもあり、指定した位置にカーソルを持っていき（マウスオーバー

させたときに、カーソルの形を変えるものでcursorがあります！

待機中マーク（wait）や、？マーク（help）などをとります！

OSやブラウザ環境により若干形状は異なてくることはあります！

最後は疑似クラスというものです！

疑似クラスとはある要素が特定のある状態にある場合にスタイルを指定していくためのもので、セレクタに「：」

をつけて記述します。

よくリンク要素とよく一緒に使われるのが、別名a要素とも！

未訪問リンクに対するスタイルの指定はlink、

訪問済みはvisitedで、マウスがのっかった時の反応についてはhover、

リンクをクリックしてから話すまでに関しては、activeを

a:xxxxxで記述し、この順序は上記のものを守ること！

form要素関係は、focusを！

input要素にカーソルが入った場合の設定をすることができるものです！

こんな感じで駆け足ですが、かなりたのしくできました！

長文にお付き合いいただきありがとうございます！！

今度は、この学んだことを生かしまた作ってみようかなと思います！

そして、そろそろプログラミング言語に進もうとも思っています！

今後ともよろしくお願い致します！！

















]]> https://ameblo.jp/tekuteku0901/entry-11840882317.html Sun, 04 May 2014 10:06:47 +0900 CSSから次のステップへ！その①
まずは背景に関するプロパティbackground

-colorで背景色
　
-imageで背景に画像を挿入します。url("ファイル名")

-repeat画像の敷詰め範囲の設定で、repeat-xが横方向のみ操作し、repeat-y縦方向のみ操作できる。
基点は左上となる。一回のみの場合はno-repeat

開始地点指定の場合は、-positionを使う。

-attachmentはスクロールの際に背景画像をどうするのかを指定します。

何も記述しない状態だとscroll（スクロールをすると見えなくなってしまう。）

fixedにすれば、指定場所にその画像だけはとどまっている。（固定状態でその場にとどまっている）

ということです！

順不同でｰ以降省略し、値のみ記述でも大丈夫です！

次にボックスモデルと呼ばれるものです。

HTML要素をブラウザに表示すると四角い領域を確保します！

その各々の要素を

幅をwidth 高さをheight境界線をborder境界とコンテンツのエリアの間にある余白をpadding

境界の外にある外側をmarginといいます！

weithとheightはpx（ピクセル）で表示します。

またこれら要素は％でも表現できます。

ただし、高さに関してはブラウザのサイズ変動に左右されるため

親要素であるブラウザとbodyにパーセンテージ指定を記述しなければならないそうです。

（スクロールバーの長さなどをみるとイメージとしてよいそうです！）

次は、境界線に関するプロパティborder！

-colorで境界線の色

-widthで幅を、styleで線の種類を値、solid（実線）などを取ります。

このプロパティも順不同でｰ以降省略し、値のみ記述でも大丈夫です！

ｰrightなどで、境界線の位置を指定することもできます！

残りの場所も見ていきます！

marginとpaddingです！

marginは初期設定として、ブラウザが本文に対して設定をしているので、

解除のためには、body,html{height: 100%;

margin:0;}と０の値にしましょう！

paddingに関しては

padding-leftなどと場所の指定をすることもできますが、

値の記述によってもできます。

そこにはルールがあり、

一つしか値を記述しなければ、すべての値を

二つの場合は最初の値が、上下のエリアを、二つ目が左右を

三つならば、上、左右、下

四つだと上から時計回りに指定記述ということになります。

marginにも同様の設定ができる。

表示に関するプロパティがあり、表示方法を指定します！

displayはnone block inline inline-blockという値があり

左の値から順に、表示されない、前後に改行が一般的に入り、文章のまとまった様子を表す値（初期値）、

文章中の要素を示し、前後に改行ははさまないが、高さ・幅の設定が解除されてしまう表示の値、

最後は、高さ・幅の設定の解除はなく前後に改行をしない表示方法の値です！

overflowに関しては、指定の高さ・幅がはみ出した分をどのように表示させるのかという場合の設定です！

visibleははみ出した部分もそのまま表示する（初期設定）

hiddenは表示させない

scrollではみ出した部分はスクロールすると見えるという形になります。

つづきは、次の記事にて！！ ]]> https://ameblo.jp/tekuteku0901/entry-11840627133.html Sat, 03 May 2014 22:03:42 +0900 CSSっておもしろい♪ 昨日の午後からは、CSSの中身をクイックリファレンスを使ったりしながら、

進めていきました☆


セレクタ（どの部分にCSSのスタイリングをするのかという場所のこと）の指定方法

について

スタイル指定の優先順位について

色の指定について

そして、テキストのスタイルに関する項目を学んでいきました☆

セレクタの指定方法には

*による全選択（すべての要素を選ぶ）

h1,h2というようにカンマで区切った場合は、記述した複数のセレクタを選択できる。

この場合は、h1とh2という要素を選択できるということ。

section .itemというようにスペースキーで区切った場合は

sectionの中の、itemというクラスのすべてを選択するという意味になります。

つまり、sectionという階層にあるitemと名前の付いたクラスのすべて

頭の中にフォルダーを思い浮かべてもらえるとわかりやすいと思います！

sectionという名前のフォルダーの中のitemという名前の付いたクラスのすべてが

選択されるということです！

HTML文章を段落レベルやその一行レベルに分けて考えるとき、

sectionの中でも、段落につけられたitemというクラス（これを子要素）

さらに一行・リスト形式の一文などの小さい文章につけられた同じ名前のクラス

（これを孫要素）と位置付けることができるそうです。

この考え方を踏まえて、section>.itemという選択を考えたとき、

子要素だけを選択する。sectionというフォルダーを開けたときに、次の階層に出てくる

itemというクラスを選択するということのようです！

h2+pというように+で選択した場合は、h2という要素の直後のp（段落）を

最初に書いた要素の直後の場所をセレクタとして指定するということ。

次にsection.itemというように記述した場合は、sectionかつitemという名のクラスという、

AかつBの要素の指定をする。

次に優先順位ですが、

①セレクタが同じ個所の場合は、後から記述されたCSS文書が優先されます！

②外部ファイル、スタイルタグでの記述よりインラインで書いた方が優先される。

③詳細度の高い方が、優先されて、その優先度を決める計算方法があります！

要素＝１pt　クラス＝１０pt id=100ptという計算方法で、加算方式となる。

④乱用は禁止になりますが、最も優先されるのは、!important（インポータント指定）

これをCSS文中に記載すると、最も最優先される文書となります。

次に色の指定方法について！

色の記載については、

①そのまま色の名前で書く。

②RGBで0～255の数値を指定して書く。

③16進数での記述をする。

②のRGBというのは、光の三原色red green blueのこと。

これを０～２５５の数値で書きます！

数字が大きいほど、その色が濃くなります！

これをR、G、Bの順で数値をつけていきます。

rgb(0,255,18)などとカンマで区切っていきます！

このように、数値で調整が可能なので、微妙な色合いも表現することができます！

次に③ですが、これは16進数で（16で繰り上がります）

16進数とは（自分が文系で習ってないので、メモとして(>_<)）

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,Fまで増えたら次に一桁上がって10になる形の

数値のあがり方です！

この数値で3ケタないし、6ケタで表します！

３ケタでも6ケタでもRGBによる色表現の考え方は一緒で、

０～Fで表すというものです。数値が多い程濃くなります。

＃数値という形で、6ケタならば一つ増える形で00～FFという形で表記される。

これを{ color:〇〇〇〇; }というように記載していきます！

最後にテキストのスタイルの記述についてです。

これはたくさんありますが、昨日学んだのは、

colorは色を

font-sizeで文字の大きさを、単位はpxがよいそうです。

font-weightで太字を

text-alignで行ぞろえを

text-decoration下線を付けたり、点滅させたりします。

font-familyはフォント種の指定（PC環境に左右されるところがあるかもしれません！）

line-heightで行の高さをこれもpxで指定します！

計算方法は、

行の高さ-フォントの大きさ＝a

aを均等に上下に割り振るという形です。

行間の調整などにも使われます。

各々、プロパティ：以降に数値や状態を表す値を書いて、スタイルを決めていきます！

と、昨日はゆったりと学ばせていただきました(>_<)

今日も、頑張ります!!!
]]> https://ameblo.jp/tekuteku0901/entry-11839261300.html Fri, 02 May 2014 11:30:03 +0900 CSSの入り口！
5/1の午前中は、基本的なルールや場所、書き方の基礎を勉強しました！

CSSとは、カスケーディングスタイルシートのことです！

Webページにおける見た目についての記載をするためのものです！

Webページ＝HTML+CSSで構成（他にも言語などが入ってきますが今言えるのはこんな感じです！）

HTMLが文書構造を記述するためのツールであり、CSSは見た目についての記述。

確かに、HTMLでも見た目についての記載はできなくもない部分はあるそうですが、

HTMLはあくまで文書の構造を書くためのものであり、何かとごっちゃになったり、

ブラウザによって見え方が異なってしまう場合が発生してしまうそうです！

CSS書き方ですが、

セレクタ（どの文書の構造部分か）｛プロパティ：値；｝という書き方をします。

プロパティには、例えば色とかサイズとか、セレクタ部分の何をという部分で、

値には、黄色とか数値などで、どうするのかを記述します！

セレクタはほかにも、id classを使用する（名前を付ける）ということで、

書くことができる。

id,classについてルールは一緒だがHTMLとは若干異なる箇所もあるそうです！

id="sub"

class="main"というようにつないで、

idの前には＃マークを付けてから　＃id名

classの前には.をつけて記載する。.クラス名

（1ページにつきidは同一のものは一回しか登場できない。classは複数作ることができる）

書き方は三種

うち二つはHEADの要素内に書きます。

１．styleタグでの記述。

２.リンクタグを使用しての外部リンクでの記述。

この二つはheadの中に書きます。

そして、もう一つはインラインに書きます。

インラインとは、そのままbody文書内のタグ内にスタイル属性をつける書き方です！

コメントは/*コメント*/という記述をする。

（HTML同様WEBブラウザ上では見えることはないもの。）

という感じです♪

午後もがんばります！


]]> https://ameblo.jp/tekuteku0901/entry-11838536869.html Thu, 01 May 2014 13:44:33 +0900 一段落！そして次の目標！ 今日は、雨で少し冷えたところをビーフシチューで温かく♪

今日は予定通り、HTMLの勉強をしました！

内容としては、決めていた最初の目標に到達したので、一段落という感じです！

明日からはCSS！

これも、HP作成に置いては必要な分野と聞いています！

がんばります!!!

今日は、formタグ内のinput typeについて！

値にpasswordを取ると、伏字の状態でPWが入る形になります！

値にhiddenととると、隠し文字となりページ上には表示されない形になります！

dateならば日付、実在する日付以外の数値入力をするとエラーを返します。

URLも、実在するものっぽくないものを入力すると、エラーを返します。

emailもまた然り！安易的ではありますが、エラーを返します。

複数選択肢から、選ぶものとして一つだけの選択ならradio

複数選択ならcheckbox

各々使用の際には、選ばせるもの：を入力し、記述する！

labelタグを使用することで紐付、関連付けができ、

inputタグから離れたところに記述する場合はlabel for="xxxx" と入力し、

id="xxxx"とinputタグ内に入力。

labelタグ使用で、ブラウザ表示されたテキストをクリックしても、選択されるという状態になる！

selectタグでは、セレクトボックス形式での選択をoptionというもので作ることができ、

表示件数をsizeで調整したり、multipleでCtrlを押しながら、選択肢の複数選択が可能になる！

スタイリング関係では、divとspanというものがあって、これを識別子id、classと組み合わせて使っていく。

divはテキスト内の前後に改行が必要で、idというものはそのHTML文書の中では、一つしかあってはいけない。

spanは改行不要で、classというものは複数あってもよい物に使われる。

文章構造のなかでは聞き覚えあるheadder,
footerとある。

その他要素としては、nav,aside article,sectionがあり

Webページ内のリンク、サイトリンクに使用される。

asideはサブ要素、articleには本文、sectionは分類こそされない部分に使用する。

古い文だとdiv　idを用いてくる。

実体参照というものがあり、<>などの文字もきちんと表示される仕組みがある！

Pタグ内にstyleを記述し、属性や値を書き入れる。

最後にjavascriptの反映をしたい場合には、

</body>の近くに読み取りの都合から近くに記述する事！

こんな感じで、明日も雨ですが頑張ります！


]]> https://ameblo.jp/tekuteku0901/entry-11837302357.html Wed, 30 Apr 2014 00:18:36 +0900 making！
そして、ファビコンとよばれるタグに表示されるアイコンも作ってみました！


今日学んだことはこんな感じです♪

imgタグは、属性をとり、値に画像名をいれる。

サイズ関係の見た目的な情報を後述することができる！

alt属性を入れることで、画像が表示されない場合のに別の方法で表示される。

titleを入れてあげると、その画像の説明が表示される。

formタグで、よく見られる入力フォームを作ることができる！

methodには二つ種類があり、getとpostがあり、

getは255文字までという制限があるが、使うのが簡単！

postは制限がない分、いろいろと設定が必要になる！

ボタンを作成したい場合は、input type="submit"を使う！

"Click Here!"



ファビコンはPSとAI、専用サイトで作らせてもらいました！

サイト作成の際に、文字化けがなぜかおこり、焦りましたが、

保存の際の文字コードがutf-8でhtmlの中で指定したのに、

ファイルのほうを忘れていたので、発生してしまいましたが、

次回は気を付けようと思います！

ファビコンに使用した画像はこんなかんじです！


]]> https://ameblo.jp/tekuteku0901/entry-11836278029.html Mon, 28 Apr 2014 22:20:29 +0900