わかりました｡
それはどこで手に入れられるのですか？
そうでなくても､ ご安心ください｡
では､ プロフィールのすべてを動作させるために必要なことを説明します｡
ですから､ HTMLのページがあるのは当然で､ それは今のままでいいんです｡
約と呼ぶことができます｡ ここでコピー＆ペーストして､ もう1つ､ 例えば､ 他に何があるのか？
ワークhtmlがあるんだから､ ワークしようよ｡
作業用のHTMLになるので､ これが動くかどうかだけ確認してみましょう｡
ホームアバウトとワークhtmlがあるだけに､ 旧ルートを削除するつもりです｡
もし戻ったら｡
そして､ 家に帰ろう｡
あ､ ちょっとエラーが出たみたいですね｡
そして､ こっちの機能は変えなかった｡
私は両方について持っていることがわかりますね｡
だから､ 戻ってリフレッシュしたら､ この作品ということにしておこう｡
よし､ 作品にしよう｡
まあ､ 作品なんですけどね｡
TML なぜうまくいかないのでしょうか？
それは､ 作品であるべきだからです｡
HTMLです｡
バカだなぁ｡
よし､ 戻ろう｡
リフレッシュしよう｡
作品紹介
わかりました｡
ワークスは働いています｡
しかし､ 今回もCSSは適用されていない｡
戻ってlet's go to about me about meも効いていますね｡
しかし､ CSISが適用されていない､ その理由はわかっている｡
もう一度､ ワークスへ行けば｡
静的フォルダを含むように更新する必要があります｡
すごい｡
そして､ CSSページも更新します｡
JavaScriptのページと同様です｡
ですから､ これは繰り返しが多いのですが､ どういう思考回路なのか､ なぜこれをもう一度やる必要があるのかを理解していただくために､
お見せしているのです｡
これらも修正すればいいのです｡
そして､ この1枚｡
これをやるときは､ 曲をバックにしたほうが､ 何度やっても飽きないような気がするんです｡
でも､ 繰り返しはいいことでしょう？
よし､ 最後だ｡
その
JavaScriptファイルです｡
保存しよう｡
私たちのサーバーに戻る
リフレッシュしよう｡
よし､ 家に帰ろう｡
あ､ インデックスみたいですね｡ htmlが機能しないので､ それも修正しなければならない｡
worksをクリックすると動いているルートディレクトリがあるんです｡
うーん｡
CSSがうまくいかなかったようなので､ 私について見てみましょう｡
私についてが効いています｡
だから､ 私たちは何かを見落としていたのであり､ 私たちが戻れば作品になるのです｡
あ､ それはワークとワークスHTMLがあるからですね｡
だから､ ワークのHTMLではなく､ ワークのHTMLを取り入れるようにしなければならないのです｡
このページが何をするものなのかよくわかりませんが､ きっとこの一部なのでしょう｡
そこで､ 再び作品紹介のhtmlに入ります｡
今までと同じように､ 静止画を追加していく｡
そうそう｡
そして､ JavaScriptのファイルもずっと下の方にあります｡
戻ろう｡
ワークスへ移動し
ばんざーい!
あれを見てください｡
全作品を展示しています｡
しかし､ 一部の画像が表示されないなど｡
今すぐ
それはなぜか､ おわかりになりますか？
さて､ 話を戻すと｡
私たちの作品のHTMLです｡
そして､ 画像を探します｡
ここでは､ 静止画も追加しなければならないことがわかります｡
そこで改めて､ それらを画像に追加してみます｡
さらに､ これをコピーして､ コマンドFまたはコントロールFで､ 画像のすべてのインスタンスを検索し､
ここにアセットを追加することを確認します｡
簡単な方法､ これこそIDの出番です｡
あるいはSublime textのようなテキストエディタがそうです｡
こんな感じで､ 全体を選択してコマンドコントロールGができるんです｡
これで実際にすべてのインスタンスが選択され､ 複数のカーソルが表示されました｡
今､ 私にできることはただ一つ｡
繰り返しにならないように､ ここでも下と上にあるように､ すべてのインスタンスに静的を追加してください｡
さて､ 話を戻そう｡
リフレッシュして見てください｡
私たちのプロジェクトを展示しています｡
本当に､ かっこいいですね｡
これで､ テンプレートが完成しました｡
まだ､ 直すべき部品と接点があります｡
プレビューを見ると､ コンポーネントは単なるHTMLテンプレートで､ 必要なコンポーネントをコピーして貼り付けるだけだからです｡
でも､ 実際のポートフォリオでは必要ないんです｡
他に必要なのはコンタクトページだけで､ これはPythonサーバーに使用するため､
本当に本当に重要です｡
では､ ここに戻ってみましょう｡
コンポーネントhtmlを削除してみましょう｡
あるいは､ 今はそのままでいい｡
しかし､ index htmlファイルでは
とことんまでやりましょう｡
そして､ ナビゲーションバーの部分には､ コンポーネント・ドット・htmlがあります｡
それを取り除けばいいのです｡
ただ､ それだけなんです｡
だから､ 使っていないんです｡
さて､ 私がやっていることのひとつに､ コードのコピー＆ペーストがあります｡
だから､ 今､ 私たちがやらなければならないこと｡
コンタクトと書いてある別ルートで､ もう一度コンタクトをする｡
しかし､ これは私たちが学んだことに基づいてコードを繰り返しているのです｡
このプロファイルに新しいHTMLファイルを追加するときに､ 同じコードを何度もコピー＆ペーストする必要がないように､
これをもっとダイナミックにすることはできないでしょうか｡
試してみてください｡
そして､ 次のビデオでは､ その方法を紹介します｡