>> DAVIDマラン：だから私は行ってきた 私自身の検索エンジン。
そして現時点では、それは次のようになります。
私はここにページのタイトルを持っている。
それはCS50検索です。
私はその内部HTMLフォームを持っている その型は、入力であるように思われる
テキストや他の入力 型が提出されている。
>> 我々は今のソースを見てみると このページには、実際、我々がそれに気づく
h1とタイトルタグを持っている このことを伝えるている
確かCS50検索です。
私たちは、指定のフォームタグを持っている フォームは、に提出する必要があることを
Googleの私たちの友人。
そしてそのフォームの中に、我々は持っている これらの2種類の入力。
>> しかし、今に気づくの上部に向かって ページは、ページの頭の中、
styleタグは内部に、あります のためのCSSプロパティである
ページの本体。
しかし、我々はしたかった場合はどう 整列すべてのテキストを作る
複数のページで！
言い換えれば、私はこれを再利用したいと思った CSSプロパティ何度も何度も何度も
別のWebページ内の、すべての 人のbodyタグがありますか？
さて、私は確かにコピー＆ペーストができ これらのページのそれぞれに、CSSが、
それはこの因子に良い設計であることだろう いくつかの中央ファイルに出て、その後
何とかのすべてにおいて、そのファイルをインクルード これらのページは、私が今までにしたい場合は、そのよう
変更を行うとの私のテキストを配置 私は、左または右に私のテキストを配置
はるかに容易にそれを行うことができます。
のこれを行うにしてみましょう。
>> まずは、これをカットしてみましょう 完全にスタイルタグ。
そして今度は、という名前のファイルを開いてみましょう、 たとえば、検索3.cssそれを置く
このファイル内の同じCSS。
体が持っているとしている テキストが整列：センター;。
それでは、そのファイルを保存してみましょう。
>> それでは-3.htmlを検索するために戻って行こうと、 頭の中で再び、リンクタグを追加する
ハイパーリファレンスを指定する 検索3.cssの。
CSSとの、指定しましょう​​という関係 このファイルには、であることを
ページは、そのスタイルシートとして機能する。
保存、今度は、このタグを閉じてみましょう ファイル、およびリロード
ブラウザでこのページを参照してください。
>> それは上のテキストを再編 CSSと同じように左
プロパティがあっても適用されませんでした。
さて、なぜそれがあるかもしれない？
それでは見てみましょう ファイルのパーミッション -
ていないHTMLファイルのパーミッション、 しかし、CSSファイルのパーミッション。
>> ここに戻ってgeditの中で、のまで行ってみよう ターミナルウィンドウとタイプLS-L
検索3.css。
ああ、確かに、たとえ私は、ファイルの 所有者は、このファイルを読み書きすることができ、
誰もそれを読むことはできません。
しかし、我々はます。chmod a + Rでこれを修正することができます 今検索3.css、および再実行してみましょう
LS-L検索 - 3.css- -
とはるかに良い。
今、全世界ができる このファイルを読み取る。
>> リロードのブラウザに戻りましょう。
出来上がりは、我々は戻っ中心とするだ 検索エンジン。
我々は始まった場所もちろん、これはある 私達のテキストはすでに中心とした物語。
しかし、何が今より良いデザインですそれはその 私たちは、にそのCSSを因数分解しました
我々はそれからできる中央ファイル、どこか 他のウェブページに含まれていること
我々は、将来的に作るために起こるかもしれない。
だから我々はこれまでに更新したり、またはしたい場合は、 より一般的に私達のページをrestylize、私たち
非常に簡単にそれを行うことができます 1の中心的な場所。