千貫りこのいちばんやさしいホームページ制作講座

受講料
開講日・お申し込み
アクセス
講師

インターネットで誰でも手軽に情報発信できる時代。「SNSを使えばお知らせも宣伝もできるからホームページなんていらない」という考え方もありますが、やはりホームページを持っている企業やお店の方が信頼できる気がしませんか？

かつては“ホームページ上ですべての情報を発信するのが当然”とされていましたが「普遍的なメッセージや所在地情報などはホームページ」「リアルタイム性の高い情報はSNS」のように、情報の種類によって発信の場を使い分けることでホームページをぐんとスリム化できます。数ページ構成のシンプルなホームページなら、プロに頼まず自分で構築するのも夢ではありません。

本講座を受講すると、ホームページを作って公開するまでに必要な“基本のあれこれ”をひととおり押さえることができます。講師の話をただ聞くだけでなく、自分の手を動かしながら受講していただくスタイルなので、知識が自然と身につきます。動画や書籍を使った学習で挫折してしまった方も、実感をともないながらおさらいすることで理解を深められるでしょう。

プロのクリエイターを目指している方は、“最初の一歩”として本講座を受講していただくことで“次の一歩”を踏み出す先が見えてくるかもしれません。また、就職（転職）活動に必要なポートフォリオサイト制作のお手伝いになればうれしいです。

修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

ホームページ制作の基本を理解する
制作から公開までの流れを知る
小規模のホームページを制作できる

カリキュラム概要

ホームページ制作に必要なもの
- 画像（動画）編集アプリ
- テキストエディター
ホームページの制作の基本
- ページを構成するデータ
- 制作の流れ
コンテンツ制作
- 画像、動画
- テキスト原稿
デザイン、コーディング
- Figmaを使ったページデザイン
- 実装
- マークアップ（HTML）
- スタイリング（CSS）
- レスポンシブレイアウト

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

配布教材: ・デザインの学校これからはじめる HTML & CSSの本［Windows 10 & macOS対応版］（技術評論社）
・補足オリジナルテキスト

＊講座終了後はそのままお持ち帰りいただけます。
使用アプリケーション: ・Visual Studio Code
・Markdown All in One（Visual Studio Codeプラグイン）
・Markdown Preview Enhanced（Visual Studio Codeプラグイン）
・FileZilla
・Google Chrome
・Figma
受講環境: ・Visual Studio Code（最新バージョン）
・Google Chrome（最新バージョン）
ご持参していただくもの: ・受講用のノートPC（Mac又はWindows）
・Visual Studio Code ※当日までに以下の拡張機能を追加しておいてください。
・Markdown All in One（Visual Studio Codeプラグイン）
・Markdown Preview Enhanced（Visual Studio Codeプラグイン）
・Google Chrome
・当日までに https://www.figma.com/ にて無料アカウントを作成しておいてください。
講師: 千貫りこ
定員: 12名
このような方におすすめ: ・ホームページをゼロから作ってみたい方
・ホームページ制作の基本を効率的に学習したい方
・実習を通してHTML/CSSを学びたい方
・ホームページ制作の仕事に就きたい方