スクーリング マルチメディア演習 Day2
目次
スライド
簡単なHTML, CSSの例
開いて、ソースを確認してみましょう。
演習
今日の目標
Webインスペクターを使ってみよう
動画ではSafari使ってますが、授業ではChrome使うと思います。(やれることは一緒です)
一番短いホームページ
「Open with Live Server」がよくわからない人、教員・SA呼んでください。(VSCの拡張機能でLive Serverを探してインストール)
テンプレートを探そう
一昨年作った動画なので、次からダウンロードしてください。
- Click – Free Responsive HTML5 Photography Template
ダウンロードするのに、メールアドレス要らなくなっているようです。
無料のHTML5 Bootstrapテンプレート【2023年版】おすすめ25選！ホームページを簡単にカスタマイズ
文字を変えよう
CSSでデザインを変えよう
写真の仕組みを調べる
写真をHP用に準備しよう
写真を入れ替えよう
提出
- 「Day2」を右クリックして「”Day2”を圧縮」してDay2.zipを作成
- Teamsのファイルタブを開きましょう。
- 「02_課題提出」「02_Day2_課題提出(HP)」の中に
- “学籍番号＋氏名”というフォルダを作成して
- その中にDay2.zipをアップロードしてください。
- 「ネットワーク演習/情報通信」を取っている人は、USBにコピーしておきましょう。 自分でたてたサーバーにデータをおくかもしれません。