1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [音楽再生] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON BUCHHOLTZ-AU： すべての権利、みんな。 5 00:00:12,540 --> 00:00:13,860 セクションに戻っようこそ。 6 00:00:13,860 --> 00:00:19,559 だから、今日のために私たちの議題は起こっている はるかウェブdevのスタッフオーバー。 7 00:00:19,559 --> 00:00:21,600 私はどのように多くの知らない あなたのpsetを見てきました 8 00:00:21,600 --> 00:00:24,414 それがリリースされて以来、 以前の今朝。 9 00:00:24,414 --> 00:00:26,330 私はどのように多くのようにだろう 人々は仕様を読んだことがある、 10 00:00:26,330 --> 00:00:29,910 しかし、あなたはすべてを持っていたどのように見て それを見て7時間のような、の 11 00:00:29,910 --> 00:00:31,910 そしてそれは月曜日だと あなたはおそらく、クラスを持っていた 12 00:00:31,910 --> 00:00:34,160 私はそれを前提とするつもりです あなたのほとんどはそうではありません。 13 00:00:34,160 --> 00:00:37,170 あなたは、余分な賛辞を持っている場合。 14 00:00:37,170 --> 00:00:39,400 >> あなたは基本的に助けている 単純なWebを実装 15 00:00:39,400 --> 00:00:43,270 ブランドの新しいPSETはC、サーバ、 そうあなたたちはモルモットであることを得る。 16 00:00:43,270 --> 00:00:49,730 それは楽しみ、野生の週になるだろう、 私はそれがとても楽しいだろうと思う 17 00:00:49,730 --> 00:00:52,260 そしてそれは本当にだろう 実際に良い経験。 18 00:00:52,260 --> 00:00:54,920 だからためにあなたを準備する その、セクション、今日では、 19 00:00:54,920 --> 00:01:00,940 私たちはは、chmod、TCP / IPを行く、としている その後、HTMLとCSSを少し。 20 00:01:00,940 --> 00:01:05,080 >> 最後には、コードを実際よ 簡単なWebページまで一緒に 21 00:01:05,080 --> 00:01:09,042 君たちを助けるためにこの種の取得 もっとそれに慣れ。 22 00:01:09,042 --> 00:01:11,750 そして、あなたをピックアップしていない場合 あなたのクイズは、彼らは、フロントにいる 23 00:01:11,750 --> 00:01:14,890 しかし、私はかなり確信して誰もが確信 ここに彼らのクイズを持っています。 24 00:01:14,890 --> 00:01:17,880 また、そのノートに、 ソリューションは、まだアップされない 25 00:01:17,880 --> 00:01:21,490 しかし、すぐに私たちは、好きなようにfinish-- 彼らのquizzes--を服用最後の少数の人々 26 00:01:21,490 --> 00:01:22,280 彼らは最大になります。 27 00:01:22,280 --> 00:01:24,630 あなたが質問があれば その間に、 28 00:01:24,630 --> 00:01:26,240 個人的に私にメールして自由に感じる。 29 00:01:26,240 --> 00:01:30,700 私はあなたの個人と対応させていただきます ご質問、私はいつもそうであるように。 30 00:01:30,700 --> 00:01:33,890 >> だから、そのノートに、chmodの。 31 00:01:33,890 --> 00:01:36,390 だから、基本的にすべてのあなたは chmodコマンドについて知っておく必要がある 32 00:01:36,390 --> 00:01:39,620 それは変更するために使われているということです ファイルのパーミッション、右？ 33 00:01:39,620 --> 00:01:44,050 だから、それだけでいくつかのシステムはそれを呼び出すだ それがここに言うように、パーミッションを変更する。 34 00:01:44,050 --> 00:01:48,540 そして、あなたは今までに見たい場合は、 何持つファイルを許可、 35 00:01:48,540 --> 00:01:52,240 だけではなく、やっての lsは、あなたがのls -l行うことができます。 36 00:01:52,240 --> 00:01:54,010 lは長い間の略です。 37 00:01:54,010 --> 00:01:56,460 >> だから、長いリストをやる すべての、そして 38 00:01:56,460 --> 00:02:02,080 あなたに多くの、より詳細を与える あなたのファイルのそれぞれについての情報。 39 00:02:02,080 --> 00:02:05,540 そして、あなたは私はsomething--表示されます second--のためにスキップします 40 00:02:05,540 --> 00:02:08,910 しかし、次のようなものが表示されます 各ファイルのそこの一番上の行。 41 00:02:08,910 --> 00:02:11,560 そして、我々はそれが何を意味するかを通過します。 42 00:02:11,560 --> 00:02:15,260 >> そこで、基本的に、変更するには あなたのファイルのパーミッション、 43 00:02:15,260 --> 00:02:16,850 あなただけにchmodを使用したい。 44 00:02:16,850 --> 00:02:23,620 あなたは他のどのようなものだと考えることができます UNIXのlsコマンドまたはCDやその他もろもろのように呼び出します。 45 00:02:23,620 --> 00:02:25,540 それは別のような呼び出しだけのようなものだ。 46 00:02:25,540 --> 00:02:30,530 >> だから我々はchmodのやるし、我々はよ 通常は3桁の数字を持っている。 47 00:02:30,530 --> 00:02:33,570 行うにはカップルの方法があります。 それは、そのうちの一つ、我々は上に行くよ。 48 00:02:33,570 --> 00:02:37,650 しかし、一般的には、次の3つがあるでしょう 0〜7の各時間の範囲の数字。 49 00:02:37,650 --> 00:02:43,530 >> だから、一つのことがあるということです 三つの異なるアクセス権 50 00:02:43,530 --> 00:02:45,510 私たちはそれぞれのファイルを与えることができること。 51 00:02:45,510 --> 00:02:49,480 そして、それはある、読みやすい 意味になるRで表さ 52 00:02:49,480 --> 00:02:54,020 少しで。である、ワット 書き込み可能。そして、xは、これは、実行可能である。 53 00:02:54,020 --> 00:02:57,630 私は、電子1、実行可能なことを知って、 そうでないかもしれないほとんどの感覚が、私たち 54 00:02:57,630 --> 00:02:59,120 xと共にそれを表す。 55 00:02:59,120 --> 00:03:05,290 >> その後何が起こるかは、これらのそれぞれである また数表現を持っている。 56 00:03:05,290 --> 00:03:07,990 そこで、1,2、および4があります。 57 00:03:07,990 --> 00:03:12,060 そして、基本的に何が起こるかである これらの3つの数字のそれぞれ 58 00:03:12,060 --> 00:03:17,380 ここに対応 異なるユーザーのセット 59 00:03:17,380 --> 00:03:19,420 これらのアクセス権は、に関連することを。 60 00:03:19,420 --> 00:03:24,820 >> だから、最初にそのことを考えることができます 番号は、実際のユーザーに対応 61 00:03:24,820 --> 00:03:29,360 またはファイルの所有者、第二 数は、グループに対応させていただきます 62 00:03:29,360 --> 00:03:33,590 そして最後のものはいい 世界へ、OK？ 63 00:03:33,590 --> 00:03:39,995 だから何が起こるかは覚えている 2 wはそれらnumbers-- rは4である 64 00:03:39,995 --> 00:03:42,550 xは右、1ですか？ 65 00:03:42,550 --> 00:03:46,630 あなたはこれらを総括すると、This-- それはあなたにその最初の番号を与えます 66 00:03:46,630 --> 00:03:48,600 我々はchmodコマンドで入力可能性があること。 67 00:03:48,600 --> 00:03:52,191 >> したがって、この場合には、どのような この番号は次のようになります？ 68 00:03:52,191 --> 00:03:57,030 それは、4プラス2プラスになるだろう 右、7 1、？ 69 00:03:57,030 --> 00:03:59,250 この場合において、これらの 何も持っていない、 70 00:03:59,250 --> 00:04:06,450 これは右ここだろう [OK]を、700にchmodする翻訳する？ 71 00:04:06,450 --> 00:04:12,030 そして、何それが行うのはそれがすべて許可している あなたのユーザへのこれらの許可の。 72 00:04:12,030 --> 00:04:14,400 >> だから、これは私たちのユーザーを意味します 彼らがやりたいことができます。 73 00:04:14,400 --> 00:04:15,400 彼らは、このファイルを読むことができます。 74 00:04:15,400 --> 00:04:16,810 彼らは、このファイルを実行することができます。 75 00:04:16,810 --> 00:04:18,360 彼らは、このファイルに書き込むことができます。 76 00:04:18,360 --> 00:04:23,545 しかし、グループと世界、なし 一切の権限、OK？ 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> だから、別の方法はそれを書き込むには、我々はできる 、その各々を3桁にchmodを行う 79 00:04:32,680 --> 00:04:40,040 どんな和またはそれに相当する 特定のグループは、特定のサブセットである。 80 00:04:40,040 --> 00:04:44,870 または私達は実際には別のことを行うことができます。 81 00:04:44,870 --> 00:04:45,590 ちょっと待って。 82 00:04:45,590 --> 00:04:49,330 我々は、これらのここで何かを行うことができます。 83 00:04:49,330 --> 00:04:55,615 >> どのようにあなたの多くは、例を見た それはプラスxをchmodするのが好きだったどこに？ 84 00:04:55,615 --> 00:04:58,070 あなたが講義で、私が思うことを見ましたか？ 85 00:04:58,070 --> 00:05:00,610 だから、すべての略です。 86 00:05:00,610 --> 00:05:04,990 それは、すべてのユーザーにそれを与えることを意味、 これ、私はここに置くのを忘れていました。 87 00:05:04,990 --> 00:05:08,790 >> しかし、プラスのx、我々の場合 我々が行う場合には、ここに気づく 88 00:05:08,790 --> 00:05:13,420 私たちは何をしているグループchmod--する プラスの権限の話 89 00:05:13,420 --> 00:05:14,660 我々はそれらを与えたい。 90 00:05:14,660 --> 00:05:16,120 だから、これはプラスまたはマイナスすることができます。 91 00:05:16,120 --> 00:05:17,690 Plusは、権限が追加されます。 92 00:05:17,690 --> 00:05:19,510 マイナスは許可を奪う。 93 00:05:19,510 --> 00:05:22,520 かなり直感的な、私は思います。 94 00:05:22,520 --> 00:05:25,720 >> だからプラスxは、chmodコマンドを意味します。 95 00:05:25,720 --> 00:05:32,260 だから、すべての人々のパーミッションを変更 これはA--であれば許可を追加します。 96 00:05:32,260 --> 00:05:37,110 そして、それはどのような権限を意味しx-- 私たちは皆を付与することになります。 97 00:05:37,110 --> 00:05:38,510 読み取り、書き込み、または実行する？ 98 00:05:38,510 --> 00:05:39,360 >> 聴衆：実行します。 99 00:05:39,360 --> 00:05:40,610 >> ALLISON BUCHHOLTZ-AU：実行します。 100 00:05:40,610 --> 00:05:46,080 だから我々はすべてのユーザーを与えている このファイルを実行する権限、OK？ 101 00:05:46,080 --> 00:05:53,370 私たちがやりたいのであればどのような 数値形式でその？ 102 00:05:53,370 --> 00:05:56,290 だから、数字で覚えている 我々は3つの数字が欲しい。 103 00:05:56,290 --> 00:05:56,790 >> 読者：4。 104 00:05:56,790 --> 00:05:58,290 ALLISON BUCHHOLTZ-AU：それは何でしたか？ 105 00:05:58,290 --> 00:05:59,260 読者：4。 106 00:05:59,260 --> 00:06:00,426 ALLISON BUCHHOLTZ-AU：ない4。 107 00:06:00,426 --> 00:06:01,599 聴衆：0、0、4。 108 00:06:01,599 --> 00:06:04,390 ALLISON BUCHHOLTZ-AU：まあ、私たちが望む 右、すべてのユーザーにそれを与えるには？ 109 00:06:04,390 --> 00:06:07,442 だから我々は持っているつもり 各スロットの番号。 110 00:06:07,442 --> 00:06:09,400 それはなるだろう 各スロットの同じ番号 111 00:06:09,400 --> 00:06:13,800 私達はちょうど与えたいので、 誰も実行権限。 112 00:06:13,800 --> 00:06:16,480 だから、実行可能ファイルは、1である しかし正しい軌道に乗って。 113 00:06:16,480 --> 00:06:23,055 >> だから我々はそのだろうにchmod 111をした場合は、 chmodのプラスxの等価である。 114 00:06:23,055 --> 00:06:24,430 それは皆に意味があるか？ 115 00:06:24,430 --> 00:06:26,910 私たちは、通過するつもりだ 例をいくつ。 116 00:06:26,910 --> 00:06:29,860 >> だから、大きなお持ち帰り ここで、ここにはありませんで、 117 00:06:29,860 --> 00:06:33,360 ちょうどすべてのユーザーにそれを与えることを意味します。 118 00:06:33,360 --> 00:06:36,610 あなただけの場合はuがある 与えるか、または離れて取る 119 00:06:36,610 --> 00:06:40,600 から特定の権限 ユーザーまたは所有者。 120 00:06:40,600 --> 00:06:43,800 gが、グループのためである その結果、真ん中の数字。 121 00:06:43,800 --> 00:06:49,440 その後他の人はあなたが考えることができます 世界のように、その最後の桁。 122 00:06:49,440 --> 00:06:52,840 >> だからと、私たちは一例に行くよ、 私はいつもの例のように感じるので、 123 00:06:52,840 --> 00:06:56,240 理解することはこれらの事が容易になります。 124 00:06:56,240 --> 00:07:01,240 我々はthis--を経てそうrwx-- また、700のように表すことができた。 125 00:07:01,240 --> 00:07:05,070 それは我々が見えた例です 画像の複数において。 126 00:07:05,070 --> 00:07:09,990 だから、いくつかのファイルを444にchmod どのようなアクセス許可を与えるだろう？ 127 00:07:09,990 --> 00:07:11,947 あなたは本当に近かった。 128 00:07:11,947 --> 00:07:13,030 読者：すべてに読み取り可能。 129 00:07:13,030 --> 00:07:14,321 ALLISON BUCHHOLTZ-AU：リード。 130 00:07:14,321 --> 00:07:15,660 右、誰にでもそう読める？ 131 00:07:15,660 --> 00:07:17,910 その後それを行う別の方法は何ですか？ 132 00:07:17,910 --> 00:07:23,070 我々はどちらかとchmodコマンドを実行したい場合は Rさんまたはwの、プラスとマイナス、 133 00:07:23,070 --> 00:07:25,300 何その呼び出しは次のようになります？ 134 00:07:25,300 --> 00:07:27,336 それは何をchmodのことでしょうか？ 135 00:07:27,336 --> 00:07:28,590 >> 聴衆：プラスR。 136 00:07:28,590 --> 00:07:32,900 >> ALLISON BUCHHOLTZ-AU：5上のプラスR。 137 00:07:32,900 --> 00:07:40,980 [OK]を、これは、これと同じである ちょうど2つの異なる翻訳 138 00:07:40,980 --> 00:07:42,500 同じことの。 139 00:07:42,500 --> 00:07:45,650 だからで、我々はこれらを持っている。 140 00:07:45,650 --> 00:07:50,310 だから私はあなたたちがしようと書きたい 彼らの反対の方法で、これらの種類。 141 00:07:50,310 --> 00:07:53,710 >> chmodの555でだから、 それは何を好むでしょうか？ 142 00:07:53,710 --> 00:07:56,704 それは、プラスまたはuプラスまたはその他もろもろでしょうか？ 143 00:07:56,704 --> 00:07:58,370 Uプラスxに対して、私に3つの数値を与える。 144 00:07:58,370 --> 00:08:03,530 その後何の権限について教えて 私たちは実際に、誰に付与している？ 145 00:08:03,530 --> 00:08:06,600 >> だから私は、君たち2をあげる その上で動作する分。 146 00:08:06,600 --> 00:08:08,160 お互いに話をして自由に感じる。 147 00:08:08,160 --> 00:08:11,910 少しに来た人のために 後半、キャンディーやシャツがあります。 148 00:08:11,910 --> 00:08:14,590 我々は左の3シャツを持っており、 我々はキットカッツとスターバーストを持っている。 149 00:08:14,590 --> 00:08:17,630 だから、グラブをお気軽に この小さな間奏でいくつか。 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> また、最後のものは注意が必要です。 152 00:09:04,440 --> 00:09:06,670 それは、最後の1のための2つの書き込み可にモードを変更です。 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 実際に、私はそのドアを閉じてみましょう 君たちは、その上で作業している間。 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 キャンディは常に必要だ 月曜日の午後に。 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> [OK]を、ので、555にchmod。 159 00:09:34,756 --> 00:09:36,380 我々はそれを書くことが別の方法は何ですか？ 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 任意のアイデア？ 162 00:09:41,790 --> 00:09:42,290 はい。 163 00:09:42,290 --> 00:09:43,280 >> 読者：プラスRX。 164 00:09:43,280 --> 00:09:44,613 >> ALLISON BUCHHOLTZ-AU：RプラスRX。 165 00:09:44,613 --> 00:09:47,290 あなたはそれに、RXはずだ理由を説明したいですか？ 166 00:09:47,290 --> 00:09:49,570 >> 読者：あなたが持っているので 5、それは4プラス1のように、 167 00:09:49,570 --> 00:09:51,734 だから、読んだプラス 実行ファイル、そしてそれはすべてのためだ。 168 00:09:51,734 --> 00:09:52,900 ALLISON BUCHHOLTZ-AU：右。 169 00:09:52,900 --> 00:09:58,540 だからここで、5を改めて表明する 我々は、4と1の合計として知る 170 00:09:58,540 --> 00:10:04,760 私たちのトリオの各数であるため そのサブセットの権限の和、 171 00:10:04,760 --> 00:10:05,260 右？ 172 00:10:05,260 --> 00:10:07,070 ユーザーのどちらか、 グループ、または世界。 173 00:10:07,070 --> 00:10:11,160 したがって、この場合には、我々は知っている 図5は、図4および1により形成されなければならない。 174 00:10:11,160 --> 00:10:15,240 >> そして4と1に対応 読み取りと実行を可能とする。 175 00:10:15,240 --> 00:10:21,717 我々は、すべての人にそれを与えている 私たちは、プラスRXます。chmod行うことができます。 176 00:10:21,717 --> 00:10:24,050 そして明らかに、私達はちょうど行きました そこの質問を通して、 177 00:10:24,050 --> 00:10:28,810 だから今、このファイルが実行可能である そして誰にでも読める。 178 00:10:28,810 --> 00:10:31,120 >> だから何秒約1？ 179 00:10:31,120 --> 00:10:32,900 そのいずれかの番号は何だろうか？ 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 任意のアイデア？ 182 00:10:37,180 --> 00:10:37,680 先に行く。 183 00:10:37,680 --> 00:10:38,600 >> 読者：100 [聞こえない]。 184 00:10:38,600 --> 00:10:39,683 >> ALLISON BUCHHOLTZ-AU：100。 185 00:10:39,683 --> 00:10:40,270 正確に。 186 00:10:40,270 --> 00:10:42,455 だから、なぜ100を説明したいと思いますか？ 187 00:10:42,455 --> 00:10:45,080 読者：それはのためだから ユーザので、第一の位置にあります。 188 00:10:45,080 --> 00:10:47,371 その後、実行可能×1です。 189 00:10:47,371 --> 00:10:48,620 ALLISON BUCHHOLTZ-AU：その通り。 190 00:10:48,620 --> 00:10:53,120 だから我々は、実行可能ファイルを付与する ただ、ユーザーへの権限。 191 00:10:53,120 --> 00:10:55,100 したがって、この場合には、100となる。 192 00:10:55,100 --> 00:10:57,570 そして、私はすべての答えを持っている 場合の次のスライド上で最大 193 00:10:57,570 --> 00:11:00,060 あなたは物事の多くを書き留めている。 194 00:11:00,060 --> 00:11:08,410 >> [OK]を、ので、この次は、実際に行われます 2書き込み可にモードを変更して、あなたはそれを行うことができます。 195 00:11:08,410 --> 00:11:11,120 だから、誰もが持っているん どのように可能性のあるアイデア 196 00:11:11,120 --> 00:11:14,150 chmodの640はリライト 他の方法で？ 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 あなたが最初にして、ユーザーを変更することができます あなたは、グループが私のヒントで変更することができます。 199 00:11:22,820 --> 00:11:29,740 >> だから我々はちょうど変えた場合には ここで、この最初の1であるユーザー、 200 00:11:29,740 --> 00:11:33,830 私たちの呼び出しは何でしょうか？ 201 00:11:33,830 --> 00:11:36,080 だから、ユーザーが右、uはありますか？ 202 00:11:36,080 --> 00:11:38,780 ですからます。chmod uプラス何？ 203 00:11:38,780 --> 00:11:39,280 ビー·マイ·エスケイプ？ 204 00:11:39,280 --> 00:11:40,469 >> 聴衆：RW。 205 00:11:40,469 --> 00:11:41,510 ALLISON BUCHHOLTZ-AU：RW。 206 00:11:41,510 --> 00:11:47,470 読み取りのため、読み取りと書き込み、右 これらの合計は6として一緒に、2 wは、4である。 207 00:11:47,470 --> 00:11:52,760 だから我々はchmodのuのプラスRWを取得し、 そして我々はそこに私たちの最初の6を得る。 208 00:11:52,760 --> 00:11:56,860 >> それでは私たちが今欲しい、4を取得するには 私たちのグループの設定を変更します。 209 00:11:56,860 --> 00:12:00,960 だから我々はchmodのgがプラス何をやろうとしている？ 210 00:12:00,960 --> 00:12:02,380 4は何ですか？ 211 00:12:02,380 --> 00:12:03,040 >> 聴衆：R。 212 00:12:03,040 --> 00:12:04,040 ALLISON BUCHHOLTZ-AU：R。 213 00:12:04,040 --> 00:12:05,070 正確に。 214 00:12:05,070 --> 00:12:09,140 だから我々は所有者を与えている パーミッションを読み書き 215 00:12:09,140 --> 00:12:13,141 私たちは、グループの読み取りを与えている 私たちはここにすべてを持っている権限、。 216 00:12:13,141 --> 00:12:13,640 ビー·マイ·エスケイプ？ 217 00:12:13,640 --> 00:12:17,740 >> 読者：あなたが何かを書くことができれば、 それはあなたがそれを実行することができます意味するものではありません？ 218 00:12:17,740 --> 00:12:20,700 >> ALLISON BUCHHOLTZ-AU：あなた something--に書き込むことができます 219 00:12:20,700 --> 00:12:22,900 私はそれのことを信じていない あなたはそれを実行することができますを意味します。 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 涼しい。 222 00:12:26,450 --> 00:12:29,620 だから、私達はちょうど経験したことがすべてです。 223 00:12:29,620 --> 00:12:33,075 だから、この次のいずれかに、それはだ だけの種類の一般的なケース 224 00:12:33,075 --> 00:12:35,200 あなたが残しておきたいこと あなたの問題は、設定のために気に。 225 00:12:35,200 --> 00:12:39,800 これらは通常の権限である 我々はあなたが使用したいもの。 226 00:12:39,800 --> 00:12:44,900 >> そう711のために、それが得られ 私たちはもちろん、利用者 227 00:12:44,900 --> 00:12:47,720 すべての権限、どの 意味をなす傾向がある。 228 00:12:47,720 --> 00:12:51,920 そしてそれはで実行可能だ 理にかなっている世界では、グループ、 229 00:12:51,920 --> 00:12:56,150 あなたには、いくつかのディレクトリがある場合、 その中に横断できるようにしたい。 230 00:12:56,150 --> 00:12:58,160 人々がアクセスする必要があります。 231 00:12:58,160 --> 00:13:04,680 >> 任意の非PHPファイルの場合は、あなたが行っている 何をするであろう、644を使用するには？ 232 00:13:04,680 --> 00:13:07,560 それは何を意味するか、何ん パーミッションそれが与えるのでしょうか？ 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 だから、所有者は何ができる？ 235 00:13:14,409 --> 00:13:15,450 聴衆：読み取りと書き込み。 236 00:13:15,450 --> 00:13:16,991 ALLISON BUCHHOLTZ-AU：読み取りと書き込み。 237 00:13:16,991 --> 00:13:21,560 その後グループとその他 ちょうど、読むことができます？ 238 00:13:21,560 --> 00:13:25,660 その後いずれかのために600にchmod あなたが使用するPHPファイル、 239 00:13:25,660 --> 00:13:27,980 あなたの所有者は、再度、缶 読み取りおよびそれに書き込む 240 00:13:27,980 --> 00:13:32,310 しかし、誰もがある だけの種類の遮断。 241 00:13:32,310 --> 00:13:34,540 >> だから、これは実際になります 時より有用である 242 00:13:34,540 --> 00:13:37,700 あなたはあなたの問題に着く 設定された次の週どこ 243 00:13:37,700 --> 00:13:40,290 あなたは実際にウェブサイトを構築している。 244 00:13:40,290 --> 00:13:43,100 だから、あなたがこれまでに実行する場合、 どんな奇妙な問題 245 00:13:43,100 --> 00:13:45,970 それが読み込まれないのWHERE 適切に、多分あなた 246 00:13:45,970 --> 00:13:50,670 実行ファイルを追加する必要があります 許可、または多分あなたは、読み取りを必要とする 247 00:13:50,670 --> 00:13:52,990 又は許可を記述します。 248 00:13:52,990 --> 00:13:56,980 人々をトリップする傾向がささいなこと アップ、それは一種のゴーへのようなものだ 249 00:13:56,980 --> 00:13:58,564 あなたは来週のPSETを起動したとき。 250 00:13:58,564 --> 00:14:00,730 そして、私はより多くのあなたを与えるだろう 今週のPSETのヒント、 251 00:14:00,730 --> 00:14:05,010 しかし、私は以来、それを見には至っていない それが今朝リリースされました。 252 00:14:05,010 --> 00:14:10,600 しかし、あなたは私が見えているでしょう、私にメール それを時間によって明日は応答します。 253 00:14:10,600 --> 00:14:14,310 >> だから今、誰もがchmodコマンドと良いのですか？ 254 00:14:14,310 --> 00:14:16,040 任意の長引く疑問？ 255 00:14:16,040 --> 00:14:17,240 かなり簡単。 256 00:14:17,240 --> 00:14:20,620 何を追跡するだけの種類 読み取り、書き込み、および番号は、実行 257 00:14:20,620 --> 00:14:23,660 おそらく最も難しい部分です。 258 00:14:23,660 --> 00:14:29,620 >> 、TCP / IPを持つので、すべてのこれらのプロトコル 種類のデータ構造を持つような 259 00:14:29,620 --> 00:14:31,990 先週、それははるかだ 種の取得することが重要 260 00:14:31,990 --> 00:14:33,900 それらのより高いレベルの直感。 261 00:14:33,900 --> 00:14:37,390 これは、我々が行っているCS143はありません ネットワークを実装するか聞いて、 262 00:14:37,390 --> 00:14:39,870 だから、もし大丈夫 理解していない 263 00:14:39,870 --> 00:14:42,900 すべてのプロトコルの核心。 264 00:14:42,900 --> 00:14:46,050 理解することが重要何をしていている 種類の彼らが何を表すかのように 265 00:14:46,050 --> 00:14:47,300 そしてなぜ彼らは重要だ。 266 00:14:47,300 --> 00:14:52,320 >> そのようにTCP / IPは、もちろん、それは トランスミッションコントロールプロトコル 267 00:14:52,320 --> 00:14:57,270 であるか、インターネットプロトコル、 基本的には基本的に法律のちょうどセット 268 00:14:57,270 --> 00:15:00,800 あるいはその規格は、データを伝える それがどのように扱われるべきである、 269 00:15:00,800 --> 00:15:04,900 それがどのようにパケット化されるべきである、 送信され、受信された。 270 00:15:04,900 --> 00:15:09,200 基本的には、ちょうどそれのようにそれはそう ここで言う、チャンスを増加 271 00:15:09,200 --> 00:15:12,950 そのデータがどこになります あなたはそれがに取得したい。 272 00:15:12,950 --> 00:15:15,950 >> 君たちはに行ってきました場合、私は確信している 講義またはオンラインそれを見、 273 00:15:15,950 --> 00:15:18,232 彼は私にはわからないhas-- 彼は今年それをしなかった場合には、 274 00:15:18,232 --> 00:15:20,940 私は去年知って、彼が持っていた 彼はロブの写真を持っていたデモ 275 00:15:20,940 --> 00:15:23,320 そして彼はそれをに分割 4封筒に入れて 276 00:15:23,320 --> 00:15:26,590 そしてサンダースを渡ってそれを取得しようとしました。 277 00:15:26,590 --> 00:15:29,430 そして、あなたは一種の缶 それをそのように思います。 278 00:15:29,430 --> 00:15:35,400 それは、そのルールのセットだけだ どこかを取得する方法、データを伝える 279 00:15:35,400 --> 00:15:37,640 そしてあなたがどうかを知ることができます あなたは、データが不足している 280 00:15:37,640 --> 00:15:40,460 あなたがある場合と同じ方法で ノートの複数のページを取って 281 00:15:40,460 --> 00:15:46,490 あなたが104ページ、ページでそれらにラベルを付ける 204、あなたは後で勉強する戻る 282 00:15:46,490 --> 00:15:50,220 あなたが欠けているsomething-- あなたが知っている304--、ページを見つけることができません 283 00:15:50,220 --> 00:15:53,310 何かが間違っているので、あなた あなたのノートに目を通すことができます 284 00:15:53,310 --> 00:15:58,666 もう一度またはあなたの再送信を誰かに頼む 講義では、その日から指摘している。 285 00:15:58,666 --> 00:16:00,290 インターネット上のデータと同じように。 286 00:16:00,290 --> 00:16:03,220 私はのために求めている場合 一部のサーバーから何か 287 00:16:03,220 --> 00:16:05,377 そしてそれは送信する必要がある それ複数のパケットでは、 288 00:16:05,377 --> 00:16:07,210 おそらく数に行く それはいくつかの方法で、せ 289 00:16:07,210 --> 00:16:12,430 私は、私が受け取っているはずですどのよ​​うに多くの知っている、 これは10の一つであり、ああ、私に教えて 290 00:16:12,430 --> 00:16:13,990 またはこれは、10,000の一つである。 291 00:16:13,990 --> 00:16:17,030 私が組み立て直しに行くそのように 一緒にすべてのピース、 292 00:16:17,030 --> 00:16:21,504 何かが欠けている場合、私は知っている そして私は再びそのを求めることができます。 293 00:16:21,504 --> 00:16:22,730 それは理にかなっていますか？ 294 00:16:22,730 --> 00:16:23,610 ルールのセットだけ。 295 00:16:23,610 --> 00:16:28,120 その根底には、[OK]を、ルールのセット？ 296 00:16:28,120 --> 00:16:31,360 >> だから我々はまた話 ポートについて少し。 297 00:16:31,360 --> 00:16:36,150 これは本当にただの標準であること あなたがデータのタイプを知ることができます 298 00:16:36,150 --> 00:16:38,650 これらのパケットで送信されている。 299 00:16:38,650 --> 00:16:40,790 私たちは一緒に行く場合 封筒の例は、我々はしないでください 300 00:16:40,790 --> 00:16:43,510 それは絵だことを知っている そこにロブ我々はそれを書いていない限り 301 00:16:43,510 --> 00:16:45,480 私たちの封筒の外側に。 302 00:16:45,480 --> 00:16:47,100 だから、ポートは、基本的には同じものです。 303 00:16:47,100 --> 00:16:51,670 それはちょうど何を把握する方法です データのタイプは、送信されている。 304 00:16:51,670 --> 00:16:56,260 >> だから私たちはすべてを持っている ここで最も一般的なもの。 305 00:16:56,260 --> 00:16:59,790 だから21--これらも親切です の良いもののように知っている。 306 00:16:59,790 --> 00:17:01,560 それは簡単クイズの質問のようなものだ。 307 00:17:01,560 --> 00:17:03,590 ポート80は何をするのでしょうか、などとすることが？ 308 00:17:03,590 --> 00:17:06,970 または、ポート443は、何をするのでしょうか？ 309 00:17:06,970 --> 00:17:09,359 知っているので、良いもの。 310 00:17:09,359 --> 00:17:12,569 >> だから我々はここに持っている、21がファイルである 単に転送プロトコルなので、 311 00:17:12,569 --> 00:17:15,050 ファイル転送を管理する規則。 312 00:17:15,050 --> 00:17:19,550 25、我々はすべて何か あまりにも多く使用し、電子メールがある。 313 00:17:19,550 --> 00:17:22,790 53は、ドメイン名です 基本的なシステム、 314 00:17:22,790 --> 00:17:26,910 のルックアップのだけの種類 ドメイン名のIPアドレス。 315 00:17:26,910 --> 00:17:29,900 >> だから私はそれがあったかなり確信している あなたなら、講演で言及 316 00:17:29,900 --> 00:17:33,960 のようなものに行く google.com、それはIPアドレスを持っている 317 00:17:33,960 --> 00:17:35,818 その、それに関連付けられています。 318 00:17:35,818 --> 00:17:37,026 それは実際にgoogle.comではありません。 319 00:17:37,026 --> 00:17:40,720 だから53ポートです それは実際に取る 320 00:17:40,720 --> 00:17:44,050 それを翻訳するの種類の世話 あなたのために、そのIPアドレスに変換する。 321 00:17:44,050 --> 00:17:47,830 その後80および443は、非常に一般的です。 322 00:17:47,830 --> 00:17:50,710 あなたのいずれかがあなたのWeb​​ページを持っているか、 あなたのセキュリティで保護されたWebページを持っている、 323 00:17:50,710 --> 00:17:56,100 そのウェブページの多くはある 今に引き継が移す。 324 00:17:56,100 --> 00:18:02,540 >> だから、高レベルのようなものだ 転送プロトコルの概要。 325 00:18:02,540 --> 00:18:05,170 私は徹底的にずっと表示されません。 326 00:18:05,170 --> 00:18:07,320 それはクールなもののようなものだ あなたが興味があるなら。 327 00:18:07,320 --> 00:18:08,590 資源がたくさんあり​​ます。 328 00:18:08,590 --> 00:18:10,780 ウィキペディアは実際にある かなり良いページ。 329 00:18:10,780 --> 00:18:13,850 だから私はそれを見ていた ほんの少し前、 330 00:18:13,850 --> 00:18:16,580 ので、私は非常にお勧めします もし興味があるならそれを見て 331 00:18:16,580 --> 00:18:22,160 ため、または2年で143を取る 私はそれが隔年だと思います。 332 00:18:22,160 --> 00:18:27,590 >> だから、これの終わりに、我々はしている Webページや、HTTPの話、 333 00:18:27,590 --> 00:18:33,790 そのため、実際に私たちの次のトピックです 今日我々は、HTMLとCSSに入る前に、 334 00:18:33,790 --> 00:18:37,920 あなたが実際にWebページをコーディングすることができます。 335 00:18:37,920 --> 00:18:38,650 それは楽しいだろう。 336 00:18:38,650 --> 00:18:42,220 私たちは、の写真を持っているでしょう バニー、それは素晴らしいことでしょう。 337 00:18:42,220 --> 00:18:48,630 >> だから、HTTP、あなたがここに見ることができるように、 素敵な頭字語の一つである 338 00:18:48,630 --> 00:18:53,220 今週、これは ハイパーテキスト転送プロトコル。 339 00:18:53,220 --> 00:18:57,940 だから、もう一度、それだけだ そのルールの別のセット 340 00:18:57,940 --> 00:19:01,440 ハイパーテキストを支配する この場合、転送。 341 00:19:01,440 --> 00:19:04,120 学習するので、最良の方法 約これは単なる種のある 342 00:19:04,120 --> 00:19:07,650 にそれを打破するために これらの個々の単語 343 00:19:07,650 --> 00:19:10,770 がたくさんあり​​ますので、 そこに、画面上の言葉。 344 00:19:10,770 --> 00:19:13,290 >> だから我々はハイパーテキストで開始するつもりだ。 345 00:19:13,290 --> 00:19:17,630 だから、「ハイパー、 "あなたが考えることができます 「上」、スーパータイプの事のように。 346 00:19:17,630 --> 00:19:24,615 だから、本当にに連れて行かれ、テキストだけだ 次のレベルなので、それがスーパーテキストのようなものだ、 347 00:19:24,615 --> 00:19:27,850 次のテキストのように。 348 00:19:27,850 --> 00:19:34,890 だから、それだけで、基本的だ 私たちを与えたテキスト 349 00:19:34,890 --> 00:19:37,490 よりも多くの情報 通常のテキストは[OK]、しますか？ 350 00:19:37,490 --> 00:19:40,510 >> そこでここでは、この場合には、これはハイパーテキストである。 351 00:19:40,510 --> 00:19:45,710 これは、我々が持っていることを教えてくれる 私たちがしようとしているいくつかのリンク、 352 00:19:45,710 --> 00:19:49,620 これはcs50.net、ある 今cs50.harvard.eduです。 353 00:19:49,620 --> 00:19:51,420 これらのスライドは少し古いです。 354 00:19:51,420 --> 00:19:55,330 そして、それは表示するように起こっている ハイパーリンクとしてこのようなこと、 355 00:19:55,330 --> 00:19:58,140 その後本当にクールウェブサイト。 356 00:19:58,140 --> 00:20:02,080 >> だから、少しテキスト、だ そこに本当にクールなもののビット。 357 00:20:02,080 --> 00:20:08,170 だから、物事をリンクすることができますし、次のことができます 画像を挿入し、あなたが物事をスタイルすることができます。 358 00:20:08,170 --> 00:20:11,740 そして、あなたが最も精通している事は、 男は、おそらくハイパーテキストで持っている 359 00:20:11,740 --> 00:20:19,100 ハイパーテキストマークアップ言語、HTMLは、ある ウェブの全てのコースのどれである 360 00:20:19,100 --> 00:20:23,080 付与された、私たちは私たちの周りを参照してください。その でスローいくつかのCSSスタイルを持つ。 361 00:20:23,080 --> 00:20:25,580 >> しかし、誰もがあった場合 MySpaceのと本当に大きな、 362 00:20:25,580 --> 00:20:28,240 私はあなたのすべてがHTMLを使用確信している 作成するすべての時間 363 00:20:28,240 --> 00:20:30,640 これらの完璧なプロファイル、右？ 364 00:20:30,640 --> 00:20:34,930 それはかもしれないような気が 時代遅れの今の基準が、何でも。 365 00:20:34,930 --> 00:20:37,780 ちょうどlittle--君たち それほど若くはありません。 366 00:20:37,780 --> 00:20:40,480 皆さんの中には私よりも古い。 367 00:20:40,480 --> 00:20:42,480 MySpaceはまだあった 私が若かった事。 368 00:20:42,480 --> 00:20:44,510 私はその昔じゃない。 369 00:20:44,510 --> 00:20:49,265 >> とにかく、HTMLのハイパーテキストのちょうど形。 370 00:20:49,265 --> 00:20:55,640 だから、ハイパーテキストだけです 追加された機能を持つテキスト。 371 00:20:55,640 --> 00:21:01,790 そのように転送プロトコルと考えられる 説明するよりあやふやだ。 372 00:21:01,790 --> 00:21:04,870 明らかに、transfer-- データの転送だけ。 373 00:21:04,870 --> 00:21:09,370 だから、どちらかのクライアント間で、のような あなたのWeb​​弟、およびサーバ。 374 00:21:09,370 --> 00:21:12,090 だから、基本的には 方法は、インターネットは機能します。 375 00:21:12,090 --> 00:21:16,339 >> の正確な要求だから、 どのようにこれらの仕事は、私たちがしている 376 00:21:16,339 --> 00:21:18,755 実際に見に行く 例リクエストとレスポンス。 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 しかし、我々はどのようにを要求 サーバからの情報 379 00:21:25,220 --> 00:21:30,590 そして、サーバーが私たちにどのように応答するかされる 何この転送プロトコルが支配する。 380 00:21:30,590 --> 00:21:35,320 だから、リクエストとレスポンスが持っている ルールのこれらの特定のセットに従うこと。 381 00:21:35,320 --> 00:21:38,340 これは、標準化されているのに関わらず、そのため、 あなたは、インターネットを使っている場合には、 382 00:21:38,340 --> 00:21:40,720 それは常にOK、同じように機能します？ 383 00:21:40,720 --> 00:21:43,220 >> 再び、プロトコルは、ルールのセット。 384 00:21:43,220 --> 00:21:45,620 それはちょうど普通のことだ 同じように相互作用 385 00:21:45,620 --> 00:21:49,500 教授マランはを語ること 誰かが自分の手を拡張する場合、 386 00:21:49,500 --> 00:21:52,880 あなたはそれが礼儀だことを知っている あなたの手を差し伸べ、手を振る。 387 00:21:52,880 --> 00:21:54,580 それは右、プロトコルですか？ 388 00:21:54,580 --> 00:21:59,060 >> だから私は、いくつかの標準化された要求を与える 私はあなたの手を振るしたいです、 389 00:21:59,060 --> 00:22:01,975 そしてあなたは、いくつかの標準化を与える どちら全くのおかげではない応答、 390 00:22:01,975 --> 00:22:04,600 またはあなたが試してみて、私の横に振る可能性 手や多分あなたは試してみるつもりだ 391 00:22:04,600 --> 00:22:06,490 と拳が私をバンプ。 392 00:22:06,490 --> 00:22:08,320 そして、我々はそのためのプロトコルを持っていません。 393 00:22:08,320 --> 00:22:09,360 これは、分解します。 394 00:22:09,360 --> 00:22:12,030 しかし、誰もが続く場合 同じプロトコルはもちろん、 395 00:22:12,030 --> 00:22:14,250 それははるかにシームレスになります。 396 00:22:14,250 --> 00:22:15,590 人々は、お互いを知るようになる。 397 00:22:15,590 --> 00:22:16,830 誰もが幸せだ。 398 00:22:16,830 --> 00:22:20,750 >> だから、ウェブの世界では、 誰もが同じrules--に従います 399 00:22:20,750 --> 00:22:22,940 社会的基準よりもわずかに良好。 400 00:22:22,940 --> 00:22:26,950 しかし、それを、私たちは見てみましょう ここでは例リクエストで。 401 00:22:26,950 --> 00:22:30,020 だから、これはほとんどありませ ここで一番下のキー 402 00:22:30,020 --> 00:22:34,990 それはあなたにさまざまな色を伝え、 彼らは何を意味することになっている。 403 00:22:34,990 --> 00:22:38,290 >> だから、白いちょうどあなたの方法のようです リクエストおよびプロトコルversion-- 404 00:22:38,290 --> 00:22:42,400 そのようにメソッド要求、バージョン。 405 00:22:42,400 --> 00:22:44,630 そして、これはいくつかある フィールド名と値 406 00:22:44,630 --> 00:22:47,630 そのフィールドの、どの頂きます 非常に、非常にすぐに入る。 407 00:22:47,630 --> 00:22:49,840 これは、例えば要求がある。 408 00:22:49,840 --> 00:22:54,470 これは私が出て拡張するようなものです、 自分自身を紹介したい。 409 00:22:54,470 --> 00:22:58,507 >> これはどのようなクライアントである または何Webブラウザ 410 00:22:58,507 --> 00:22:59,840 ご使用のサーバに送信することになる。 411 00:22:59,840 --> 00:23:04,500 だから、これはget要求であるので、それはだ サーバーから何かを尋ねる。 412 00:23:04,500 --> 00:23:09,690 そして、HTTP、もちろん、だ そしてそれはバージョン1.1です。 413 00:23:09,690 --> 00:23:16,060 >> だからここにこの残りの部分は、我々が呼んでいるものです ヘッダと、その追加情報 414 00:23:16,060 --> 00:23:20,050 それは私たちのより良いアイデアを与える 私たちが実際に求めている、 415 00:23:20,050 --> 00:23:23,190 私たちは与えたいと思うことや情報 適切かもしれませんサーバー。 416 00:23:23,190 --> 00:23:32,880 だから、ユーザーエージェントは、いくつかのより多くを与えます 例えばon--説明、ここで、 417 00:23:32,880 --> 00:23:38,720 カール/ 7.24.0は、実際に伝えるために起こっている 我々は、Googleを使用しているサーバー 418 00:23:38,720 --> 00:23:40,700 私たちのブラウザとしてクロム。 419 00:23:40,700 --> 00:23:43,290 だから、あなたが今まで聞いた場合 話す人々について 420 00:23:43,290 --> 00:23:48,160 アプリが応答することについて 複数のブラウザに、 421 00:23:48,160 --> 00:23:50,330 これは彼らに何かある あなたがいる場合のため使用します 422 00:23:50,330 --> 00:23:53,000 何ブラウザーを知らない リクエストは、から来ている 423 00:23:53,000 --> 00:23:55,050 あなたはそれにデータを調整することはできません。 424 00:23:55,050 --> 00:23:57,690 この場合、ユーザがそのように ただ、この種を与えている 425 00:23:57,690 --> 00:24:01,030 情報を特定する 何ブラウザー約 426 00:24:01,030 --> 00:24:06,510 ユーザーは、現在、[OK]を、使用している？ 427 00:24:06,510 --> 00:24:11,640 >> それでは我々はまた、あるホストを、持っている どこに私たちは実際に行きたいと思っています。 428 00:24:11,640 --> 00:24:15,280 このケースでは、に行きたい apple.com、いくつかのクールな新しいiPadを買う 429 00:24:15,280 --> 00:24:19,540 か何か、多分かわいい 私たちの寮の部屋で点灯します。 430 00:24:19,540 --> 00:24:24,900 そして最後に名前の値はちょうどです フィラー、単に一般的なもの 431 00:24:24,900 --> 00:24:25,760 君たちが見るの。 432 00:24:25,760 --> 00:24:28,240 それは実際にない ここで何に対応しています。 433 00:24:28,240 --> 00:24:32,360 >> だから、同じくらいか、などのを持つことができます あなたはそれぞれの場合に必要として少し。 434 00:24:32,360 --> 00:24:36,990 ほとんどの場合、これらは任意である。 435 00:24:36,990 --> 00:24:41,780 それはちょうど何に依存します あなたは、ブラウザから必要 436 00:24:41,780 --> 00:24:45,120 へ順に、ユーザーからの リクエストを適切に与える。 437 00:24:45,120 --> 00:24:48,970 それとも、何あなたのユーザーに依存 実際にサーバへのあきらめたいと考えています。 438 00:24:48,970 --> 00:24:54,550 だから、多くの、多くを持っている可能性 これらのヘッダーフィールド名 439 00:24:54,550 --> 00:24:57,140 またはあなただけのカップルを持っているかもしれません。 440 00:24:57,140 --> 00:24:59,630 たくさんのことと同じように 私は、このセクションで述べてきたが、 441 00:24:59,630 --> 00:25:03,590 それは実際に状況に依存 のどのようにあなたがこれを使用している。 442 00:25:03,590 --> 00:25:06,810 >> だから、皆に理にかなっているのでしょうか？ 443 00:25:06,810 --> 00:25:11,463 これは一例に過ぎず 要求、ヘッダー、その他もろもろ。 444 00:25:11,463 --> 00:25:16,910 [OK]を、それとなるよう、私たちはいくつかの応答を持っている。 445 00:25:16,910 --> 00:25:20,510 >> 再び、我々は我々のステータスコード、プロトコルを持っている バージョン、および、フィールド名とフィールド 446 00:25:20,510 --> 00:25:21,700 いつものように値。 447 00:25:21,700 --> 00:25:25,500 だから私たちのプロトコルバージョンは 私たちの状態コードは200である。 448 00:25:25,500 --> 00:25:28,610 、ことを意味し、[OK] はい、すべてがうまくいった。 449 00:25:28,610 --> 00:25:30,230 ここで何をしたいのです。 450 00:25:30,230 --> 00:25:33,750 >> サーバタイプ、コンテンツ それを教えてくれるtype--、[OK]を、あなたがしている 451 00:25:33,750 --> 00:25:37,210 一部のテキストのHTMLを取得するつもり。 452 00:25:37,210 --> 00:25:40,520 ここでの長さがあり、ここだ あなたは、接続に何をすべき。 453 00:25:40,520 --> 00:25:43,004 [OK]を、ので、再度、依存 あなたがしているデータについて 454 00:25:43,004 --> 00:25:45,670 内容に応じて、求めて サーバーは、あなたに戻りたい、 455 00:25:45,670 --> 00:25:49,440 あなたはこれらのフィールドの複数を有することができる 名前は、あなたがより少ないがあるかもしれません。 456 00:25:49,440 --> 00:25:53,950 完全に文脈依存。 457 00:25:53,950 --> 00:25:56,650 >> そして限り、このステータスなど ここでは、コードはもちろん、 458 00:25:56,650 --> 00:25:59,590 200は唯一のものではない あなたは正しい、持っているだろうか？ 459 00:25:59,590 --> 00:26:01,580 私たちは、ステータスコードがたくさんある。 460 00:26:01,580 --> 00:26:06,120 誰もが任意のを覚えていますか 私たちは講義で述べた他の人？ 461 00:26:06,120 --> 00:26:08,310 それらの多くは4で始まる。 462 00:26:08,310 --> 00:26:09,680 >> 聴衆：404。 463 00:26:09,680 --> 00:26:11,310 >> ALLISON BUCHHOLTZ-AU：404、ありますか？ 464 00:26:11,310 --> 00:26:12,140 >> 読者：ファイルが見つかりません？ 465 00:26:12,140 --> 00:26:13,250 >> ALLISON BUCHHOLTZ-AU：ファイルが見つかりません。 466 00:26:13,250 --> 00:26:14,120 正確に。 467 00:26:14,120 --> 00:26:15,587 だから何403はどうですか？ 468 00:26:15,587 --> 00:26:16,420 聴衆：禁断の。 469 00:26:16,420 --> 00:26:17,120 ALLISON BUCHHOLTZ-AU：紫禁城。 470 00:26:17,120 --> 00:26:18,695 それで、あなたはどう思いますか それが書き込み可にモードを変更して意味？ 471 00:26:18,695 --> 00:26:20,890 >> 観客は：それはあなたことを意味します それを読むためのアクセス許可を持っていません。 472 00:26:20,890 --> 00:26:22,400 >> ALLISON BUCHHOLTZ-AU：その通り。 473 00:26:22,400 --> 00:26:25,190 何らかの方法で、あなたは持っていない それにアクセスする権限は、右？ 474 00:26:25,190 --> 00:26:27,242 だから、404、403。 475 00:26:27,242 --> 00:26:28,950 本当に面白いがあります 1その我々は常に 476 00:26:28,950 --> 00:26:31,116 毎年紹介すること 私は、ここで我慢している必要があります 477 00:26:31,116 --> 00:26:33,370 413のような、私はティーポットだされている。 478 00:26:33,370 --> 00:26:34,390 あなたはこれをGoogleのことができます。 479 00:26:34,390 --> 00:26:38,490 それはコードであり、同様にそれは面白いです 413とそれは私がティーポットよだ。 480 00:26:38,490 --> 00:26:41,240 どの私はあなたがする理由がわからない これまでインターネット上であることを必要とし、 481 00:26:41,240 --> 00:26:42,935 私が話を戻そう。 482 00:26:42,935 --> 00:26:44,310 聴衆：たぶん、あなたはお茶のポットだ。 483 00:26:44,310 --> 00:26:46,476 ALLISON BUCHHOLTZ-AU：たぶん サーバーは、お茶のポットです。 484 00:26:46,476 --> 00:26:47,890 誰が知っている？ 485 00:26:47,890 --> 00:26:51,840 すべての権利、私たちはしようとしています 実際のコーディングへの移行。 486 00:26:51,840 --> 00:26:54,750 君たちはしようとしているような気がします かなり早くここから出。 487 00:26:54,750 --> 00:26:56,940 >> 観客は：なぜそれをしない 二回：サーバー "と言う？ 488 00:26:56,940 --> 00:26:57,981 >> ALLISON BUCHHOLTZ-AU：フム？ 489 00:26:57,981 --> 00:27:00,350 サーバー倍？ 490 00:27:00,350 --> 00:27:03,750 それは良い質問です。 491 00:27:03,750 --> 00:27:04,630 私はわからない。 492 00:27:04,630 --> 00:27:07,520 私が分かるだろうと 私はあなたのすべてをメールでお知らせいたします。 493 00:27:07,520 --> 00:27:11,410 >> [OK]を、それ以外に他の質問？ 494 00:27:11,410 --> 00:27:12,310 グッド？ 495 00:27:12,310 --> 00:27:14,390 涼しい。 496 00:27:14,390 --> 00:27:17,280 >> HTMLとCSS、そして今我々 すべての楽しさの部分に到達する。 497 00:27:17,280 --> 00:27:21,697 だから私は前に述べたように、HTMLの おそらくものの一つです 498 00:27:21,697 --> 00:27:23,030 君たちは、最も精通している。 499 00:27:23,030 --> 00:27:25,760 だから我々はハイパーテキストマークアップ言語を持っている。 500 00:27:25,760 --> 00:27:29,900 >> 私にはないthis--を学ぶための最善の方法 どんな調製されたスライドか何かを持っている 501 00:27:29,900 --> 00:27:31,480 HTMLについて君たちのために。 502 00:27:31,480 --> 00:27:33,640 これは、構文を学ぶことは本当にです。 503 00:27:33,640 --> 00:27:38,380 そして、あなたはMySpaceのだったら 一日、あなたはこれをダウンだろう。 504 00:27:38,380 --> 00:27:42,790 >> だから本当に、最大のものは、 ちょうど練習し、実験する。 505 00:27:42,790 --> 00:27:48,000 私はだろう偉大な資源の一つ 非常にW3Schoolsのある使用をお勧めします。 506 00:27:48,000 --> 00:27:50,620 だから、W、3、その後学校。 507 00:27:50,620 --> 00:27:54,810 彼らはたくさんある CSSでHTML上のリソース、 508 00:27:54,810 --> 00:27:58,970 そして彼らは実際に持っている 事の分割画面のソート 509 00:27:58,970 --> 00:28:00,830 どこに彼らはあなたのサンプルコードを与えるでしょう。 510 00:28:00,830 --> 00:28:03,290 あなたはそれをいじることができ、 それを変更し、Updateを押して、 511 00:28:03,290 --> 00:28:06,410 そしてそれはあなたが何を、それを紹介します 実際にWebページにありません。 512 00:28:06,410 --> 00:28:08,380 >> だから私は非常にそれを使用することをお勧めだろう。 513 00:28:08,380 --> 00:28:11,300 それはかなりクールだ。 514 00:28:11,300 --> 00:28:14,560 あなたはワンセグ障害を得ることはありません ここで物事がうまくいかないとき。 515 00:28:14,560 --> 00:28:16,430 あなたが取得するために管理している場合 HTMLについてワンセグ障害、 516 00:28:16,430 --> 00:28:19,446 私はだから私に知らせてください 本当の興味をそそらことになるだろう。 517 00:28:19,446 --> 00:28:21,570 ので、しかし、それは本当にクールだ あなたは物事を変更することができ、 518 00:28:21,570 --> 00:28:23,550 あなたは彼らがライブ更新され見ることができます。 519 00:28:23,550 --> 00:28:26,210 と私はあなたが多くを得るでしょうと思う HTMLののより直感的に把握 520 00:28:26,210 --> 00:28:28,690 あなたが実際にはいくつかのを過ごす場合には 時間それを使って実験。 521 00:28:28,690 --> 00:28:32,590 私が言っただから、なぜです、 実践と実験。 522 00:28:32,590 --> 00:28:34,490 >> グーグル、ここから上 アウト、おそらくになります 523 00:28:34,490 --> 00:28:36,440 あなたの最高のリソースや友人の一人。 524 00:28:36,440 --> 00:28:41,080 またはBing--私は、マイクロソフトで働いています ので、多分私はビングを言う必要があります。 525 00:28:41,080 --> 00:28:45,590 しかし、ほとんど何 ただ構文であることを行っている、 526 00:28:45,590 --> 00:28:51,300 そうタグが何であるかを理解し、 少なくともCSS--とunderstanding-- 527 00:28:51,300 --> 00:28:53,360 特定の属性を変更する方法。 528 00:28:53,360 --> 00:28:55,300 これは超便利でしょう。 529 00:28:55,300 --> 00:28:58,852 >> だから我々にはないにもかかわらず、 どんな準備ものを持って、 530 00:28:58,852 --> 00:29:02,060 我々はいくつかのベストプラクティスのようなものを持っている 私たちはあなたたちがしようと遵守したいこと 531 00:29:02,060 --> 00:29:06,640 by--またはむしろ、あなたがすべき 追って通知があるまで従う。 532 00:29:06,640 --> 00:29:09,722 だから、すべてのあなたのタグを閉じます。 533 00:29:09,722 --> 00:29:12,930 うまくいけば、誰もがあなたが何を知っているhas--、 これは今は意味がない場合には、 534 00:29:12,930 --> 00:29:15,388 私はそれが意味をなすことを約束する 我々はページをコーディングしているとき。 535 00:29:15,388 --> 00:29:16,680 しかし、すべてのタグを閉じます。 536 00:29:16,680 --> 00:29:20,410 だから、あなたがこれまでにいくつかを持っている場合 ブラケットのヘッダ、 537 00:29:20,410 --> 00:29:24,180 H1は、ブラケット、そのことを確認してください あなたはそれと終わったびに、 538 00:29:24,180 --> 00:29:26,570 あなたはそのヘッダーを閉じます。 539 00:29:26,570 --> 00:29:30,260 W3バリであなたのページを検証します。 540 00:29:30,260 --> 00:29:34,689 あなたのタグを閉じないと、 あなたが予期しない動作を得ることができます。 541 00:29:34,689 --> 00:29:37,730 それはあなたのページが無効であることを言うでしょう あなたがこのバリデータを介して実行した場合。 542 00:29:37,730 --> 00:29:41,000 だから、ときdoubt--で、特に 今週のと来週の上 543 00:29:41,000 --> 00:29:46,220 我々が尋ねるのと同じ方法でpset-- あなたがチェック50とスタイル50を使用するには、 544 00:29:46,220 --> 00:29:49,130 あなたはこの考えることができ あなたの小切手の一つとして、OK？ 545 00:29:49,130 --> 00:29:51,950 >> だから、W3バリデータを渡していない場合。 546 00:29:51,950 --> 00:29:53,810 それは我々があなたを上にドッキングしますものです。 547 00:29:53,810 --> 00:29:55,960 または私は右のあなたを言っている 今、私はあなたを上にドッキングします。 548 00:29:55,960 --> 00:29:58,202 だから、検証していることを確認します。 549 00:29:58,202 --> 00:29:58,785 それは難しいことではありません。 550 00:29:58,785 --> 00:30:01,530 あなたは自分のコードを貼り付け そしてそれは良い仕事をして言うよどちらか 551 00:30:01,530 --> 00:30:03,630 またはあなたが逃している 同じように何か 552 00:30:03,630 --> 00:30:07,760 そのスタイル50はあなたに伝えます あなたはどこでめちゃくちゃにしている。 553 00:30:07,760 --> 00:30:11,360 >> その後1最後の事 あなたは分けたいです 554 00:30:11,360 --> 00:30:15,980 すべてのことをHTMLでマークアップ、 またはあなたのテキスト、およびあなたのスタイリング。 555 00:30:15,980 --> 00:30:19,420 だから我々は例をやる この後その権利の。 556 00:30:19,420 --> 00:30:21,830 だから、HTMLとCSSは、別々にする必要があります。 557 00:30:21,830 --> 00:30:26,030 そして、私たちは話してことになるだろう モデル·ビュー·コントローラであるMVC、 558 00:30:26,030 --> 00:30:27,100 来週。 559 00:30:27,100 --> 00:30:29,360 君たちはおそらくべき 講義でそれについて学ぶ 560 00:30:29,360 --> 00:30:32,130 明日あなたが持っていた場合 すでに今日それを学んだ。 561 00:30:32,130 --> 00:30:34,250 >> そして、それはだけの種類のだ 我々は傾向があるパラダイム 562 00:30:34,250 --> 00:30:37,460 ウェブを作成するときに使用する 物事を分離するためのページ。 563 00:30:37,460 --> 00:30:41,440 あなたは同じように考えることができます 我々はC言語で機能を分離する傾向があること 564 00:30:41,440 --> 00:30:43,360 我々は物事を見つけるためにハッシュ場所。 565 00:30:43,360 --> 00:30:45,530 それはちょうどへの道だ あなたの人生を容易にする。 566 00:30:45,530 --> 00:30:51,790 これは、属性やコードを分離する あなたは、何度も何度も使用している可能だろう 567 00:30:51,790 --> 00:30:55,360 しかし、このように、それは親切 の素晴らしく、きちんとそれを保持しています。 568 00:30:55,360 --> 00:30:58,260 そして、あなたが変更したい場合は、 一つのことは、あなたが一度それを変更 569 00:30:58,260 --> 00:31:00,150 そしてそれは他のどこでも変わった。 570 00:31:00,150 --> 00:31:05,010 だから、それはあなたのためのよりだ 使いやすさと柔軟性。 571 00:31:05,010 --> 00:31:11,430 >> だから、CSSを使用した、それは非常に似ています HTMLに、代わりにタグの 572 00:31:11,430 --> 00:31:15,120 私は、ちょうど今、私たちに言及していること セレクタと呼ばれるものを使用します。 573 00:31:15,120 --> 00:31:21,900 そして、彼らは基本的にだけの種類 特定のタグを関​​連付ける 574 00:31:21,900 --> 00:31:24,620 HTML内の異なる属性を持つ。 575 00:31:24,620 --> 00:31:29,060 私は属性を言うとき、私は意味 フォントの色、フォントスタイルのようなもの、 576 00:31:29,060 --> 00:31:32,694 背景の色、 あなたのテキストの色。 577 00:31:32,694 --> 00:31:33,610 物事のこれらの種類。 578 00:31:33,610 --> 00:31:36,270 それが中央のifのように、 それが右にオフの場合、 579 00:31:36,270 --> 00:31:39,430 それはすべてのinverted--だ場合は、 これらのクールなものの。 580 00:31:39,430 --> 00:31:42,490 どんな文体物事 あなたのテキストに行うことを、 581 00:31:42,490 --> 00:31:45,070 これは私が属性で何を意味するかである。 582 00:31:45,070 --> 00:31:50,140 >> その後知る二つの主なものはということです メインfactors--の2 selectors-- 583 00:31:50,140 --> 00:31:53,090 一意のIDである。 584 00:31:53,090 --> 00:31:54,859 あなたは、一つだけのためにそれを使用することができます。 585 00:31:54,859 --> 00:31:56,400 そうでなければ、それはあなたに叫ぶために起こっている。 586 00:31:56,400 --> 00:31:59,970 そして、我々はそれを定義するとき CSSファイルでは、意志 587 00:31:59,970 --> 00:32:03,182 ハッシュIDであると 何が私たちが望む属性。 588 00:32:03,182 --> 00:32:05,140 私たちはするつもりだ約束する 例を経る。 589 00:32:05,140 --> 00:32:06,830 それは、より多くの意味をなすでしょう。 590 00:32:06,830 --> 00:32:08,830 >> クラスには、複数のブロックを参照することができます。 591 00:32:08,830 --> 00:32:13,400 つまり、あなたを持つことができます 第一および第三の段落 592 00:32:13,400 --> 00:32:17,240 場合は、属性の同じ種類を持っている あなたが同じクラスに関連付けます。 593 00:32:17,240 --> 00:32:21,050 そして、我々はそれらを定義するとき CSSで、我々は、ドットクラスを行う 594 00:32:21,050 --> 00:32:25,710 クラスは何でもあることと あなたはそれが命名したい。 595 00:32:25,710 --> 00:32:28,559 >> だから私はこれが正しいと知っている 現在、非常に抽象的。 596 00:32:28,559 --> 00:32:29,850 私たちはコードになるだろう理由です。 597 00:32:29,850 --> 00:32:32,060 私はあなたたちの愛を知っている その、あなたのすべてのしている 598 00:32:32,060 --> 00:32:34,210 ので、私を助けに行く これはあなたのWeb​​ページです。 599 00:32:34,210 --> 00:32:36,310 これは、男たちのセクションのWebページです。 600 00:32:36,310 --> 00:32:40,158 だから私の前に何か質問があります PowerPointをオフにする、または何か 601 00:32:40,158 --> 00:32:42,366 あなたは私が戻ってスクロールしたい 我々はコーディングを開始する前に？ 602 00:32:42,366 --> 00:32:45,074 >> 読者：あなたはマッチタグを言って、 あなたはセレクタまたはタグを意味していますか？ 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON BUCHHOLTZ-AU：次のことができます 同じものと考えること。 605 00:32:53,010 --> 00:32:54,590 それはちょうど別の言葉だ。 606 00:32:54,590 --> 00:32:56,460 私は、セレクタのように、意味。 607 00:32:56,460 --> 00:32:59,470 しかし、セレクタはまた、タグにマッピングされます。 608 00:32:59,470 --> 00:33:02,800 だから、と考えることができます 効果的に同じこと。 609 00:33:02,800 --> 00:33:05,900 私はそれがために起こっていることを約束 我々は、コードより多くの意味。 610 00:33:05,900 --> 00:33:08,400 から何か パワーポイントやご質問 611 00:33:08,400 --> 00:33:12,980 今、実際に私たちの前に 私たちのセクションのページを作成する？ 612 00:33:12,980 --> 00:33:15,040 みんな準備はいいですか？ 613 00:33:15,040 --> 00:33:15,540 涼しい。 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> だから私は1つが開始されている。 616 00:33:24,760 --> 00:33:27,030 私はあなたたちのためにフォントを増やしましょう​​。 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 [OK]を、ので、今、私たちは持っている 右ここ骨子のWebページ。 619 00:33:36,730 --> 00:33:38,360 >> 我々はいくつかのHTMLを持っている。 620 00:33:38,360 --> 00:33:41,050 我々はいくつかのヘッダを持っている私たち 例示的なウェブページとしてここを参照してください。 621 00:33:41,050 --> 00:33:44,540 いくつかのタイトル、いくつかのフォント。 622 00:33:44,540 --> 00:33:47,580 これらには、[OK]を、タグである？ 623 00:33:47,580 --> 00:33:53,930 だから私はあなたのタグを閉じることを意味するとき、私たちが見る ここでは、このブラケットヘッドがあなたの開口部である 624 00:33:53,930 --> 00:33:59,670 タグ、およびこのブラケット /ヘッドはOK、それを閉じている？ 625 00:33:59,670 --> 00:34:04,380 >> だから、と考えることができ あなたの場合の条件であなたのブレース 626 00:34:04,380 --> 00:34:05,420 またはあなたのforループ。 627 00:34:05,420 --> 00:34:08,630 あなたは初めに1を持っている場合は、 あなたが最後に一つにしたい。 628 00:34:08,630 --> 00:34:13,500 それはまだほとんどの時間を動作します あなたは、閉じタグを持っていない場合は、 629 00:34:13,500 --> 00:34:17,659 しかし、ベストプラクティスは、あなたのタグを閉じている。 630 00:34:17,659 --> 00:34:20,940 >> だから、この場合には、これを変更してみましょう。 631 00:34:20,940 --> 00:34:24,150 私たちは、セクション7を持っているつもりです。 632 00:34:24,150 --> 00:34:25,270 「第ウェブページ。 " 633 00:34:25,270 --> 00:34:26,969 だから、僕はこれを変更するつもりです。 634 00:34:26,969 --> 00:34:32,100 >> そして、私たちはこっちに行くとあれば、私たち reload--奨めは、保存してreload-- 635 00:34:32,100 --> 00:34:36,750 我々はここでそれをアップに気付く それは右、変更？ 636 00:34:36,750 --> 00:34:38,250 涼しい。 637 00:34:38,250 --> 00:34:39,380 だから、これは、タイトルを変更します。 638 00:34:39,380 --> 00:34:41,920 これは、あなたのタブ上にある何でもある。 639 00:34:41,920 --> 00:34:43,870 >> だから、これは一種のです 退屈のようなものを探して。 640 00:34:43,870 --> 00:34:44,870 私はみんなのことは知らない。 641 00:34:44,870 --> 00:34:46,810 私たちはここに何かをしたいと思います。 642 00:34:46,810 --> 00:34:51,900 >> それでは私たちにできることはある ヘッダーはただそこにある。 643 00:34:51,900 --> 00:34:54,320 それでは身体のいくつかの並べ替えをやってみましょう。 644 00:34:54,320 --> 00:34:56,550 だから我々はここでいくつかのボディを持っている。 645 00:34:56,550 --> 00:35:01,360 私はいつも開いてやると 開始するには、私のタグを閉じて、 646 00:35:01,360 --> 00:35:04,850 私はブレースを行うのと同じ方法で。 647 00:35:04,850 --> 00:35:06,326 ああ。 648 00:35:06,326 --> 00:35:09,010 待って、何？ 649 00:35:09,010 --> 00:35:10,949 >> 読者：[聞こえない]。 650 00:35:10,949 --> 00:35:11,990 ALLISON BUCHHOLTZ-AU：ああ。 651 00:35:11,990 --> 00:35:13,895 君たちは私を得た。 652 00:35:13,895 --> 00:35:14,930 よくできました。 653 00:35:14,930 --> 00:35:16,270 ゴールドスター。 654 00:35:16,270 --> 00:35:20,300 >> [OK]を、私たちはここでいくつかのボディを持っている。 655 00:35:20,300 --> 00:35:22,920 そして今、いくつかのテキストの追加を開始してみましょう。 656 00:35:22,920 --> 00:35:26,110 だから、別のカップルを持っている テキストを追加するためのオプション。 657 00:35:26,110 --> 00:35:29,380 私たちは、ヘッダーのようなものを持っている。 658 00:35:29,380 --> 00:35:32,144 私達はちょうど通常のテキストを持っている。 659 00:35:32,144 --> 00:35:33,560 それでは、ただヘッダから始めましょう。 660 00:35:33,560 --> 00:35:36,670 実際に、君たちがしたい場合 W3スクールのHTMLを引き上げるためには、 661 00:35:36,670 --> 00:35:38,860 あなたはちょっと見て回ることができます そして、何があるかどう 662 00:35:38,860 --> 00:35:42,470 特にあなたが試してみたいこと このWebページで、私たちはそれを行うことができます。 663 00:35:42,470 --> 00:35:46,250 だから、この場合には、ちょうどいくつかのH1をやらせる。 664 00:35:46,250 --> 00:35:48,710 だから、h1は最高ヘッダのようなものです。 665 00:35:48,710 --> 00:35:52,260 それはあなたに何かを与える それは非常に大きく、大胆である。 666 00:35:52,260 --> 00:35:58,010 >> この場合には、我々がやりたい 当社のウェブページの最初のテキストのため？ 667 00:35:58,010 --> 00:35:58,640 何でも。 668 00:35:58,640 --> 00:35:59,800 君たちはこれを作成しようとしている。 669 00:35:59,800 --> 00:36:00,758 私はちょうど入力するつもりです。 670 00:36:00,758 --> 00:36:01,620 聴衆：ようこそ。 671 00:36:01,620 --> 00:36:02,870 >> ALLISON BUCHHOLTZ-AU：ようこそ。 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 [OK]を、私たちはそれを保存して、我々はリロードした場合、 我々は偉大な大歓迎を持っている。 674 00:36:12,620 --> 00:36:17,365 だから、ちょうどので、あなたが見ることができる 違いは、のH6に何かをやらせる。 675 00:36:17,365 --> 00:36:18,490 我々は正しいここで何をしたいですか？ 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 右？ 678 00:36:27,440 --> 00:36:30,356 >> [OK]を、これだけのことができますので、 違いを参照してください。 679 00:36:30,356 --> 00:36:31,990 サブライム、うん。 680 00:36:31,990 --> 00:36:34,680 だから、あなたが気づけば、h1は、非常に、非常に大規模な。 681 00:36:34,680 --> 00:36:39,030 H6、太字などが挙げられるが、はるかに小さい、 あなたが間にあるすべてのものを持っている。 682 00:36:39,030 --> 00:36:41,550 だから、H2、H3、H4を持つことができます。 683 00:36:41,550 --> 00:36:43,750 これらは、ヘッダーだけである、 ので、あなたがしようとしている場合は、 684 00:36:43,750 --> 00:36:46,010 Webページを作成すること 異なるセクションを有し、 685 00:36:46,010 --> 00:36:48,810 多分あなたは使いたい どこかで、ヘッダー。 686 00:36:48,810 --> 00:36:49,580 >> 涼しい。 687 00:36:49,580 --> 00:36:53,270 だから我々はいくつかの詳細を追加します 私たちの体の中で物事。 688 00:36:53,270 --> 00:36:58,380 私はそれが親切だろうと参照してください。 私たちは絵を持っていた場合のクール。 689 00:36:58,380 --> 00:37:02,840 誰もが多分使用できるような気がします 今は約かわいいウサギの写真、 690 00:37:02,840 --> 00:37:05,082 それで我々は見つけるつもりだ 最初のバニー写真。 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> 君たちがいずれかを持っているかどうかは知りません 私たちが望むどちらに好み。 693 00:37:12,960 --> 00:37:14,890 あなたはどんな嗜好を持っていますか？ 694 00:37:14,890 --> 00:37:15,925 ここにこの1？ 695 00:37:15,925 --> 00:37:17,160 ダウン。 696 00:37:17,160 --> 00:37:17,750 [OK]をクリックします。 697 00:37:17,750 --> 00:37:18,760 その1それがある。 698 00:37:18,760 --> 00:37:20,080 良い選択。 699 00:37:20,080 --> 00:37:21,850 >> [OK]を、私たちは私たちの画像を表示するつもりです。 700 00:37:21,850 --> 00:37:22,920 その時に見てください。 701 00:37:22,920 --> 00:37:24,250 その愛らしいものを見てください。 702 00:37:24,250 --> 00:37:27,080 どのように悲しいかもしれない これで月曜日に？ 703 00:37:27,080 --> 00:37:30,180 >> だから我々はちょうどつもりだ 画像のURLをコピーします。 704 00:37:30,180 --> 00:37:38,720 そして私たちがやりたいことだけしてみましょう、です 私たちは、段落のためのいくつかのpを持っていると言う。 705 00:37:38,720 --> 00:37:41,140 私たちは見て "と言うつもりだ かわいいウサギを見てください。 706 00:37:41,140 --> 00:37:44,130 はAwwww D'。」 707 00:37:44,130 --> 00:37:44,880 私は私のバニーが大好きです。 708 00:37:44,880 --> 00:37:45,838 私は自宅でバニーを持っている。 709 00:37:45,838 --> 00:37:48,085 私は私のバニーを欠場。 710 00:37:48,085 --> 00:37:50,460 それでは私たちはdo--するつもりだ 君たちが望むなら私は知らない 711 00:37:50,460 --> 00:37:55,970 this--しかしHTMLでGoogleに、 どのようにイメージが含まれる場合があります？ 712 00:37:55,970 --> 00:37:58,355 文字通り、あなたがGoogleの場合は、 "、画像HTMLを含める」 713 00:37:58,355 --> 00:38:00,480 なぜ君たちは私を教えていない このタグは何をすべきですか？ 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> 読者：IMG source-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON BUCHHOLTZ-AU：IMG source-- 717 00:38:07,767 --> 00:38:08,600 読者：--equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON BUCHHOLTZ-AU：--equals-- 719 00:38:09,000 --> 00:38:10,181 読者：うん--quote--。 720 00:38:10,181 --> 00:38:11,430 ALLISON BUCHHOLTZ-AU：パーフェクト。 721 00:38:11,430 --> 00:38:12,090 ラブリー。 722 00:38:12,090 --> 00:38:15,470 MySpaceの世代、右、参照してください？ 723 00:38:15,470 --> 00:38:16,220 聴衆：ネオペット。 724 00:38:16,220 --> 00:38:17,470 ALLISON BUCHHOLTZ-AU：ネオペット。 725 00:38:17,470 --> 00:38:18,950 [OK]を、ああ。 726 00:38:18,950 --> 00:38:20,200 うわー。 727 00:38:20,200 --> 00:38:21,260 それは狂気をされています。 728 00:38:21,260 --> 00:38:23,120 [OK]をクリックします。 729 00:38:23,120 --> 00:38:25,600 >> だから私はこの権利を得ることを確認。 730 00:38:25,600 --> 00:38:26,100 涼しい。 731 00:38:26,100 --> 00:38:27,750 だから、これはここでなければなりません。 732 00:38:27,750 --> 00:38:34,146 我々はリロードした場合、その後、私たちは私たちのを持っている ページ上のbunnyがこの愛らしいありませんか？ 733 00:38:34,146 --> 00:38:35,030 >> これはとてもかわいいです。 734 00:38:35,030 --> 00:38:36,860 あなたは素晴らしい、偉大な写真を選びました。 735 00:38:36,860 --> 00:38:38,180 私はそれを掘っています。 736 00:38:38,180 --> 00:38:41,350 >> [OK]を、私たちは今、この愛らしいバニーを持っている。 737 00:38:41,350 --> 00:38:44,590 我々は、追加することができました イメージ、ちょうどそのように。 738 00:38:44,590 --> 00:38:47,550 そこで、基本的にどんなイメージがあるかどう あなたは、あなたのWeb​​ページに追加する 739 00:38:47,550 --> 00:38:49,430 あなたはちょうどこのようにそれを追加することができます。 740 00:38:49,430 --> 00:38:52,910 もう一つは、以下の場合になります あなたがイメージが保存されている 741 00:38:52,910 --> 00:38:55,670 と同じフォルダ内に このファイルは、あなただけのことができます 742 00:38:55,670 --> 00:38:59,595 その画像の任意の名前を書く 代わりにWebリンクを持つのである。 743 00:38:59,595 --> 00:39:01,010 >> それはまだ引用符であろう。 744 00:39:01,010 --> 00:39:03,700 それはちょうどようなものだ 我々はthis--名付けていた場合 745 00:39:03,700 --> 00:39:06,695 この写真が保存されていた場合 このHTMLファイルとフォルダ内の 746 00:39:06,695 --> 00:39:08,570 私はそれと編集をしていていること bunny.jpgと呼ばれていました。 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 我々はまた、それを行うことができ そしてそれは現れるでしょう。 749 00:39:13,080 --> 00:39:16,600 しかし、私はこれが保存されていない ファイルと私はバニーを維持したい、 750 00:39:16,600 --> 00:39:18,092 私たちは、リンクを維持するつもりだ。 751 00:39:18,092 --> 00:39:20,720 >> 聴衆：rabbit.orgとは何ですか？ 752 00:39:20,720 --> 00:39:22,980 >> ALLISON BUCHHOLTZ-AU：rabbit.org。 753 00:39:22,980 --> 00:39:25,170 それはappropriate--だ 見て、あなたがそれを採用することができます。 754 00:39:25,170 --> 00:39:25,770 養子縁組。 755 00:39:25,770 --> 00:39:27,690 bunny.jpg。 756 00:39:27,690 --> 00:39:29,190 私はこのバニーを採用したいと思います。 757 00:39:29,190 --> 00:39:31,180 ああ、神様、それはとてもかわいいです。 758 00:39:31,180 --> 00:39:34,230 >> [OK]を、私たちは、ヘッダーを追加しました。 759 00:39:34,230 --> 00:39:35,500 私たちは、絵を追加しました。 760 00:39:35,500 --> 00:39:37,760 明らかに、我々は、追加された ここではいくつかのテキスト、右？ 761 00:39:37,760 --> 00:39:40,920 我々は他を追加したい場合 テキストは、我々はこのように行くだろう。 762 00:39:40,920 --> 00:39:43,760 だから、これは別の段落です。 763 00:39:43,760 --> 00:39:49,070 >> そして、私たちは「これは別の段落です。」と言う 764 00:39:49,070 --> 00:39:52,510 また、私は恐ろしいスペルだけど、 ので、私は物事をスペルすることができる。 765 00:39:52,510 --> 00:39:54,930 ちょうどFYI。 766 00:39:54,930 --> 00:39:58,450 >> だから我々は別のものを持っている ここでは、段落、右？ 767 00:39:58,450 --> 00:40:02,190 だから、多分あなたは何かをしたい もう少し面白い単なる 768 00:40:02,190 --> 00:40:04,640 右詰めのようにすべてのテキストを、持っている。 769 00:40:04,640 --> 00:40:08,490 たぶん、あなたはOK、あなたのテキストを中央にしたいですか？ 770 00:40:08,490 --> 00:40:11,820 >> 誰かがそれらを使用したいのであれば あなたの目の前で便利コンピューター 771 00:40:11,820 --> 00:40:19,034 そしてあなたがしているどのように教えて このテキストを中央揃えに行く、 772 00:40:19,034 --> 00:40:20,300 >> 聴衆：p個の整列。 773 00:40:20,300 --> 00:40:24,834 >> ALLISON BUCHHOLTZ-AU：だから p個の整列は「center」に等しい 774 00:40:24,834 --> 00:40:25,750 彼は、みんなそれを殺しています。 775 00:40:25,750 --> 00:40:28,240 y'allのは、ステップアップする必要があります。 776 00:40:28,240 --> 00:40:36,042 そして、私たちは「これは中央に配置されます。 "持っている 777 00:40:36,042 --> 00:40:37,500 そして今、我々は何か集中している。 778 00:40:37,500 --> 00:40:39,380 >> 同じように、あなたなら それは左揃えたい、 779 00:40:39,380 --> 00:40:42,020 あなたが整列等号を行うことができます 左、整列、右に等しい。 780 00:40:42,020 --> 00:40:42,850 完全にあなた次第。 781 00:40:42,850 --> 00:40:55,580 私は右ここで行った場合は、この 現在は右揃えだshould--。 782 00:40:55,580 --> 00:40:57,020 >> 読者：アリソン？ 783 00:40:57,020 --> 00:41:00,884 画像ソースによって、なぜではない そこのimg源の近くに？ 784 00:41:00,884 --> 00:41:02,050 ALLISON BUCHHOLTZ-AU：申し訳ありません。 785 00:41:02,050 --> 00:41:05,300 この1は次のようになります 今、あなたは良いそこにいる。 786 00:41:05,300 --> 00:41:06,026 今、私たちは良いしている。 787 00:41:06,026 --> 00:41:08,150 読者：あなたは持っていない そこにそれを閉じたりしないように？ 788 00:41:08,150 --> 00:41:11,450 ALLISON BUCHHOLTZ-AU：まあ、そうIMG ソースは、これは、画像にjust--さ 789 00:41:11,450 --> 00:41:17,110 それだけのに対し、一つの要素として見だ あなたはこれらの残りのために気付いた場合、 790 00:41:17,110 --> 00:41:22,106 私たちは、情報し、いくつかのタグを持っている それが終了タグにしてから関係する。 791 00:41:22,106 --> 00:41:24,480 しかし、イメージと、すべての ちょうど一種の自己完結型。 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 涼しい。 794 00:41:29,040 --> 00:41:33,530 だから、君たちを作成する方法を知っている ヘッダ、あなたはどのように入力されたテキストに知っている、 795 00:41:33,530 --> 00:41:37,060 あなたは、画像を配置する方法を知っている 今では、あなたは物事を整列させることができます。 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> あなたもう一つは 行うことができるようにしたいかもしれません 798 00:41:42,590 --> 00:41:47,649 私たちがしているCS--でリストを作成することです 来週のPSETに入るの一種。 799 00:41:47,649 --> 00:41:49,440 我々スタッフ 通常、今週教える 800 00:41:49,440 --> 00:41:51,480 と本当によく行く 来週のPSETので、我々はしている 801 00:41:51,480 --> 00:41:54,250 ここで物事を重複し、ミキシングの一種。 802 00:41:54,250 --> 00:41:56,290 しかし、それは来週のために役立つことでしょう。 803 00:41:56,290 --> 00:42:02,500 >> だから我々はいくつかを作成したい場合は、 リスト、我々はそれをどのように行うのでしょうか？ 804 00:42:02,500 --> 00:42:03,760 あなたは、この時間を答えることができない。 805 00:42:03,760 --> 00:42:04,700 他の誰かがしなければならない。 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 それは難しいことではありません、みんな、約束します。 808 00:42:09,440 --> 00:42:13,090 グーグル「順不同リストHTML。」 809 00:42:13,090 --> 00:42:14,076 それは何でしたか？ 810 00:42:14,076 --> 00:42:16,244 >> 読者：[聞こえない]。 811 00:42:16,244 --> 00:42:17,410 ALLISON BUCHHOLTZ-AU：右。 812 00:42:17,410 --> 00:42:20,490 だから我々は、順序または順不同したいですか？ 813 00:42:20,490 --> 00:42:21,500 それでは順不同をやってみましょう。 814 00:42:21,500 --> 00:42:25,240 だから我々は、いくつかのULを持っている 順序なしリストの略です。 815 00:42:25,240 --> 00:42:27,997 そして、我々は、各要素のために何がありますか？ 816 00:42:27,997 --> 00:42:29,080 それは、独自のタグを必要としていますか？ 817 00:42:29,080 --> 00:42:30,556 私たちは物事を書き始めることができますか？ 818 00:42:30,556 --> 00:42:31,330 >> 聴衆：李。 819 00:42:31,330 --> 00:42:32,826 >> ALLISON BUCHHOLTZ-AU：李。 820 00:42:32,826 --> 00:42:34,785 それでは、私たちのリストにはなるだろう？ 821 00:42:34,785 --> 00:42:37,050 私たちはここで何をしたいですか？ 822 00:42:37,050 --> 00:42:38,190 私たちは、名前だけを行う。 823 00:42:38,190 --> 00:42:39,250 ただジェイコブを行う。 824 00:42:39,250 --> 00:42:40,340 >> 聴衆：ウサギの食品。 825 00:42:40,340 --> 00:42:40,990 >> ALLISON BUCHHOLTZ-AU：ウサギの食品。 826 00:42:40,990 --> 00:42:41,910 [OK]を私はこれが好きです。 827 00:42:41,910 --> 00:42:42,520 ウサギの食品。 828 00:42:42,520 --> 00:42:44,440 >> [OK]を、私たちはニンジンを持っている。 829 00:42:44,440 --> 00:42:46,640 私は、このウサギのテーマが好きです。 830 00:42:46,640 --> 00:42:48,024 私はそれをたくさん掘ってる。 831 00:42:48,024 --> 00:42:50,440 観客は：実は、私は思った ヤコブは合法的であろうと。 832 00:42:50,440 --> 00:42:51,606 ALLISON BUCHHOLTZ-AU：ジェイコブ？ 833 00:42:51,606 --> 00:42:53,120 ヤコブはウサギの餌である。 834 00:42:53,120 --> 00:42:55,310 あなたが見た場合にはヤコブの 営業時間から写真、 835 00:42:55,310 --> 00:42:56,850 あなたは彼が持って考えているかもしれません キラーウサギに襲わ。 836 00:42:56,850 --> 00:42:58,099 >> 読者：私は今ウサギを持っている。 837 00:42:58,099 --> 00:42:59,710 私は今キラーウサギを持っている。 838 00:42:59,710 --> 00:43:00,540 >> ALLISON BUCHHOLTZ-AU： あなたは私をからかっていますか？ 839 00:43:00,540 --> 00:43:02,081 >> 読者：私はそれを次のセクションを持っていきます。 840 00:43:02,081 --> 00:43:02,990 私はそれを持っている。 841 00:43:02,990 --> 00:43:04,240 >> ALLISON BUCHHOLTZ-AU： これはばかげている。 842 00:43:04,240 --> 00:43:04,730 とにかく。 843 00:43:04,730 --> 00:43:05,510 >> 読者：[聞こえない] 844 00:43:05,510 --> 00:43:07,510 >> 聴衆：ええ、私のプロクター 同様にウサギを持っています。 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON BUCHHOLTZ-AU：私はウサギが欲しい。 847 00:43:11,580 --> 00:43:15,415 [OK]を、誰が本当のウサギへをもたらし 次のセクションで、総ブラウニーポイント。 848 00:43:15,415 --> 00:43:16,290 読者：[聞こえない] 849 00:43:16,290 --> 00:43:16,943 聴衆：ああ、それは本当ではありません。 850 00:43:16,943 --> 00:43:17,910 それはぬいぐるみのウサギだ。 851 00:43:17,910 --> 00:43:18,855 >> ALLISON BUCHHOLTZ-AU：ああ ええ、我々はこれらを閉じることができます。 852 00:43:18,855 --> 00:43:20,174 RADが見えます。 853 00:43:20,174 --> 00:43:21,590 読者：それは実際には重要ですか？ 854 00:43:21,590 --> 00:43:23,465 ALLISON BUCHHOLTZ-AU：それはありません。 855 00:43:23,465 --> 00:43:25,590 これらの事のほとんどで、 あなたは、タグを閉じないでください 856 00:43:25,590 --> 00:43:28,750 悪い何も起こっていない者の時間の99％ 起こるが、それはあまりにも、良いスタイルだします。 857 00:43:28,750 --> 00:43:30,250 ヤコブそう。 858 00:43:30,250 --> 00:43:31,864 そして、我々はレタスを持っている。 859 00:43:31,864 --> 00:43:33,655 聴衆：リンクについては、 それは本当に重要です。 860 00:43:33,655 --> 00:43:34,696 ALLISON BUCHHOLTZ-AU：フム？ 861 00:43:34,696 --> 00:43:35,890 読者：ハイパーリンクしてください。 862 00:43:35,890 --> 00:43:37,431 ALLISON BUCHHOLTZ-AU：ハイパーリンクしてください。 863 00:43:37,431 --> 00:43:38,610 はい、ハイパーリンクは、それを必要としています。 864 00:43:38,610 --> 00:43:40,770 OK、それでは、ここで見てみましょう。 865 00:43:40,770 --> 00:43:44,810 そして、私たちは私たちのリストの近くにあります。 866 00:43:44,810 --> 00:43:46,635 そして、我々はその見てください。 867 00:43:46,635 --> 00:43:49,680 我々はすぐそこ、all--ヤコブを持っている。 868 00:43:49,680 --> 00:43:52,310 ウサギの餌。 869 00:43:52,310 --> 00:43:54,000 Bunniculaのことを思い出す。 870 00:43:54,000 --> 00:43:55,234 >> 読者：[聞こえない] 871 00:43:55,234 --> 00:43:58,400 ALLISON BUCHHOLTZ-AU：私は戻って持っています すべての古い学校の参照は、今日、 872 00:43:58,400 --> 00:43:59,130 私はないですか？ 873 00:43:59,130 --> 00:44:01,210 ただ、すべての古い学校の参照。 874 00:44:01,210 --> 00:44:05,767 のように持ってきたはず スナックのGogurtsか何か。 875 00:44:05,767 --> 00:44:07,079 >> 聴衆：またはGushers。 876 00:44:07,079 --> 00:44:08,120 ALLISON BUCHHOLTZ-AU：ああ。 877 00:44:08,120 --> 00:44:08,620 [OK]をクリックします。 878 00:44:08,620 --> 00:44:10,920 私が追跡できるかどうかはわかります 来週Gushersダウン。 879 00:44:10,920 --> 00:44:11,980 私はそれを行うことができると思います。 880 00:44:11,980 --> 00:44:13,980 私は、我々が持っているかもしれないと思う オフィスでいくつか。 881 00:44:13,980 --> 00:44:18,570 >> [OK]を、私たちは別のをたくさん紹介してきた 物事はあなたが右、HTMLで行うことができますか？ 882 00:44:18,570 --> 00:44:23,910 そして、あなたはおそらく見ることができるように、それはだ うまくいけば、あまりにintim--ませんnothing-- 883 00:44:23,910 --> 00:44:25,750 それがあれば、私が意味するものではありません 誰も軽視する。 884 00:44:25,750 --> 00:44:29,090 あなたは問題がある場合、 私に話を来てください。 885 00:44:29,090 --> 00:44:31,340 >> しかし、それのほとんどはちょうどです 構文を見て、右か？ 886 00:44:31,340 --> 00:44:34,180 あなたが順不同のリストが必要な場合は、 あなたは、リストのいくつかの並べ替えをしたい場合は、 887 00:44:34,180 --> 00:44:38,450 あなたが何かを揃えたい場合、または フォーマット何かが、それはちょうど約すべてです 888 00:44:38,450 --> 00:44:42,080 見上げるの種類 HTML用構文、右？ 889 00:44:42,080 --> 00:44:44,720 との一つのことは、 かなりクール実際 890 00:44:44,720 --> 00:44:51,360 あなたが見てみましょうto--行けばある、 私たちが好きな素敵なウェブサイトは何ですか？ 891 00:44:51,360 --> 00:44:54,920 誰もがどんなお気に入りのウェブサイトを持っている オンライン育てるために、OKであることを？ 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 あなたはちょうどCS50をやらせるかを、知っている。 894 00:44:58,840 --> 00:45:01,800 それは素晴らしく、安全で、右ですか？ 895 00:45:01,800 --> 00:45:03,060 >> [OK]を、ここではそうCS50。 896 00:45:03,060 --> 00:45:05,540 ああセクションが今あります​​、見てください。 897 00:45:05,540 --> 00:45:07,113 あなたが道を好きなら、それは見えます。 898 00:45:07,113 --> 00:45:08,030 >> 読者：[聞こえない]。 899 00:45:08,030 --> 00:45:10,696 ALLISON BUCHHOLTZ-AU：私たちはそうではありません メタセクション、みんなをするつもり。 900 00:45:10,696 --> 00:45:11,560 それは起こっていない。 901 00:45:11,560 --> 00:45:14,540 それは、クールになるが、 我々はそれを行うつもりはない。 902 00:45:14,540 --> 00:45:17,040 >> だから、何ができるかやる あなたが方法を好む場合の対処 903 00:45:17,040 --> 00:45:21,390 これはあなたが常に正しい缶で働く あなたが好きな任意のWebページをクリックしてください 904 00:45:21,390 --> 00:45:23,660 あなたがページのソースを表示を行うことができます。 905 00:45:23,660 --> 00:45:26,030 それは、すべてのHTMLが表示されます。 906 00:45:26,030 --> 00:45:30,800 そして、これは実際には本当に良いです 自分のWebページのスタイルを設定する方法。 907 00:45:30,800 --> 00:45:33,640 あなたのWeb​​ページに移動します 本当に好きとHTMLを見て 908 00:45:33,640 --> 00:45:35,430 そして、彼らはそれをした方法を見つけ出す。 909 00:45:35,430 --> 00:45:39,280 >> そして文字通り、限り あなたは物事を引用したように、 910 00:45:39,280 --> 00:45:41,940 限り、あなたはただじゃないように 人から盗む、それはOKです。 911 00:45:41,940 --> 00:45:43,890 特にCS50用 [？金融？]、我々はしている 912 00:45:43,890 --> 00:45:46,950 あなたが得ることを期待しての種類 他のウェブサイトからのインスピレーション。 913 00:45:46,950 --> 00:45:48,070 だから、お気軽に。 914 00:45:48,070 --> 00:45:51,360 そのウェブサイトに目を通す あなたは本当にきれいだと思う 915 00:45:51,360 --> 00:45:54,870 そして彼らが使用する方法を見つけ出す これらのことを行うためのHTMLとCSS。 916 00:45:54,870 --> 00:45:59,860 >> ここで見るように、明らかにありま​​す リンクのように我々はここでクラスを持っている。 917 00:45:59,860 --> 00:46:00,950 私たちは、ここにリンクを持っている。 918 00:46:00,950 --> 00:46:03,100 私たちは、リストを持っている。 919 00:46:03,100 --> 00:46:05,370 我々は、おそらくいくつかを持っている どこかで、ここでの写真。 920 00:46:05,370 --> 00:46:08,332 >> 私たちはここにいくつかのクールなスタイルを持っている。 921 00:46:08,332 --> 00:46:10,040 これは次のものである 私たちはやろうとしている。 922 00:46:10,040 --> 00:46:14,580 あなたはこれらを見るたびに、とてもスタイル スタイルブラケット、それは基本的には、CSSだ。 923 00:46:14,580 --> 00:46:15,880 ベン、あなたが疑問を持っていたのですか？ 924 00:46:15,880 --> 00:46:16,880 >> 読者：div要素は何ですか？ 925 00:46:16,880 --> 00:46:20,039 >> ALLISON BUCHHOLTZ-AU：DIV ちょうどdiv要素が何であるかA--のですか？ 926 00:46:20,039 --> 00:46:20,830 聴衆：課。 927 00:46:20,830 --> 00:46:22,121 ALLISON BUCHHOLTZ-AU：課。 928 00:46:22,121 --> 00:46:25,960 ええ、それはただのようなものだ 異なる要素を分離する。 929 00:46:25,960 --> 00:46:28,650 [OK]を、ので、ここで私たちがしているものです 次回に行くつもり。 930 00:46:28,650 --> 00:46:31,550 だから、これは最高のできない場合があり スタイルあなたが気づいた場合、理由 931 00:46:31,550 --> 00:46:37,681 我々は同じページ内にHTMLとスタイルを持って、 そして私たちは実際にそれらを分離したい、 932 00:46:37,681 --> 00:46:38,180 OK？ 933 00:46:38,180 --> 00:46:41,620 そして実際に、私を聞かせて 私の右1を開く 934 00:46:41,620 --> 00:46:45,990 これは、ことになっているので PDFは、私たちはstyle.cssのを持っている。 935 00:46:45,990 --> 00:46:51,210 >> だから私たちはここで行うことができますことは、これらのです いくつかのフェードのようなクールなものがあります 936 00:46:51,210 --> 00:46:55,550 そして、我々は試してみて、それを行うことが、私は感じることができました 、私はその場でアップする混乱のと同じよう 937 00:46:55,550 --> 00:46:58,520 ので、私はあなたにみんなを奨励 自分でそれを試して行く、 938 00:46:58,520 --> 00:47:00,310 しかし、私は今それをするつもりはありません。 939 00:47:00,310 --> 00:47:03,790 だから、あなたたちは、覚えていれば、 あなたは今まで問題セットをヒットした場合、 940 00:47:03,790 --> 00:47:05,584 何かが側からswoops。 941 00:47:05,584 --> 00:47:08,000 これは、フェードと関係がありと トランジションやその他もろもろ。 942 00:47:08,000 --> 00:47:09,630 >> 読者：そして、それはすべてのCSSとHTMLの？ 943 00:47:09,630 --> 00:47:11,460 >> ALLISON BUCHHOLTZ-AU：すべてのCSSとHTML。 944 00:47:11,460 --> 00:47:12,420 うん。 945 00:47:12,420 --> 00:47:17,720 だから、あなたは本当に多くのことを行うことができます CSSとHTMLの持つクールなもの。 946 00:47:17,720 --> 00:47:22,280 私たちの素晴らしいとそう ここでバニーWebページ、我々 947 00:47:22,280 --> 00:47:25,240 少しをするつもりされている それとCSSスタイルのビット。 948 00:47:25,240 --> 00:47:28,850 >> だから、あなたは今までのスタイルを持っている場合 私たちがここに持っているシート、 949 00:47:28,850 --> 00:47:30,550 あなただけのstyle.cssを呼び出すことができます。 950 00:47:30,550 --> 00:47:32,090 あなたが好きなそれを呼び出すことができます。 951 00:47:32,090 --> 00:47:37,110 重要なのは、我々が行っているということです ここに私たちのweb.htmlでそれを参照する。 952 00:47:37,110 --> 00:47:41,670 >> だから、私たちがやろうとしていることである we--ので、私はしない混乱これをup--やる 953 00:47:41,670 --> 00:47:46,180 我々は、リンクしようとしている 一緒にこれらの2つのファイル。 954 00:47:46,180 --> 00:47:49,340 だから、同じway--に私が行くよ ここで、Cと同様に描画する。 955 00:47:49,340 --> 00:47:53,510 あなたが持っている場合と同じように、 いくつかのlibrary--と我々が持っているcs50.h-- 956 00:47:53,510 --> 00:47:55,520 私たちのコンパイラはそれをリンクします。 957 00:47:55,520 --> 00:47:58,040 これはちょうど、明示的である 私たちの一部のリンク。 958 00:47:58,040 --> 00:48:01,840 私たちが行うのと同じ方法で、そのように ハッシュ何を、いくつかのファイルをインクルード 959 00:48:01,840 --> 00:48:06,890 私は書くことについての私だけです HTML / CSSのそれの同等。 960 00:48:06,890 --> 00:48:11,970 >> 私達はちょうど、[OK]を、このWebページを言っている [OK]を、このスタイルシートを使用するつもりですか？ 961 00:48:11,970 --> 00:48:23,360 だから我々は、スタイルシートに等しいリンクRELを持っている。 962 00:48:23,360 --> 00:48:30,870 そして、我々は、タイプ、CSSを持っている。 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 その後のhref等しい。 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> [OK]をクリックします。 967 00:48:42,860 --> 00:48:45,680 だから、このすべては、ここで行った操作を行うことができている 同じものと考える 968 00:48:45,680 --> 00:48:47,550 ハッシュとして含まれています。 969 00:48:47,550 --> 00:48:53,450 明らかにそれがもう少し見える 複雑な、しかし、すべての場合において、 970 00:48:53,450 --> 00:48:55,370 それが効果的に同じことだ。 971 00:48:55,370 --> 00:49:00,940 だから、これはほんの一部のリンクです スタイルシートは、タイプtext / cssののだが、 972 00:49:00,940 --> 00:49:02,875 その名はstyle.cssにある。 973 00:49:02,875 --> 00:49:05,560 >> 何が知っておくことが重要です そのウェブページは 974 00:49:05,560 --> 00:49:09,155 私は右働いていることをnow-- web.html と同じフォルダにstyle.css--です。 975 00:49:09,155 --> 00:49:14,740 異なるフォルダであるため、 あなたは実際のルートを与える必要が 976 00:49:14,740 --> 00:49:17,480 それへの、またはそれへのパス。 977 00:49:17,480 --> 00:49:20,620 しかしこの場合、我々はそれを維持している 超簡単、それはここになるだろう。 978 00:49:20,620 --> 00:49:26,730 我々はそれを行うのであれば、私はいくつかを持っている 物事はすでにここまでキューに入れられた。 979 00:49:26,730 --> 00:49:31,680 >> だから我々は起こっているいくつかのボディを持っている 我々の背景色を有するようにその 980 00:49:31,680 --> 00:49:33,320 今はライトブルーです。 981 00:49:33,320 --> 00:49:36,850 私たちが望む場合、我々は、それを変更することができますが 私はこれを正しく覚えていれば、 982 00:49:36,850 --> 00:49:39,270 それだけで水色にそれを変更する必要があります。 983 00:49:39,270 --> 00:49:42,050 そして今、我々は水色の背景を持っている。 984 00:49:42,050 --> 00:49:47,490 そして、我々は誰もがhere--を覚えていることができていた ハッシュIDまたはクラスはどれですか？ 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> 聴衆：ID。 987 00:49:51,080 --> 00:49:51,800 >> ALLISON BUCHHOLTZ-AU：ID。 988 00:49:51,800 --> 00:49:52,420 涼しい。 989 00:49:52,420 --> 00:49:58,920 だから我々は何をしたいか これらのフォントのどれである 990 00:49:58,920 --> 00:50:01,534 または私たちが見て "したいですwhich-- 紫のようにするかわいいバニー」？ 991 00:50:01,534 --> 00:50:02,950 私たちはそれが紫色になりたいと思います。 992 00:50:02,950 --> 00:50:04,640 私はかなりダウンしてそれが紫であることと思います。 993 00:50:04,640 --> 00:50:08,790 >> だから、あなたが何をすべきかあなたがある IDは、この場合にequals-- 994 00:50:08,790 --> 00:50:13,630 私はここで何を、きれいな色、と述べた。 995 00:50:13,630 --> 00:50:14,780 私たちは、リロードしてください。 996 00:50:14,780 --> 00:50:17,460 突然のすべてが、それは紫色です。 997 00:50:17,460 --> 00:50:20,680 [OK]を、IDを持つので、覚えている それはユニークである必要があり、 998 00:50:20,680 --> 00:50:24,370 私は使用してはいけません どこにもこのID。 999 00:50:24,370 --> 00:50:27,760 しかし、我々が持っているクラスで、として ここではかなりフォントで、 1000 00:50:27,760 --> 00:50:30,300 私が使用することができるはずです どこにでもあることを私はしたい。 1001 00:50:30,300 --> 00:50:33,160 >> それでは、ここで、このいずれかを実行してみましょう。 1002 00:50:33,160 --> 00:50:41,100 だから我々は、クラスがかなりフォントに等しいと言うことができます。 1003 00:50:41,100 --> 00:50:46,190 私たちが今見ればと、私たちは持っている ここでこのクールなかわいいフォント。 1004 00:50:46,190 --> 00:50:49,160 ので、多分私は両方をやってみたい。 1005 00:50:49,160 --> 00:50:52,786 これであれば[OK]を、私は実際に知らない 仕事に行くのが、私はそれを試してみたい。 1006 00:50:52,786 --> 00:50:54,410 そして、これはあなたがCSSとHTMLを学ぶ方法です。 1007 00:50:54,410 --> 00:50:55,660 あなたが知っている、似ている 何を、私はこれを試してみたい。 1008 00:50:55,660 --> 00:50:56,430 私はそれが動作するように起こっているのかはわからない。 1009 00:50:56,430 --> 00:50:57,346 それが動作するかどうか見てみましょう。 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> その見てください。 1012 00:51:01,540 --> 00:51:04,540 今では紫色でだと それはかなりのフォントです。 1013 00:51:04,540 --> 00:51:08,692 [OK]を、ので、あなたはこれらすべてを持っている あなたがすることができる異なった事。 1014 00:51:08,692 --> 00:51:09,650 あなたが疑問を持っていますか？ 1015 00:51:09,650 --> 00:51:10,275 >> 聴衆：うん。 1016 00:51:10,275 --> 00:51:13,280 まあ、ただ色が好き あなたが使っている言葉です。 1017 00:51:13,280 --> 00:51:16,005 色を行う方法はありますか 進RGBと？ 1018 00:51:16,005 --> 00:51:18,880 ALLISON BUCHHOLTZ-AU：あなたがすることもできます 進数でそれを行う、私は信じています。 1019 00:51:18,880 --> 00:51:19,803 うん。 1020 00:51:19,803 --> 00:51:22,136 しかし、それはあなたの場合ちょっとうれしいです それらをルックアップする必要はありません。 1021 00:51:22,136 --> 00:51:23,762 あなただけの紫や青、のようにすることができます。 1022 00:51:23,762 --> 00:51:25,720 読者：それでは彼らを期待しましょう それが何を意味するか知っている。 1023 00:51:25,720 --> 00:51:26,886 ALLISON BUCHHOLTZ-AU：右。 1024 00:51:26,886 --> 00:51:29,580 それでは、この読み取りまたはシャルトリューズを作成してみましょう。 1025 00:51:29,580 --> 00:51:32,060 なぜあなたは今までにシャルトリューズを選ぶのでしょうか？ 1026 00:51:32,060 --> 00:51:33,340 それは面白い色です。 1027 00:51:33,340 --> 00:51:37,355 >> [OK]を、ので、明らかに我々は我々を見ることができます 私たちが望むしかし物事を変更することができます。 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 あなたがcreate--したい場合それでは言わせて 私たちは別のクラスを作成したい。 1030 00:51:45,392 --> 00:51:46,850 何人が変更したいのでしょうか？ 1031 00:51:46,850 --> 00:51:51,840 あなたはプルアップした場合W3Schoolsの」 CSSのドキュメント、 1032 00:51:51,840 --> 00:51:54,450 私はあなたたちに床を残す。 1033 00:51:54,450 --> 00:51:57,990 我々がしようとするとクールな何かを行うことができます この分の最後のカップルで。 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 私は一種のあなたに与えてくれたので クールなものがたくさんでクラッシュコース 1036 00:52:03,150 --> 00:52:03,970 あなたが行うことができます。 1037 00:52:03,970 --> 00:52:09,956 しかし、最終的に、あなたなら、私が言ったように ちょうど実験、あなたは多くのことを学びます。 1038 00:52:09,956 --> 00:52:12,212 >> 読者：あなたは、そのフォントを検索しましたか？ 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON BUCHHOLTZ-AU：ええ、 私は、そのフォントを見上げた。 1040 00:52:14,295 --> 00:52:17,200 私は、文字通りのようなので、 私が何をしたto--行きました？ 1041 00:52:17,200 --> 00:52:22,371 私はCSSのフォントリストをした、と 私は、フォントのスタックをした、 1042 00:52:22,371 --> 00:52:25,120 その後私はここ、見て、のようだった あなたが行うことができ、すべてのクールなフォントです。 1043 00:52:25,120 --> 00:52:28,180 だから、この1があった 私は私のクリップボードにコピーしました。 1044 00:52:28,180 --> 00:52:31,820 そして私はのようだった、 [OK]を、クール、そこに私達は行く。 1045 00:52:31,820 --> 00:52:32,320 すべて完了。 1046 00:52:32,320 --> 00:52:35,920 >> 聴衆：だからあなたは確認する必要がありません そのCSSはそのフォントが何であるかを知っている。 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON BUCHHOLTZ-AU：はい。 1048 00:52:37,370 --> 00:52:38,190 >> 読者：それは最後に何を言うのですか？ 1049 00:52:38,190 --> 00:52:38,790 筆記体？ 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON BUCHHOLTZ-AU：筆記体。 1051 00:52:40,040 --> 00:52:40,950 うん。 1052 00:52:40,950 --> 00:52:42,310 >> 聴衆：背景イメージです。 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON BUCHHOLTZ-AU：背景イメージです。 1054 00:52:43,290 --> 00:52:44,180 [OK]をクリックします。 1055 00:52:44,180 --> 00:52:46,490 だから、これを行う方法を教えしたいと思います。 1056 00:52:46,490 --> 00:52:47,390 私はあなたに、このままにしておきます。 1057 00:52:47,390 --> 00:52:49,070 私はちょうど今ここに入力しています。 1058 00:52:49,070 --> 00:52:51,714 ホイールは、あなたの手の中にある。 1059 00:52:51,714 --> 00:52:52,660 >> 読者：[OK] 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON BUCHHOLTZ-AU：OK。 1061 00:52:53,701 --> 00:52:54,720 私は何をやっている？ 1062 00:52:54,720 --> 00:53:02,929 >> 聴衆：Doing--私が知っていること 中括弧の後に来る。 1063 00:53:02,929 --> 00:53:03,970 ALLISON BUCHHOLTZ-AU：OK。 1064 00:53:03,970 --> 00:53:06,707 だから、おそらく体内で、私は 私たちはだから、引き受ける 1065 00:53:06,707 --> 00:53:08,040 背景イメージでやって。 1066 00:53:08,040 --> 00:53:08,940 >> 聴衆：うん、のはそれをやらせる。 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON BUCHHOLTZ-AU：OK。 1068 00:53:09,981 --> 00:53:14,260 聴衆：OK、そう背景 コロン、その後、私たち 1069 00:53:14,260 --> 00:53:16,894 その画像のURLアドレスが必要です。 1070 00:53:16,894 --> 00:53:18,560 たぶん疑似コード今のところ、おそらくその。 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON BUCHHOLTZ-AU：何 あなたは私をしたいと思いto-- 1072 00:53:20,601 --> 00:53:22,574 読者：私はGIFのように思っています。 1073 00:53:22,574 --> 00:53:23,740 ALLISON BUCHHOLTZ-AU：GIF？ 1074 00:53:23,740 --> 00:53:26,070 それは興味深いものになるだろう。 1075 00:53:26,070 --> 00:53:27,840 [OK]を、私はここで何をグーグルのですか？ 1076 00:53:27,840 --> 00:53:29,670 >> 聴衆：いいえ、それはあなたの選択です。 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON BUCHHOLTZ-AU：なぜ それはバニーだ場合にwe--ませんが、 1078 00:53:32,090 --> 00:53:35,610 私たちが持つべきような気が 素敵な草が茂った芝生か何か。 1079 00:53:35,610 --> 00:53:38,275 >> 聴衆：メドウ。 1080 00:53:38,275 --> 00:53:39,350 草原。 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON BUCHHOLTZ-AU：草原？ 1082 00:53:40,641 --> 00:53:41,851 [OK]をクリックします。 1083 00:53:41,851 --> 00:53:42,975 聴衆：またはレイチェル·マドー。 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON BUCHHOLTZ-AU： この1はかなり見えます。 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 ああ、それはしかし、小さなです。 1088 00:53:50,380 --> 00:53:51,700 我々は良いサイズの画像を必要としています。 1089 00:53:51,700 --> 00:53:53,142 見てみましょう。 1090 00:53:53,142 --> 00:53:54,570 ああ、見てください。 1091 00:53:54,570 --> 00:53:55,630 これはかなりの草原だ。 1092 00:53:55,630 --> 00:53:58,320 あなたは、私がこれを好きなものを、知っている。 1093 00:53:58,320 --> 00:53:59,300 のこの1つをコピーしてみましょう。 1094 00:53:59,300 --> 00:54:08,020 >> 読者：[OK]を、ので、私はそれがだと思う URL、オープン括弧。 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON BUCHHOLTZ-AU：OK、URL。 1096 00:54:09,590 --> 00:54:11,500 >> 読者：次にアドレス。 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON BUCHHOLTZ-AU：OK。 1098 00:54:13,610 --> 00:54:14,750 すべての私たちに必要なことですか？ 1099 00:54:14,750 --> 00:54:20,550 >> 聴衆：閉じる括弧のセミコロン、 その後スペース、背景ハイフン 1100 00:54:20,550 --> 00:54:27,050 アタッチメントコロンが固定され、中括弧。 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON BUCHHOLTZ-AU：OK。 1102 00:54:28,110 --> 00:54:29,114 それが動作するかどうか見てみましょう。 1103 00:54:29,114 --> 00:54:30,780 それがない場合は、それはかなりクールになるだろう。 1104 00:54:30,780 --> 00:54:33,880 私は右ここで本当の興奮しています。 1105 00:54:33,880 --> 00:54:35,070 それはうまくいきませんでした。 1106 00:54:35,070 --> 00:54:35,700 なんでやろ。 1107 00:54:35,700 --> 00:54:37,700 聴衆：たぶんURL 引用符でなければなりません。 1108 00:54:37,700 --> 00:54:38,866 ALLISON BUCHHOLTZ-AU：たぶん。 1109 00:54:38,866 --> 00:54:41,520 そして、これは私たちが、みんなを学ぶ方法です。 1110 00:54:41,520 --> 00:54:44,340 >> 聴衆：私たちは、バックグラウンドを持つことができます 色と背景画像？ 1111 00:54:44,340 --> 00:54:45,390 >> 聴衆：いいえ。 1112 00:54:45,390 --> 00:54:46,550 一方が他方に優先します。 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON BUCHHOLTZ-AU：私は知らんよ。 1114 00:54:46,960 --> 00:54:47,460 見てみましょう。 1115 00:54:47,460 --> 00:54:48,860 のは、それをチェックアウトして見てみましょう。 1116 00:54:48,860 --> 00:54:51,567 >> 聴衆：ああ、多分、ええ。 1117 00:54:51,567 --> 00:54:52,400 [VOICESを介在] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON BUCHHOLTZ-AU：OK、これは ここobviously-- I [聞こえない]。 1120 00:55:03,260 --> 00:55:04,927 だから、[OK]をクリックします。 1121 00:55:04,927 --> 00:55:06,260 聴衆：背景アタッチメント。 1122 00:55:06,260 --> 00:55:07,301 ALLISON BUCHHOLTZ-AU：ああ。 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> 読者：[OK]を、私は知らない。 1125 00:55:13,946 --> 00:55:16,070 ALLISON BUCHHOLTZ-AU：それ それが動作するはずのように見えます。 1126 00:55:16,070 --> 00:55:19,074 あなたはそれがURLの後にコロンだと確信していますか？ 1127 00:55:19,074 --> 00:55:20,439 >> 聴衆：いいえ、それはセミコロンです。 1128 00:55:20,439 --> 00:55:21,980 ALLISON BUCHHOLTZ-AU：それはセミコロンです。 1129 00:55:21,980 --> 00:55:22,530 読者：私はコロンを言った？ 1130 00:55:22,530 --> 00:55:24,155 ALLISON BUCHHOLTZ-AU：あなたはコロンを言った。 1131 00:55:24,155 --> 00:55:26,222 読者：ああ、いや。 1132 00:55:26,222 --> 00:55:27,680 ALLISON BUCHHOLTZ-AU：そこに行きます。 1133 00:55:27,680 --> 00:55:29,350 聴衆：ああ、待って、今 我々は、テキストを読むことができません。 1134 00:55:29,350 --> 00:55:30,320 ALLISON BUCHHOLTZ-AU：今すぐ あなたは、テキストを読むことができません 1135 00:55:30,320 --> 00:55:32,740 しかし、我々は、背景画像を持っている。 1136 00:55:32,740 --> 00:55:33,300 ビー·マイ·エスケイプ？ 1137 00:55:33,300 --> 00:55:35,220 >> 読者：DOESのHTML 動的コンテンツをサポートしていますか？ 1138 00:55:35,220 --> 00:55:39,070 同様に、あなたはその絵のサイズを変更することができ ウインドウサイズに応じて、 1139 00:55:39,070 --> 00:55:39,890 またはCSS--ということです 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON BUCHHOLTZ-AU： だから、CSSはそれを行う必要があります。 1141 00:55:41,723 --> 00:55:45,210 だから、あなたたちは興味を持っている場合 高度なCSSを学ぶことに、 1142 00:55:45,210 --> 00:55:50,789 私は共同教えています 7日にCSSのセミナー。 1143 00:55:50,789 --> 00:55:52,580 そして、私はそれが約束 深さに、はるかにすること 1144 00:55:52,580 --> 00:55:55,220 とはるかにクールやる このセクションのもの。 1145 00:55:55,220 --> 00:55:59,234 そして、私の共同先生は次のようである 合計フロントエンドのWeb devのマスター。 1146 00:55:59,234 --> 00:56:02,150 だから、それはあなたがしたい場合かなりクールになるでしょう すべてのクールなものを学ぶために 1147 00:56:02,150 --> 00:56:03,960 そのCSSが行うことができます。 1148 00:56:03,960 --> 00:56:06,860 >> しかし、我々はここで何を持っている 彼の背景アタッチメント 1149 00:56:06,860 --> 00:56:13,330 fixed--ので、いくつかの固定size--だ しかし、あなたは実際にdynamically--できる 1150 00:56:13,330 --> 00:56:17,610 あなたは今までのWebページを参照している場合、など 最も優れたウェブページは、行います 1151 00:56:17,610 --> 00:56:19,470 あなたが調整したとき お使いのブラウザのサイズ、 1152 00:56:19,470 --> 00:56:23,980 バックグラウンドを調整するか、どのくらい 表示または右、物事を再フォーマットされている？ 1153 00:56:23,980 --> 00:56:27,100 だから、それは我々が呼んでいるものです 相対的な位置。 1154 00:56:27,100 --> 00:56:33,410 >> とCSSは、実際にどのように大きなあなたつかむことができます ブラウザの幅があるか、どのように背の高い、 1155 00:56:33,410 --> 00:56:37,970 そして、あなたは物事を配置することができます 相対サイズに応じて 1156 00:56:37,970 --> 00:56:40,420 絶対的なサイズは対。 1157 00:56:40,420 --> 00:56:44,920 そして、それは明らかに、より高度なだ CSSが、それはあなたが行うことができるものです。 1158 00:56:44,920 --> 00:56:47,390 あなたが学びたいのであれば 以上が、私のセミナーに来て。 1159 00:56:47,390 --> 00:56:50,540 >> だから、あなたが行うことができるものです。 1160 00:56:50,540 --> 00:56:54,450 とCSSは、実際に缶 、CSSとJavaScriptをdo-- 1161 00:56:54,450 --> 00:56:58,790 私たちは次のweek--に買ってあげるもの あなたが動的に変化できるようにすることができます 1162 00:56:58,790 --> 00:57:02,160 することなく、ページ 彼らにすべての時間をリロードします。 1163 00:57:02,160 --> 00:57:04,590 そして、あなたはいくつかをやらせる かなりクールなもの。 1164 00:57:04,590 --> 00:57:09,317 >> だから、別の事があります 君たちは何をしたいかもしれない 1165 00:57:09,317 --> 00:57:10,650 または何かあなたが探検したいですか？ 1166 00:57:10,650 --> 00:57:12,900 我々は左の10分を持っている。 1167 00:57:12,900 --> 00:57:19,010 我々はまた、早退が、もしできる あなたは、いくつかのより多くのWebのものをやってみたい 1168 00:57:19,010 --> 00:57:20,960 我々はできるが、私はないんだけど にあなたを強制しようとして。 1169 00:57:20,960 --> 00:57:23,510 しかし、我々はまた、単にお菓子を食べることができます。 1170 00:57:23,510 --> 00:57:25,760 読者：テキストを強調表示 白いので、あなたはそれを読むことができます。 1171 00:57:25,760 --> 00:57:27,680 ALLISON BUCHHOLTZ-AU：OK。 1172 00:57:27,680 --> 00:57:33,389 したがって、この場合には、我々はいくつかのページが欲しい。 1173 00:57:33,389 --> 00:57:36,305 聴衆：私たちはそれを行う必要があります ボディので、ページ全体に適用される？ 1174 00:57:36,305 --> 00:57:38,096 ALLISON BUCHHOLTZ-AU： はい、私たちは実際にできます。 1175 00:57:38,096 --> 00:57:40,880 それは良いアイデアです。 1176 00:57:40,880 --> 00:57:43,420 だから私たちはあなたを行うhave-- 私たちがどうあるべきか知っていますか？ 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 私たちはテキストの色を行うことができれば私は知らない。 1179 00:57:50,260 --> 00:57:54,946 私が試してみて、するつもりだった ここで別のクラスを作成します。 1180 00:57:54,946 --> 00:57:58,394 >> 読者：あなたはとても入手するにはどうすればよい それは提案を持っていること？ 1181 00:57:58,394 --> 00:58:00,560 ALLISON BUCHHOLTZ-AU：だから 君たちが興味を持っている場合、 1182 00:58:00,560 --> 00:58:03,480 これは別のテキストです エディタは崇高と呼ばれる。 1183 00:58:03,480 --> 00:58:07,180 次のことができるようにすべき アプライアンスにインストールします。 1184 00:58:07,180 --> 00:58:08,659 時にはそれは少しトリッキー取得します。 1185 00:58:08,659 --> 00:58:10,950 あなたはそれで助けたい場合は、 私はあなたを助けるために、超うれしい 1186 00:58:10,950 --> 00:58:14,720 それと、geditのは素晴らしいですので、と あなたはそれをコンパイルすることができますので、それは素晴らしいです 1187 00:58:14,720 --> 00:58:17,790 底に、しかし、私は本当に サブライムのようにそれはかなりだから 1188 00:58:17,790 --> 00:58:19,498 それは物事をするのでしょうか オートコンプリートのような。 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> だから、あなたは間違いなくお気軽にできます あなたがそれをやってみたいなら、私に知らせてください。 1191 00:58:26,890 --> 00:58:28,940 あなただけのGoogleの場合は "サブライム テキスト、「典型的には、それ 1192 00:58:28,940 --> 00:58:32,860 インストールする方法について説明している 様々なオペレーティングシステム上で。 1193 00:58:32,860 --> 00:58:37,590 それは、私は本当にクールです 私の意見では、と思います。 1194 00:58:37,590 --> 00:58:38,355 だから、P。 1195 00:58:38,355 --> 00:58:45,616 私はちょうどtext--たりできると思う 私達はちょうど色が行うことができ「白。」 1196 00:58:45,616 --> 00:58:47,050 そこに。 1197 00:58:47,050 --> 00:58:50,770 >> それでは、私がここでやったことは、私ということです すべてのテキストを変更していない。 1198 00:58:50,770 --> 00:58:54,040 しかし、ここでpはちょうどです 我々が持っているタグ、右？ 1199 00:58:54,040 --> 00:58:55,450 この段落タグ。 1200 00:58:55,450 --> 00:59:00,380 だから、僕は、CSS要素を作成した このタグを使って何、[OK]を、言った 1201 00:59:00,380 --> 00:59:02,510 pは、色が白色にする。 1202 00:59:02,510 --> 00:59:05,690 >> あなたが気づいたのであれば、それが作られ この白とこのホワイト。 1203 00:59:05,690 --> 00:59:09,100 それが原因私たちのリストを白にしませんでした それはそれに関連付けられていない。 1204 00:59:09,100 --> 00:59:11,180 あなたはを通して行くことができる、あなたがsay--可能性 1205 00:59:11,180 --> 00:59:11,860 >> 聴衆：背景色を行います。 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON BUCHHOLTZ-AU：背景色？ 1207 00:59:12,660 --> 00:59:15,660 >> 読者：パイプの背景 あなたはpタグを入れて色。 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON BUCHHOLTZ-AU：OK。 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 あなたはそれが白いたいですか？ 1211 00:59:22,804 --> 00:59:23,470 聴衆：ビー·マイ·エスケイプ。 1212 00:59:23,470 --> 00:59:25,070 ALLISON BUCHHOLTZ-AU：OK。 1213 00:59:25,070 --> 00:59:26,342 そこに行く。 1214 00:59:26,342 --> 00:59:27,300 聴衆：それは奇妙なことだ。 1215 00:59:27,300 --> 00:59:29,190 ALLISON BUCHHOLTZ-AU： 右、かなりクール？ 1216 00:59:29,190 --> 00:59:31,640 だから、周りのあなただけの混乱なら、 あなたは多くのことを学ぶつもりだ。 1217 00:59:31,640 --> 00:59:34,720 そして、それはかなりクールすることができます。 1218 00:59:34,720 --> 00:59:37,312 私はそれが間違いなくもっとだと思う 時々より満足 1219 00:59:37,312 --> 00:59:39,770 あなたは待つ必要はありませんので、 あなたのプログラムをコンパイルするため。 1220 00:59:39,770 --> 00:59:41,895 あなただけの更新]を打つことができる あなたが、ああ、見て、似ている 1221 00:59:41,895 --> 00:59:44,276 それが働いた、またはああ、私は今 おそらく何かが足りない。 1222 00:59:44,276 --> 00:59:47,359 そして、それは本当にだ何か このクラスの次の部分についてのクールな、 1223 00:59:47,359 --> 00:59:49,250 私は、それは間違いだです と思い、確認しやすく 1224 00:59:49,250 --> 00:59:52,640 あなたが道に沿って行くように対 これらの長いプログラムを書くこと 1225 00:59:52,640 --> 00:59:57,830 そして希望と祈る それが最後で動作すること。 1226 00:59:57,830 --> 01:00:01,960 >> だからと、私は思います 君たち、すべてが良いようです。 1227 01:00:01,960 --> 01:00:05,360 あなたはいつものようにご質問がある場合は、 私に話を来て、私に知らせてくる。 1228 01:00:05,360 --> 01:00:08,180 私は右の外になります 次の15分間 1229 01:00:08,180 --> 01:00:11,340 あなたが約チャットしたい場合は、 何もかも。 1230 01:00:11,340 --> 01:00:13,530 >> だから私は、あなたがguys--願っ このpsetを持つ幸運。 1231 01:00:13,530 --> 01:00:18,150 締め切りは正午金曜日 それが後半にリリースされましたので。 1232 01:00:18,150 --> 01:00:21,220 だから私はおそらく見ることになります 木曜日に君たちの多くは、 1233 01:00:21,220 --> 01:00:21,970 うまくいけません。 1234 01:00:21,970 --> 01:00:23,386 たぶん、あなたはそれがそれまでに行われています。 1235 01:00:23,386 --> 01:00:24,440 私は、スーパー誇りに思います。 1236 01:00:24,440 --> 01:00:26,410 >> されていない場合しかし、私は木曜日あなたが表示されます。 1237 01:00:26,410 --> 01:00:30,030 また、後半の日付を、使用できる 正午に土曜日にそれを拡張します。 1238 01:00:30,030 --> 01:00:31,730 しかし、私はハァッdon't--？ 1239 01:00:31,730 --> 01:00:32,580 >> 聴衆：ハロウィン。 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON BUCHHOLTZ-AU： それはハロウィーン、およびBの、 1241 01:00:34,538 --> 01:00:37,050 私はそこになるとは思わない 金曜日のオフィス時間で。 1242 01:00:37,050 --> 01:00:40,920 だから、本当にそれがによって行わ試してみて、入手できますか 金曜日我々はすべて祝うことができるように 1243 01:00:40,920 --> 01:00:42,010 崇敬週末。 1244 01:00:42,010 --> 01:00:44,670 すべての権利、私は来週君たちが表示されます。 1245 01:00:44,670 --> 01:00:45,888