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の中心的な場所。