Searchのフロントエンドを設計します。タグを追加することでそのフォームの入力フィールドを作成できます。このコースの後半では、フォームデータを入力として受け入れるWebアプリケーションの作成方法について説明します。データを送信するフォームを作成します。Googleのホームページに検索語を入力して「Google検索」ボタンをクリックするなどしてGoogle検索を行うと、その検索はどのように動作するのか、調べてみましょう。検索語を入力して、「Google検索」ボタンをクリックします。Google検索結果が表示されるはずです。ここでURLを見てみましょう。始まっているはずです。これはGoogle検索のWebサイトのルートです。後に追加情報が続きます。URL内のこれらの追加情報は、クエリ文字列と呼ばれます。クエリ文字列は一連のGETパラメータで構成され、各パラメータには名前と値があります。クエリ文字列は通常次のようにフォーマットされます。記号はパラメータを相互に区切ります。これらのパラメータは、フォームデータをURLでエンコードすることによって、フォームがWebサーバに情報を送信するための方法です。Googleの検索結果ページのURLを見てください。Googleが使っているパラメータはかなりあるようですね。URLを見て(テキストエディターにコピーアンドペーストすると見やすいでしょう)、私たちの検索語である「Harvard」に言及していないかどうか調べてください。あることがわかるはずです。あることを示しています。他のパラメータはGoogleに有用なデータを提供しますが、検索を実行するために必要なのはqパラメータのみであることが分かりました。アクセスすることで確認できます。同じGoogle検索結果が表示されるはずです!この情報を使って、Googleのホームページのフロントエンドを実装し直すことができます。いうHTMLファイルに貼り付け、ブラウザで開きます。HTMLフォームが表示されます。送信するようブラウザに指示します。フィールドに入力した内容が、URLのGETパラメータとして組み込まれます。このプロジェクトでは、Googleのインターフェイスを探索して必要なGETパラメータを特定し、必要なHTMLとCSSをあなたのWebサイトに追加することによって、このWebサイトを拡張し、Google検索のための独自のフロントエンドを作成します。配布コードをダウンロードし、解凍します。プロジェクトの仕様Webサイトは、次の要件を満たしている必要があります。Webサイトには少なくとも3つのページが必要です。1つはGoogle検索、1つはGoogleイメージ検索、もう1つは高度なGoogle検索です。Google検索ページでは、ページの右上にイメージ検索または高度な検索へのリンクがあるはずです。他の2ページにはそれぞれ、Google検索に戻るためのリンクが右上にあるはずです。Google検索ページでは、ユーザがクエリを入力し、「Google検索」をクリックすると、そのページのGoogle検索結果が表示されるはずです。本来のGoogleのウェブサイトのように、検索バーは角が丸くなっている必要があります。検索ボタンも中央に配置し、検索バーの下に配置します。イメージ検索結果が表示されます。高度な検索オプションから引用しています)。ページと同様に、4つのオプションは縦に並べ、テキストフィールドはすべて左揃えにします。Google独自のCSSと同じく、「高度な検索」ボタンは青色のテキストで表示されます。「高度な検索」ボタンをクリックすると、指定したクエリの結果ページが表示されます。Lucky」ボタンを追加します。Google本来の挙動と同じく、このリンクをクリックすると通常の検索結果ページを経由せずに、最初のGoogle検索結果ページに直接ジャンプするようにします。作成するCSSは、Google本来のデザインにできる限り一致させる必要があります。ヒントパラメータ名を決定するには、Google検索を実行して結果のURLを確認することをお勧めします。属性を持つことができます。GoogleのHTMLを見れば、これらの質問に答えるのに役立つかもしれません。ほとんどのブラウザでは、ページをCtrlキーを押しながらクリックするか、右クリックして「ページソースの表示」を選択すると、そのページの基になっているHTMLを表示できます。入力フィールドを使用します。送信し、合格点を取得している場合は、ここで中断してください。あなたは既にこのプロジェクトの単位を取得しています。この課題を送信してはいけません。