1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVIDマラン：だから私は行ってきた
私自身の検索エンジン。

3
00:00:01,900 --> 00:00:04,100
そして現時点では、それは次のようになります。

4
00:00:04,100 --> 00:00:05,265
私はここにページのタイトルを持っている。

5
00:00:05,265 --> 00:00:06,580
それはCS50検索です。

6
00:00:06,580 --> 00:00:10,380
私はその内部HTMLフォームを持っている
その型は、入力であるように思われる

7
00:00:10,380 --> 00:00:13,650
テキストや他の入力
型が提出されている。

8
00:00:13,650 --> 00:00:17,180
>> 我々は今のソースを見てみると
このページには、実際、我々がそれに気づく

9
00:00:17,180 --> 00:00:20,260
h1とタイトルタグを持っている
このことを伝えるている

10
00:00:20,260 --> 00:00:22,020
確かCS50検索です。

11
00:00:22,020 --> 00:00:25,940
私たちは、指定のフォームタグを持っている
フォームは、に提出する必要があることを

12
00:00:25,940 --> 00:00:27,140
Googleの私たちの友人。

13
00:00:27,140 --> 00:00:30,430
そしてそのフォームの中に、我々は持っている
これらの2種類の入力。

14
00:00:30,430 --> 00:00:33,770
>> しかし、今に気づくの上部に向かって
ページは、ページの頭の中、

15
00:00:33,770 --> 00:00:36,750
styleタグは内部に、あります
のためのCSSプロパティである

16
00:00:36,750 --> 00:00:38,570
ページの本体。

17
00:00:38,570 --> 00:00:41,580
しかし、我々はしたかった場合はどう
整列すべてのテキストを作る

18
00:00:41,580 --> 00:00:43,050
複数のページで！

19
00:00:43,050 --> 00:00:46,640
言い換えれば、私はこれを再利用したいと思った
CSSプロパティ何度も何度も何度も

20
00:00:46,640 --> 00:00:50,030
別のWebページ内の、すべての
人のbodyタグがありますか？

21
00:00:50,030 --> 00:00:53,660
さて、私は確かにコピー＆ペーストができ
これらのページのそれぞれに、CSSが、

22
00:00:53,660 --> 00:00:57,730
それはこの因子に良い設計であることだろう
いくつかの中央ファイルに出て、その後

23
00:00:57,730 --> 00:01:01,100
何とかのすべてにおいて、そのファイルをインクルード
これらのページは、私が今までにしたい場合は、そのよう

24
00:01:01,100 --> 00:01:04,840
変更を行うとの私のテキストを配置
私は、左または右に私のテキストを配置

25
00:01:04,840 --> 00:01:07,220
はるかに容易にそれを行うことができます。

26
00:01:07,220 --> 00:01:08,860
のこれを行うにしてみましょう。

27
00:01:08,860 --> 00:01:12,520
>> まずは、これをカットしてみましょう
完全にスタイルタグ。

28
00:01:12,520 --> 00:01:16,820
そして今度は、という名前のファイルを開いてみましょう、
たとえば、検索3.cssそれを置く

29
00:01:16,820 --> 00:01:18,970
このファイル内の同じCSS。

30
00:01:18,970 --> 00:01:23,500
体が持っているとしている
テキストが整列：センター;。

31
00:01:23,500 --> 00:01:24,760
それでは、そのファイルを保存してみましょう。

32
00:01:24,760 --> 00:01:30,950
>> それでは-3.htmlを検索するために戻って行こうと、
頭の中で再び、リンクタグを追加する

33
00:01:30,950 --> 00:01:33,630
ハイパーリファレンスを指定する
検索3.cssの。

34
00:01:33,630 --> 00:01:38,650
CSSとの、指定しましょう​​という関係
このファイルには、であることを

35
00:01:38,650 --> 00:01:41,880
ページは、そのスタイルシートとして機能する。

36
00:01:41,880 --> 00:01:44,840
保存、今度は、このタグを閉じてみましょう
ファイル、およびリロード

37
00:01:44,840 --> 00:01:46,910
ブラウザでこのページを参照してください。

38
00:01:46,910 --> 00:01:49,700
>> それは上のテキストを再編
CSSと同じように左

39
00:01:49,700 --> 00:01:50,905
プロパティがあっても適用されませんでした。

40
00:01:50,905 --> 00:01:53,020
さて、なぜそれがあるかもしれない？

41
00:01:53,020 --> 00:01:54,590
それでは見てみましょう
ファイルのパーミッション - 

42
00:01:54,590 --> 00:01:58,630
ていないHTMLファイルのパーミッション、
しかし、CSSファイルのパーミッション。

43
00:01:58,630 --> 00:02:02,740
>> ここに戻ってgeditの中で、のまで行ってみよう
ターミナルウィンドウとタイプLS-L

44
00:02:02,740 --> 00:02:04,720
検索3.css。

45
00:02:04,720 --> 00:02:09,810
ああ、確かに、たとえ私は、ファイルの
所有者は、このファイルを読み書きすることができ、

46
00:02:09,810 --> 00:02:11,110
誰もそれを読むことはできません。

47
00:02:11,110 --> 00:02:17,570
しかし、我々はます。chmod a + Rでこれを修正することができます
今検索3.css、および再実行してみましょう

48
00:02:17,570 --> 00:02:20,970
LS-L検索 -  3.css- - 

49
00:02:20,970 --> 00:02:21,910
とはるかに良い。

50
00:02:21,910 --> 00:02:24,380
今、全世界ができる
このファイルを読み取る。

51
00:02:24,380 --> 00:02:26,950
>> リロードのブラウザに戻りましょう。

52
00:02:26,950 --> 00:02:29,220
出来上がりは、我々は戻っ中心とするだ
検索エンジン。

53
00:02:29,220 --> 00:02:32,450
我々は始まった場所もちろん、これはある
私達のテキストはすでに中心とした物語。

54
00:02:32,450 --> 00:02:36,000
しかし、何が今より良いデザインですそれはその
私たちは、にそのCSSを因数分解しました

55
00:02:36,000 --> 00:02:39,690
我々はそれからできる中央ファイル、どこか
他のウェブページに含まれていること

56
00:02:39,690 --> 00:02:41,580
我々は、将来的に作るために起こるかもしれない。

57
00:02:41,580 --> 00:02:45,430
だから我々はこれまでに更新したり、またはしたい場合は、
より一般的に私達のページをrestylize、私たち

58
00:02:45,430 --> 00:02:48,570
非常に簡単にそれを行うことができます
1の中心的な場所。

59
00:02:48,570 --> 00:02:50,902