Nagashima Laboratory

Webデザイン演習 2026　1Q（2）

2026/04/14　3・4限　DL501

今日の内容

HTMLの解説に入ります。細かな文法的な話に入る前に、HTMLの記述体験をし、アップロードして公開する、という一連の流れを行います。演習の中で作成するファイルは都度アップロードして公開していきますので、その手順について説明します。

Webページ制作の練習

学科サイトの編集

Githubについて

HTML

HTMLの演習手順

タグの種類ごとにサンプルデータを作っていきます

  1. フォルダをつくります（HTMLタグの説明の下に指定のフォルダ名を書いています）
  2. エディタで新規ファイルを作成します。index.htmlと命名し、指定のフォルダに保存します。
  3. HTMLの基本フォーマットを入力します。Visual Studio Codeの場合は、! + Tabキーで入力できます
    →Visual Studio Codeの基本操作
  4. <body>と</body>の間に、タグのサンプルコードを貼り付けます。タグ以外の日本語部分は、適宜書き換えOKです。
  5. GitHubで新規リポジトリを作成。ファイルをアップロード、GitHubページを公開します
    →GitHubでの手順
  6. 学科サイトの自分のページにGitHubページのURLをリンクします

出席登録

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

授業録画

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

Moodle　※要ログイン