【体験レッスン】ポートフォリオサイトを作って学ぶWebデザイン入門

対面 オンライン

4800時間以上教えてきた訓練校の現役講師が指導!就活に役立つ「自分を魅せるポートフォリオサイト」を作成しながら基礎スキルが身につく

こんなことを学びます

ポートフォリオサイトを作りながら学べるWebデザイン入門講座。
全10回の講座をあなたのペースで学べるオンライン講座です。

デザイナー・クリエイターだけど、自分のポートフォリオをWebに掲載したい。
今年こそ!HTML/CSSの基礎を身につけたい!
自分のホームページを自力で作ってみたい!
自分のホームページの簡単な編集は、自分でできるようになりたい。

この講座は、そんなあなたのために作りました。

単発講座なので、あなたの隙間時間に合わせて、自分のスケジュールで受講できます。日程については、個別にご相談に応じますので、【開催リクエスト】からご連絡ください。

<こんなことを学びます>
職業訓練校・デザイン学校の現役講師がやさしく教えるWebデザイン基礎入門講座です。Webデザインの基礎やポートフォリオの作り方など講師自作のオリジナルテキストを用いて優しく指導します。社会人も学生も、あなたのペースに合わせて受講できます。これから就活するためのポートフォリオサイトを作成する方やWebデザインの基礎知識を身に付けたい方にオススメです。

職業訓練校・デザイン学校などで、250名以上、延べ4800時間以上(2025年5月現在)教えてきた講師だから、初心者がよくつまづいてしまう点も熟知しています。きめ細やかなフォローを心がけていますので、お気軽にご活用ください。働きながらデザインの学習を進めたい方のため、お仕事が終わった後の夜20時などに開講しています。(※曜日により変動あり)


<狙い・目標>
インターネットやWebに苦手意識のある人でも、Webデザインの基礎知識や就活で必要なポートフォリオサイト作成に役立つ最低限の知識をしっかりと身につけることを目標としています。

・採用担当者の目に留まるポートフォリオを作る
・コーディング環境の準備
・インターネットやサーバーなどについての概念を知る
・HTML/CSSの基礎知識と書き方を身につける
・HTML/CSSコーディングの実践


<概要>
就活に役立つポートフォリオサイトを作成したい人、Webデザインの基礎を身に付けたい人のためにマンツーマンでの入門講座をオンラインで開講。自分を魅せるポートフォリオの作成方法を中心にWebデザインの環境設定からHTML/CSSの基礎知識まで学べます。


<こんな人に向いてます(対象となる人)>
・自分で作成した作品を整理してWebに載せたい方。
・自分で1からポートフォリオWebサイトを作りたい方。
・就活で採用担当者があなたに会いたくなるポートフォリオを作成したい方。
・人事移動などで急にホームページの管理を任されることになった方。
・Web系の会社に就職するために基礎知識を身に付けたい方。
・Webデザインのテキストを専門用語を理解しながら読めるようになりたい方。
・自分のペースでWebデザインの学習を進めたい方。


<この講座では、こんなことが学べます>

・採用担当者に印象付けるサイトとは?
・コーディングの環境設定と準備
・Webデザイン基礎知識 HTML編
・Webデザイン基礎知識 CSS編
・Web基礎知識 よく使うHTMLタグ
・Web基礎知識 よく使うCSSプロパティ
・Web基礎知識 簡単CSSレイアウト
・サイト制作の流れ・サーバー設定
・自己PR文作成
・サイトマップ作成
・ワイヤーフレーム作成
・デザインカンプ作成
・自己PRサイトのコーディング実践

<準備するもの>
パソコン

<定員>
基本1名 (マンツーマンでレクチャーします)
続きを読む

3月18日(水)

13:00 - 14:30

大阪 / 本町・淀屋橋

予約締切日時

3月17日(火) 13:00

定員

1人

開催場所

堺筋線 北浜駅 徒歩7分

※住所は予約後にマイページに表示

価格(税込)

¥8,888

お支払方法

Amazon PayPayPal
ノートパソコンを必ずご持参ください。
  • 3月18日(水)

    13:00 - 14:30

    大阪 / 本町・淀屋橋

  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
2人が受けたい登録しています

対面受講日程

3月18日(水)13:00 - 14:30

¥8,888

Amazon PayPayPal
定員1人
場所堺筋線 北浜駅 徒歩7分
※住所は予約後にマイページに表示

参加できる日程がありませんか?
先生に開催リクエストを送ってみましょう。

