はじめてのサイト制作

当日の流れ（60分）

0〜5分｜ごあいさつ・今日のゴール確認

簡単な自己紹介と、講座の流れをご説明します。

今回のゴールは、自分でHTMLを書いて、ブラウザに表示させること！

初めての方でも、一緒に画面を確認しながら進めていきます。

5〜15分｜VS Codeの準備

ホームページ制作に使用する無料のコード編集ソフト「Visual Studio Code（VS Code）」を準備します。

すでにインストール済みの方は、そのまま次の準備へ進みます。

まだインストールしていない方や、「インストール方法が分からない」という方は、講座内で一緒に進めますのでご安心ください。

15〜20分｜ホームページの仕組みを知ろう

実際に作り始める前に、

* HTMLって何？
* VS Codeは何に使うの？
* ブラウザに表示される仕組み

などを初心者の方向けに簡単にご説明します。

20〜30分｜ホームページを作る準備

実際にVS Codeを操作します。

* 作業用フォルダを作る
* VS Codeでフォルダを開く
* index.htmlを作る
* ファイルを保存する

一つずつ一緒に操作していきます。

30〜40分｜HTMLを書いて画面に表示してみよう

いよいよHTMLを書いてみます。

まずは簡単な文字を入力して保存し、作ったindex.htmlをブラウザで開きます。

自分で入力した文字がブラウザに表示されたら成功です！

40〜50分｜見出しや文章を作ってみよう

基本的なHTMLタグを使って、

* タイトル・見出し
* 自己紹介
* 好きなこと

などを表示して、自分だけの簡単なWebページを作ってみます。

「HTMLを書く → 保存する → ブラウザで確認する」という基本操作も練習します。

50〜60分｜復習・質問タイム

最後に今日行った操作を振り返ります。

分からなかったところや、もう一度確認したい操作についてもご質問いただけます。

講座終了時には、VS Codeを使ってHTMLを書き、自分で作ったWebページをブラウザに表示できる状態を目指します。

※VS Codeのインストール状況や受講者さまの進み具合によって、時間配分が多少前後する場合があります。

この講座は、ホームページ制作をゼロから学びたい初心者の方向けです。

* ホームページを自分で作ってみたい方
* HTMLを初めて学ぶ方
* Web制作に興味はあるけれど、何から始めればいいか分からない方
* 独学で挑戦したけれど、途中で分からなくなってしまった方
* HTMLやコードを見ると難しそう…と感じている方
* VS Codeを使ったことがない方
* VS Codeのインストール方法から教えてほしい方
* 将来的に自分のホームページを作れるようになりたい方
* Web制作を新しい趣味やスキルとして始めてみたい方

プログラミングやWeb制作の経験は必要ありません。

パソコン操作に不安がある方にも、実際の画面を確認しながら一つずつ進めていきます。

「まずは自分で書いたものをホームページに表示してみたい！」

そんなところから気軽に始めていただける入門講座です。

安心して講座にご参加いただくため、以下をご確認ください。

* 実際に操作しながら進めるため、**パソコン（WindowsまたはMac）**をご用意ください。
* 安定したインターネット環境でのご参加をお願いいたします。
* 講座では無料のコード編集ソフト「Visual Studio Code（VS Code）」を使用します。
* VS Codeをお持ちでない方や、インストール方法が分からない方は、講座内で一緒に確認しますのでご安心ください。
* すでにVS Codeをインストールされている方は、そのままご参加いただけます。
* 初心者向けの講座のため、プログラミングやHTMLの事前知識は必要ありません。
* 受講者さまのパソコン環境や進み具合によって、講座内容や時間配分が多少前後する場合があります。
* 分からないことがあれば、途中でもお気軽にご質問ください。

「パソコン操作に自信がない」「HTMLを一度も触ったことがない」という方も大歓迎です。

一緒に画面を確認しながら、ゆっくり進めていきます。