PR

1. 項目が縦並びのメニューを作る】

 さあ、これまでの「HTML編」「CSS概論編」で得た知識を基に、実際の制作トレーニングに移ります。

 初回の「はじめに」で申し上げた、「(1)本当に必要な知識とテクニックだけに絞り込み、(2)はじめから「作ること」に重点を置いて、(3)自然と反復練習をしながら知識(=技術)を増やしていく」というコンセプトのうちの特に(3)を、これから本格的に実践していきます。

 まずは、以下からサンプルファイルをダウンロードしてください。HTMLファイルや画像ファイル、CSSファイルが入っています。さらに、HTMLファイルを分かりやすく説明しているPDFファイルも同梱しています。

HTMLファイル・説明PDFファイルなどをダウンロード

 ダウンロードしたファイルを解凍したら、「menu.html」をWebブラウザーのアイコンにドラッグ・アンド・ドロップして、Webページとして開いてください。

 このような、リンク項目が縦に並んだメニューを作ってみましょう。

この記事は会員登録で続きをご覧いただけます

日経クロステック登録会員になると…

新着が分かるメールマガジンが届く
キーワード登録、連載フォローが便利

さらに、有料会員に申し込むとすべての記事が読み放題に!
日経電子版セット今なら2カ月無料