• Skip to primary navigation
  • Skip to main content

Nagashima Laboratory

  • Home
  • Lecture
  • Note
  • Index
  • About

Webデザイン演習 2025 1Q(3)

2025/04/23 3・4限 DL503

今日の内容

HTMLのタグの意味を確認しながら、どのように表示されるのかを1つ1つ実際にHTMLファイルを作成していきます。タグごとにファイルを作成し、GitHubにアップロードします。

FTPについて(補足)

  • ファイルのアップロード

HTML

  • 基本のHTMLタグ
  • Visual Studio Codeの基本操作

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

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

Githubについて

  • GitHubアカウントの作成・データアップロード
  • GitHub Copilot
  • 前回欠席していてアカウント未作成の人はまずアカウントから行います

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

2025-04-21 (Last Modified: 2025-04-21) Category: Webデザイン演習, 授業

Copyright © 2023–2025 · Nagashima Sayuri Laboratory