Responsive_Portfolio

ユニット02 CSSおよびブートストラップ宿題：レスポンシブポートフォリオ

レスポンシブデザインにより、Webアプリケーションがさまざまなデバイスやウィンドウまたは画面サイズに適していることが保証されます。開発者として、モバイルファーストアプリケーションを作成するか、既存のアプリケーションにレスポンシブデザインを追加するように求められる可能性があります。

方向

1. ブートストラップCSSフレームワークを使用して、モバイルレスポンシブポートフォリオを作成します。これをどのように配信しますか？
2. 次のファイルを作成します。

3. ブートストラップを使用して、次のアイテムを使用してポートフォリオサイトを開発します。 Navbar b。レスポンシブレイアウトc。レスポンシブ画像ブートストラップポートフォリオは、メディアクエリの使用を最小限に抑える必要があります。

ヒント

1. • Bootstrapのグリッドシステム（コンテナ、行、列）を使用します。
2. • xs画面では、コンテンツが画面全体を取り上げる必要があります。 smおよび大型画面では、画面の左側と右側にマージンがある必要があります。これらの違いの例を確認するには、モバイルデバイスとコンピューターのさまざまなサイトをご覧ください。
3. HTML検証サービスを使用して、各ページに有効なHTMLがあることを確認します。余分な小さい<576px Small 576px Medium≥768px大規模992px余分な大規模≥1200px.Container 100％540px 720px 960px 1140px。 1140px .container-lg 100％100％100％960px 1140px .container-xl 100％100％100％100％1140px .container-fluid 100％100％100％100％100％

最小要件

oプロジェクトを説明するreadmeを使用した機能的で展開されたアプリケーションo githubリポジトリo navbarは、各ページで一貫している必要があります。 o各ページのnavbarには、ホームへのリンク、About、連絡先、およびポートフォリオページが含まれている必要があります。 oすべてのリンクが機能する必要があります。 oセマンティックHTMLを使用する必要があります。 o各ページには、有効かつ正しいHTMLが必要です。 （検証サービスを使用）oパーソナライズされた情報を含める必要があります。 （バイオ、名前、画像、ソーシャルメディアへのリンクなど）oブートストラップコンポーネントとグリッドシステムを適切に利用する必要があります。

ボーナス

1. ブートストラップを使用して、粘着性のあるフッターを作成し、ポートフォリオサイトでサブローとサブコラムを使用します（ヒント： Bootstrapドキュメントをご覧ください）。

2. 早くそして頻繁にコミットします

3. Web開発者として習得する最も重要なスキルの1つは、バージョンコントロールです。 GITを介してコミットする習慣を構築することは、2つの理由で重要です。
4. あなたがプロジェクトに積極的に取り組んでおり、新しいスキルを学んでいるという雇用主へのシグナルです。
5. 以前の状態に戻る必要がある場合に、コードベースを元に戻すことができます。

コミットするために次のガイドラインに従ってください。

1. • 清潔で管理しやすい履歴を確保するために、関連する変更のために単一目的のコミットを行います。 2つの問題を修正している場合は、2つのコミットを行います。
2. • あなたとあなたのリポジトリを見ている他の人がその歴史を簡単に理解できるように、説明的で意味のあるコミットメッセージを書いてください。
3. • あなたの協力者（そしてあなたの将来の自己！）のために、半分の仕事をしないでください。
4. • 開発プロセスのすべてのステップで機能を確保するためにコミットする前にアプリケーションをテストしてください。

5. 卒業によって200をはるかに超えるコミットをお勧めしますので、早期に頻繁にコミットしてください！

BCSへの提出

以下を提出する必要があります。

• 展開されたアプリケーションのURLこれは、各HTMLファイルのURLを意味しますか？
• GitHubリポジトリのURL

• スクリーンショットはAssets/Imagesフォルダーの参照として提供されます。アプリは画像とまったく同じようにする必要はありません。ブートストラップを使用して、同様のレスポンシブレイアウトを作成します。

c： users jonpc google drive bootcamp unc-chh-fsf-pt-03-2020-uc mathcodes.github.io homework homework2 readme.md