情報処理実習Ⅱ 2024年度後期(2年)

今日、やったこと レイアウト作成(前回からのつづき） 今日のホワイトボード ヘッダー部をつくる（完成） 前回のつづき。ヘッダー部のタイトル、メニューを横並び＋タイトルは左端＋メニューは右端に配置しました。 図　ヘッダー部(完成イメージ) index.html style.css  サイドメニューをつくる <table>タグを使わずに、箇条書きのデザインを変更して表のようなメニューを作成。 図　サイドナビ部メニュー index.html style.css セレクタはxxxの中のxxxの中のxxxのように階層構造にすることもできます。 図　階層構造のセレクタ 次回は 評価用課題を作ってもらいます。

今日、やったこと レイアウト作成 今日のホワイトボード 全体のレイアウト作成 下図のような3カラムのレイアウトをつくりました。 図　3カラムレイアウト ポイントはサイドナビとコンテンツを横並びにする点です。 index.html style.css ヘッダー部を作る(途中まで） ヘッダー部に 写真 タイトル メニュー を作成しました。 図　ヘッダー部 index.html style.css style.cssのセレクタ xxxクラス内のxxxタグのような指定もできます。 図　headerクラス内の<ul>タグの場合 次回は ヘッダ部の改造(タイトルとメニューを1行に) サイドナビ部作成 評価用課題について 次回以降から評価用の課題を作成してもらいます。 ネタはなんでもOKです。写真や文章を考えてください。