Nagashima Laboratory

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

2026/04/21　3・4限　DL501

今日の内容

FTPでのアップロード体験を行い、引き続きHTMLの文法に触れて行きます。今回は、ページの構造をつくるのに使用するHTMLタグ（セマンティックHTML）を扱います。

FTPについて

HTML

学科サイトの編集

GitHubについて（復習）

※前回欠席していてアカウント未作成の人は空き時間などを使用してアカウント作成を行っておくようにしてください

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　※要ログイン