対面受講料に含まれるもの

【対面講座の受講について】
初回の体験レッスンは、対面でもオンラインと同じ受講料で受講が可能です。

キレイなオフィスの一室(コワーキングオフィス内のミーティングルーム)やカフェなどを利用して、マンツーマンでレクチャーいたします。当日、受講いただく場所については、ご予約後こちらよりご連絡いたしますので、予約画面から必ずご確認いただき、当日はお忘れなくご参加下さい。

原則前日までのご予約をお願いしております。場合により、日程の変更や時間の変更が少し必要になる場合がありますので、ご了承下さい。

【Google Chrome / VS Code / FileZilla について】
当講座ではコーディングに必要な「VS Code」とネット上にアップロードする際に必要な「FileZilla」、アップロードしたサイトを確認するためのブラウザ「Google Chrome」を使用する予定です。

全て無料でダウンロードができますので、講座をスムーズに進める為にも事前にインストールをお願いします。受講される前日までにインストールの方法を記載したテキストをお渡しします。

もしインストール方法がわからない場合は、講座中にお伝えすることも可能ですので、ご安心ください。

オンライン受講日程

価格(税込)¥8,888

オンライン受講料に含まれるもの

テキストなど
講座のご予約いただいた翌日、または講座開催日の当日に、講座で使用するテキストをお送りします。当日は主にこのテキストに沿って進めていきます。本講座には、このテキスト代も含まれています。

講座で使用するコーディングに必要なVS CodeやFileZillaは、無料でダウンロードできます。

この講座の先生

やさしい言葉で教える現役デザイナー・職業訓練校講師

【現役デザイナーでデザインスクール・職業訓練校WEBデザイナー養成クラスの講師が直接指導します!】


音楽スタジオのレコーディングエンジニア、BS放送のサウンドエンジニアなどを経た後、自分の夢と向き合い、カリフォルニア州サンノゼにて、小型飛行機の操縦ライセンスを取得。

帰国後、デザイナーを志し、3DCGやWebデザインの研究をしながら、USJのオープニングクルーとしてアトラクション立ち上げにも携わる。

その後、ソフトウェア会社の商品企画・デザイン担当、楽天やYahooショッピングのネットショップ店長などを歴任した後、独立。

...
+続きを読む

当日の流れとタイムスケジュール

90分 必要に応じて、途中10分程度休憩することがあります。

ー当日の流れー

初日の授業内容例

・講師自己紹介

【Webデザイン基礎知識 HTML編】
・インターネットとは?
・Webサイトとは?
・サーバーとブラウザについて
・グラフィックとの違い
・コーディングの環境設定と準備
・HTML/CSSについて
・コーディング実践

・その他(個人的に聞いておきたい事など質問にも応じます)
・あなたのキャリア相談や質疑応答など
続きを読む

こんな方を対象としています

Webデザインの初心者から、Webサイトをちょっと触ったことがある方、Webデザインの基礎を学び直したい方、コーディングの基礎を身につけたい方、自分でポートフォリオサイトを作りたい方にもオススメです!

パソコンの基礎知識とインターネットやメールの文章が普通にタイピングできる程度の基礎スキルをお持ちであれば、誰でも受講可能です。
続きを読む

受講する際は以下をお読み下さい

<受講する際は以下をお読みください>
(参加する前に必ずお読みください)

【オンライン講座の受講について】
オンライン講座では、ZOOMを使用します。受講前にアプリの準備と動作テストをお願いします。なお、当日は、画面をONにして、お互いにコミュニケーションを取りながらのレッスンとなりますので、顔出しがNGの方の参加は、ご遠慮いただいておりますので予めご了承下さい。

ご予約いただくと、レッスンの前日までにZOOMの参加リンクを発行いたします。予約画面から必ずご確認いただき、当日はお忘れなくご参加下さい。

【Google Chrome / VS Code / FileZilla について】
当講座ではコーディングに必要な「VS Code」とネット上にアップロードする際に必要な「FileZilla」、アップロードしたサイトを確認するためのブラウザ「Google Chrome」を使用する予定です。

全て無料でダウンロードができますので、講座をスムーズに進める為にも事前にインストールをお願いします。受講される前日までにインストールの方法を記載したテキストをお渡しします。

もしインストール方法がわからない場合は、講座中にお伝えすることも可能ですので、ご安心ください。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

Webデザインのおすすめの先生Webデザインの先生を探す

Webデザインの関連カテゴリーから講座を探す

先生のスキルから探す

関連エリアから探す