| 当日の視聴のみ | Free |
Registration closes
31 Oct 23:00 |
|---|---|---|
| 個人（スライド、アーカイブ視聴付き） | ¥2,200 prepaid |
Registration closes
31 Oct 23:00 |
| 個人／フリーランス（スライド、アーカイブ視聴付き） ※経費として | ¥5,500 prepaid |
Registration closes
31 Oct 23:00 |
| 法人（スライド、アーカイブ視聴付き） | ¥11,000 prepaid |
Registration closes
31 Oct 23:00 |
| 「無料」のチケットから「アーカイブ視聴を含む」のチケットに切り替えるには、ご自身でキャンセルしてから再度お申し込みください（終演時刻まで）。終演後はSTORES、および、サブスクでもアーカイブを扱っています。 | ||
今やStudioなどのノーコードツールで手軽にサイト制作ができます。ですが、HTMLとCSSの基礎を理解しているかどうかで、できることの幅は大きく変わります。文章を構造化するHTML、レイアウトや装飾を行うCSSは、Webサイトや電子書籍の制作に欠かせない基礎知識です。こばやすさんと一緒にサンプルページを実際にコーディングしながら学んでいきます。
「リアルタイム視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！
Webサイト制作は「ノーコードツールで手軽に作る方法」と「コードを書いて構築する方法」の2つに大きく分けられます。本セッションではその違いを整理しながら、Webサイトの基本である HTMLとCSS をゼロから学ぶ意義を解説します。
AIが進化した今でも、なぜHTML・CSSを学ぶ必要があるのか？ どこまで理解すれば仕事に活かせるのか？ 実例を交えながら紹介します。さらに、実際にプロフィールページを題材に、HTMLで文章を構造化し、CSSでレイアウトや装飾を加えるハンズオンにも取り組みます。Visual Studio Codeの基本操作や、Google Chromeの検証機能の使い方も取り上げ、効率的な学習法までフォローアップします。
「Webサイト制作の基礎をしっかり身につけたい」という方に向けた、実践的かつ入門者にやさしい内容です。
4つのWebサイトを作る過程を体験しながら、HTMLとCSSの書き方の基本から応用までを解説した書籍。
シンプルなWebサイトの作成から始まり、スマートフォン、タブレットに対応したレスポンシブサイトまで作ることができます。
さらにWebサイトのデザインを作成するときに押さえておきたいポイントも解説しているので、Webデザインの基礎を学びたい方にも役立ちます。
また初心者の美咲とベテラン制作者の羊先輩による会話形式の解説や、つまづきやすい部分には豊富な図解を掲載しているので、初めてWeb制作に挑戦する方でも楽しみながら理解を深められます。
IT系企業インハウスWebデザイナー｜Web制作歴10年以上｜Adobe Community Expert
個人の活動として講師、プロダクトデザイン、Webコンテンツ企画と制作を行っている。
XではWeb制作の現場で感じたこと、Instagramではデザイン制作のTIPSを発信。
鷹野 雅弘（CeeBeeDee/CSS Nite/DTP Transit）が“聞き手”を担当し、リアルタイムでチャットでの質問などを拾っていきます。
株式会社スイッチ
グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。
2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。
10年ぶりの全面改定となる『10倍ラクするIllustrator仕事術』（改訂第3版）を2024年10月に出版。
YouTube Liveでライブ配信します。
スライドなどのフォローアップ（アーカイブ）は、アーカイブ購入／サブスクの方限定のコンテンツです。
次の3つの方法があります。いずれかを選択なさってください。
| 購入方法 | 個人 | 法人 | 受け取り | 備考 | |
|---|---|---|---|---|---|
| 金額 | |||||
| 終演まで | その後 | ||||
| Doorkeeper （単品） | 2,200円 | - | 11,000円 | 終演時刻にメールを送信（info@doorkeeper.jpから送信されます） | 「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。 |
| STORES （単品） | 3,300円 | 11,000円 | 購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります（アーカイブ動画や特典の掲載はイベント終了後） | ユーザー登録してから申し込むと、［マイページ］の［購入履歴］から、後からダウンロードできます。 | |
| サブスク | 4,400円（3ヶ月） | 詳細 | ［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。 | 法人は別途 | |
| 17,600円（1年） | |||||
各URLは、YouTubeの概要欄にも掲載しています。
YouTube Liveで配信します。
https://youtube.com/live/_S6P0cMJQIs?feature=share
X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。
配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。
インボイス対応の領収書が必要な方は、アーカイブ購入者向けのNotionからPDFをダウンロードしてご利用ください。
所轄税務署、インボイス制度電話相談センターなどに相談し、次のようにすることにしました。
本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！
一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga
CSS Nite、DTP Transitのオンラインセミナーのアーカイブをリーズナブルに、また、管理しやすく利用いただけるように、「サブスク」（定額サービス）をご用意しています（Circleというサービスを利用しています）。
年間で50近く開催されますので、1本あたり400円を切る計算です。ぜひ、ご利用ください！
アーカイブ動画だけでなく、スライドのダウンロードも可能ですので、ざっと内容を把握しておきたい場合にも適しています。
次の手順でお申し込みください。
本イベントには、下記の企業の協賛、協力をいただいています。
また、多くの制作会社に協賛いただいています。
通年で協賛を募集しています。検討くださいますと幸いです。
問い合わせはDoorkeeperのフォームからお送りください。
2005年にDTP制作者向けの情報サイト（ブログ）としてスタート。株式会社スイッチ、および、関係メンバーが日々の仕事の中で共有すべきと思われるトピックを記事にしてきました。 現在はTwitter、noteにて効率的なデザイン制作を行うための情報を発信。 https://twitter.com/DTP_Transit また、月に1回くらいペースでYouTube Liveでオンラインセミナー...
Join community