Doorkeeper

武器になるHTML

2024-02-08(木)21:00 - 23:00 JST
オンライン リンクは参加者だけに表示されます。
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

参加費無料
アーカイブは、サブスク、または、STORESからお願いします

詳細

Webページを構築する根幹となる言語「HTML」の基本から、初学者の方が学習する際に詰まりやすいポイントなどを『武器になるHTMLの著者であるシバタヒロノリさんに解説いただきます。

「当日の視聴は無料」スタイルで開催します。ぜひ、ご参加ください!

CSS Nite、DTP Transitのオンラインセミナーのアーカイブを管理しやすく利用いただけるように、2024年2月の開催分から次のように変更します。

  • 単品での購入:STORES
  • アーカイブ見放題の「サブスク」:Circle

2024年以降の開催分をすべてカバーするサブスクもはじめました。

武器になるHTML

HTMLはWebページを構築する上で根幹となる言語です。記述ルール自体はそれほど難しい言語ではありませんが、マークアップ次第で特定のユーザーにページの情報が正しく伝達されなくなる可能性もあるため、それなりに奥が深い言語でもあります。

しかしながら、HTMLだけでは見た目の華やかなWebページを構築するのは困難で、レイアウトや装飾を行うにはCSSを用いる必要があります。

そのため、初学者の中にはHTMLの学習はそこそこに、CSSの学習を中心に行なっている方も多いのではないでしょうか。

CSSの多くは「目が見える方向け」の機能です。スクリーンリーダーを利用して耳や指で情報を得ているユーザーにも利用できるWebページを構築するには、やはりHTMLが大切になってきます。

そこで本セッションでは、初学者の方がHTMLを学習する際に詰まりやすいポイントをピックアップしてHTMLを解説します。

具体的には以下のポイントを解説します(予定)。

  • HTMLとは
  • 要素の配置ルール
  • 見出しのレベル
  • em、strongの使い分け
  • 相対パス
  • 画像のalt属性
  • フォームのコントロール部品

これらのポイントを通して、セマンティックやアクセシビリティを意識しながらHTMLの学習を進めることで、自信を持ってマークアップができるようになると思います。

一緒にマークアップを楽しみましょう!

やらないこと

  • テキストエディタ(VSCode)のダウンロードやインストール方法
  • テキストエディタ(VSCode)の使い方
  • 基本的なHTMLの書き方
  • スクリーンリーダーの使い方

『武器になるHTML』

セミナー参加に書籍は不要ですが、ご興味ある方はぜひ、ご覧になってください!

出演

シバタヒロノリさんにお話しいただきます。

柴田 宏仙シバタヒロノリ

大阪のフリーランスWebクリエイター。

2012年よりWebデザインスタジオ Qlio を設立し、フリーランスとしてWebサイト制作の事業をはじめる。

Webサイトの企画戦略からデザイン、コーディングなど、Webサイト制作全般を主な業務内容として活動。

その後、YouTubeを活用したWebサイト制作の学習コンテンツ CreatorQuest というWebサイトを公開したり、Webクリエイターを養成するオンラインサロン Shibajuku を立ち上げて運営を行っている。

また、大阪の専門学校にて夜間のWebデザイン学科の非常勤講師としても活動している。

拙著『武器になるHTML』(2022年 / 技術評論社)

イベント概要

YouTube Liveにてライブ配信します。

お申し込みと参加費

  • 当日の視聴は無料です。
  • 参加にはお申し込みが必要です。受け付けは終演時刻まで。

フォローアップ

スライドなどのフォローアップは、サブスク/アーカイブ単品購入の方限定のコンテンツです。

 スライド動画補足
お申し込みのみ
サブスク
アーカイブ単品購入

アーカイブ視聴のURLは、配信用のURLとは異なります。

「サブスク」をはじめます

CSS Nite、DTP Transitのオンラインセミナーのアーカイブを管理しやすく利用いただけるように、2024年2月の開催分から次のように変更します。

  • アーカイブ見放題の「サブスク」:Circle
  • 単品での購入:STORES

「サブスク」(定額サービス)の仕組みによってコスパよく利用いただけます。 ライブ配信は、従来通り「当日の視聴は無料」スタイルを継続します。「サブスク」の加入にかかわらず、誰でも見られます。

なお、Circle、STORESにおいて、CSS NiteとDTP Transitの両方をカバーするブランド名として「CeeBeeDee(シー・ビー・ディー)」を使いはじめます。

サブスクの有無にかかわらず、開催情報などをCircleに集約していきます。

アーカイブの単品購入はSTORESから

2024年の開催分からアーカイブの購入方法が変わりました。

  • アーカイブはSTORESから購入なさってください。
  • 終演時刻までは1,100円OFF(34%)です。

詳細はnoteをご覧ください。

インボイス対応の領収書については、こちらのnoteをご覧ください。

配信に関してのあれこれ

noteにまとめていますので、ご一読ください!

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです!

  • 20:30-20:45 開演前
  • 21:55-22:05 休憩時間(前後することがあります)

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

協力企業のご紹介

本イベントには、下記の企業の協賛、協力をいただいています。

また、多くの制作会社に協賛いただいています。

2024年のCSS Niteへの年間協賛を募集中。検討くださいますと幸いです。

株式会社ウェブライダー 株式会社ゴンウェブイノベーションズ un-T factory! 株式会社ヘルツ 株式会社コンセント 株式会社トゥーアール(to-R) 株式会社LINICA 株式会社サービシンク

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。
https://cssnite.doorkeeper.jp/contact/new?event_id=168726

コミュニティについて

CSS Nite

CSS Nite

CSS Nite(シーエスエス・ナイト)は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2022年10月で丸17年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、800回を超える関連イベントを通して、のべ75,000名...

メンバーになる