このビデオでもう一度歓迎します。私たちはキャンプで続けるつもりです。
ヘッダーとフッターのParshallを追加して、コードを乾かして基本的なhチームを作ることができます私たちの2番目の目標であるブートストラップをここに含めることができるようにしたい。
だから私たちはヘッダーとフッターのParshallを用意して、そのすべてをブートストラップに入れ、ブートストラップを使って非常に単純なスタイリングを行います。
OK。
ここから始めましょう。
私はまだV-1の中にいる。
私は次のバージョンに行くときにお知らせします。
しかし、私たちは基本的なセットアップを検討している非常に基本的なことをやっています。
だからまだバージョン1です。
私が最初にすることは私たちの中にあります。私たちはParshallのディレクトリを追加して、ここからそれを行うことができます。
ディレクトリビューをParshallのスラッシュにしてから、ヘッダーとフッターのEjayにファイルを追加します。ParshallのスラッシュHetterを使用します。
E. J. はい。
それから私は上向き矢印を使ってEjayのフッタを除いて同じことをします。
だから我々はそれを持っています。
さあ、ヘッダーに記入してみましょう。
だからC9はParshallのHetterを使用し、そこにタブオートコンプリートを使用することを忘れないでください。
それはもっと簡単になり、私たちは基本的なボイラープレートに追加します。
だから私たちは医者が必要で、これを最初から練習することは常に良いことです。
それはdocタイプのHMOです。
そして、HTMLタグが必要です。
そして頭の中に頭が必要です。
タイトルをつけて、キャンプ全体を書くだけです。
また、本文も必要ですが、ヘッダーファイルにすべてのページのヘッダーを入れておきたいので、テンプレートの内容にコンテンツがここに来るようにしたいので、ここでヘッダーファイルに移動しないようにしてください。
そして、私たちはこれがフッタにあることを望みます。
それでは、今やってみましょう。
これをコピーするか、カットしてください。
これが私たちのヘッダーです。
そして、フッタファイルを開いてそこに置いてみましょう。
そして、体の最後でそれが正常に機能することを確認するために、別のパラグラフを2015年のキャンプの上位キャンプに入れます。
もう一度、私はそれが商標が何をするべきか、それがどこにあるのかわからないが、ちょうど底にテキストがほしいと思う。
だから私たちはそれをします。
ファイルを保存します。
ここでは、この部分をランディングページの内側に含めて、そのページが開いていることを確認してください。
私たちはincludeタグを追加したいと思います。そして、Ejayはtagを持っていて、rewrite includeを読み込みます。
そして、そのパーシャルへの道は、私たちがParshallのディレクトリの中にいることを二重にチェックするだけです。
だから私たちはParshallのスラッシュヘッダーを必要とし、私たちはそのEjayは必要ありません。
下の方に同じことをフッターでやろう。
ここでいくつかのスペースを追加して保存しましょう。
これにより、最初のボディからオープニングタグまでのすべてが得られます。
そしてこれは今までのところ3行しかないものすべてを私たちに与えるはずです。
終わりのボディのタグと閉鎖の商標のパラグラフは彼を傷つけた。
それが動作するかどうかを見てみましょう。
したがって、サーバーを再起動するか、最初のノードaptで開始しただけです。
はい、これはリンク先ページにのみ表示されます。
そのため、リンク先ページに戻る必要があります。小さな問題があります。リンクされていることは間違っています。これは修正するのが本当に簡単な問題です。
スラッシュではないようにこれを変更したいだけです。
部分的なスラッシュHetterと部分的にスラッシュフッターを含めます。
私たちが見たスラッシュが本当に重要であることを忘れないでください。
それは私たちが望んでいないルートに戻ってくるように指示します。ページをリフレッシュしてみましょう。
今我々は我々の商標を底に持っている。
ええ、キャンプ2015。
そして、あなたは本当にそれを見ることができません。
私たちには頭と体とタイトルがあり、ここで私たちのために準備されています。
campgroundsファイルについても同じことをしましょう。
だから、最初からそれらを取り戻しましょう。
常に良い練習。
だからあなたはParshallのスラッシュHetterを含めたいと思っています。そして、私はこれをコピーして、ここでそれを減らして、Parshallのスラッシュフッタをもう少しスペースを増やします。
まだ商標を取得しているリンク先ページでサーバーを再起動してください。
しかし、私もそれをする必要はありませんが私は追加したリンクをクリックします。
私はまた、商標Yelp camp 2015を手に入れました。
これでヘッダーとフッターの部分が完成しました。
最初のスタイルシートを含めましょう。
だからまずはブートストラップを始めましょう。私はCDを持っていてオープンしていますので、この正確なリンクを使うか、GoogleのブートストラップCDNでそのリンクを含めることができます。
しかし、私はここでこれを行うつもりですが、ここで3点3点5をブートストラップして、ここから外し、頭の中のヘッダーファイルの代わりにリンクに追加し、Trefが必要とするリンクタグを覚えていますエルフォードのブートストラップであること
また、ロールコールスタイルシートを追加することもできます。これにより、ブートストラップが得られるので、サーバーを再起動することで常に確認できます。また、これらのページのいずれかを更新するだけで違いを確認できます。
そこに行く。
だから私は楽しいやスペースが少し変わった。
ランディングページも見ることができます。リンクの色は物のフォントサイズに変わります。
まだよく見えませんが、ブートストラップが正常に含まれていることを少なくとも示しています。