2024/04/10 3・4限 DL503
Webコンテンツデザインに関わる基礎技術の習得を目的とした演習で、標準技術としてのHTML・CSS・JavaScriptを用いたWebサイトの構築を行います。
スケジュール
- オリエンテーション
- HTML 記述方法
- HTML 文法・構造
- FTP FTPの使用方法（アップロード）
- CSS 記述方法
- CSS レイアウト
- CSS レスポンシブデザイン
- Javascript 記述方法
- Javascript ライブラリの使い方
- Webサイト構築1 ユーザビリティ／現状分析／サイトマップ
- Webサイト構築2 プロトタイプ制作
- Webサイト構築3 HTML + CSS テンプレート
- Webサイト構築4 機能追加
- Webサイト構築5 ブラッシュアップ
※進捗により調整することがあります
授業資料の提示方法
- 授業用サイト（本サイト）
- Microsoft Teams（授業に関するお知らせ）
- 学科サイト（課題の公開）
評価方法
Webサイト成果物(内容、ビジュアル、ユーザビリティ、技術水準）を70%
企画報告・中間報告等のプレゼンテーションを30%として総合的に評価
出席登録
出席簿 ※確認用
今日の内容
- 初回アンケート ※4/10〜
- CLノートについて
- デジタルラボの使い方
- ログイン方法
- 授業時間以外に部屋を使いたい場合
- 作業環境の確認
- Web制作に関する基本用語・技術
- Webページ制作の練習
- Visual Studio Codeの基本操作
作業環境について
作る（書く）→ （テキスト）エディタ
- Mac：テキストエディット、mi、など
- Windows：メモ帳、さくらエディタ、など
- 共通：Visual Studio code、Sublime Text、など
※授業ではVisual Studio codeを使います
見る→（ウェブ）ブラウザ
- Safari
- Google Chrome
- Firefox
- Microsoft Edge
…など
コンピュータ、タブレット、スマートフォンなど、様々な端末で閲覧します
アップロードする→ FTPクライアント
…など
素材制作のためのソフト
- Adobe Illustrator
- Adobe Photoshop
- Adobe XD
- Figma
…など