【16】箱を移動させる
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回のプログラムは今までのものとは違い、どこで変数に10を足すのかなどをきちんと考えなければうまく動きません。 ボタンが押された時にはright()とback()という関 …
【15】箱の位置を変える
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回のJavaScriptでは「top」という「一番上からの距離」をボタンごとに設定するようなプログラムを作っています。このように何かの部品の周りに何もない空白を作ること …
【14】箱の色を変える
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回は箱を作りその色を変更するコードを作ります。HTMLでは「<div class=”box” id=”box”&g …
【11】OKボタン
2017年3月26日 未分類
入力内容 HTML JavaScript ここからはJavaScriptという言語も使っていきます。 JavaScriptは現在のWebサイトの90%以上に使われているとも言われている、とても人気のあるプログラミング言語 …
【13】いくつかのボタン！
2017年3月26日 未分類
入力内容 HTML JavaScript 今回書いたHTMLでは「span」というタグで「犬」と書いた部分が囲まれています。この「span」タグは囲んだ部分を1つのかたまりとして扱うことができます。 そうすることで、その …
【10】箱をイレコにする！
2017年3月26日 未分類
入力内容 HTML 上記では、<div>タグをさらに<div>タグで囲っています。これを「入れ子」またはネスといいます。 この入れ子構造を使うと、タグがどこで始まりどこで終わるのか分かりづらくなる …
【12】ボタンで書き換える
2017年3月26日 未分類
入力内容 HTML JavaScript 前回から出てきている「function」というのは「関数」という意味の英語です。 プログラミングでいう「関数」とは「いくつかの処理をまとめられるもの」という認識を持っておきましょ …
【09】箱を作る！
2017年3月26日 未分類
入力内容 HTML CSS 「width」は幅であり、「height」は高さを指定することができます。上の<div>タグでは中身が存在しないので、本当であれば空白が存在しません。しかしながら「width」で幅 …
【08】カラーコード！
2017年3月26日 Liveweave
入力内容 HTML カラーコードは、赤・緑・青の色の混ざり合いを16進数という特別な数字で表した色番号のことです。 真っ赤の場合は「#ff0000」、真っ緑の場合は「#00ff00」、真っ青の場合は「#0000ff」とし …
【06】CSSってなあに？
2017年3月26日 Liveweave
入力内容 HTML CSS CSSは、デザインを司るWeb言語です。HTMLで書いたファイルと連動させることで、デザインを追加することができます。 colorは、色を変更することができます。blue(ブルー)などと指定し …
