• Skip to primary navigation
  • Skip to main content

Nagashima Laboratory

  • Home
  • Lecture
  • Note
  • Index
  • About

Webデザイン演習 2026 1Q(6)

2026/05/19 3・4限 DL501

今日の内容

CSSを使ったレイアウト方法について解説します。前回・前々回で触れた、基本的なCSSプロパティも引き続き使っていきますので、これまでの復習をしながら進めていきます。

CSS

  • CSSによるページレイアウト1(flex)
  • CSSによるページレイアウト2(position)
  • CSSによるページレイアウト3(grid)

学科サイトの編集(本日制作した部分をリンクします)

  • 学科サイトの確認
  • 入力見本 John Smith氏のページ

前回までの内容については、下記リンクから確認をしてください。

  • CSSの基本
  • 背景に関するCSS
  • テキスト・フォントに関するCSS
  • リストに関するCSS
  • ボックスに関するCSS
  • CSSボックスの演習
  • Visual Studio Codeの基本操作
  • GitHub

出席登録

出席簿 ※要ログイン・確認用

授業録画

授業の解説部分の録画はMoodleに掲載しています。

Moodle ※要ログイン

2026-05-18 (Last Modified: 2026-05-18) Category: Webデザイン演習, 授業

Copyright © 2023–2026 · Nagashima Sayuri Laboratory