HTML・CSSを使って簡単なホームページを作成する動画シリーズ（全10回）をYoutubeチャンネルで公開

2022.06.14 10:30

PR TIMES

株式会社セルリア
基礎的なサイト作成を通してHTML・CSSの実践的な知識を身につけられます。

Webサイト制作・マーケティング支援サービスを提供する株式会社セルリア(所在地：東京都新宿区、代表取締役：佐藤靖将)のYouTubeチャンネルにて、初心者の方向けにHTML・CSSを使って簡単なホームページを作成する動画シリーズを公開しました。

■より実践的にHTML・CSSの知識を学びたい方向けのシリーズ
HTMLやCSSを使ってWebサイトを作れるようになりたいと考えている方向けに、簡単なWebサイトを制作しながら実践的な知識を身につけられる動画シリーズを公開。
順番にご覧いただくことで、最初のHTML・CSSのファイルを作成するところから、制作したWebサイトのレスポンシブ化まで、Web制作におけるHTML・CSSの基礎知識を網羅的に学ぶことができます。

----------------------------------
●セルリアYouTubeチャンネル
https://www.youtube.com/channel/UCJmr9i6qxSPWNcgWZ0C2uCA

●【全10回】基礎的なshopサイトを動画を見ながら一緒に制作しよう！
https://www.youtube.com/playlist?list=PLPiRNCDwUiBg8jvBLV42Y5Hz1PlDlX9gI
----------------------------------

■「パン屋のサイト」をモチーフに基礎的なWebサイトを作る
HTML・CSSを使って簡単なホームページを作成する動画シリーズではパン屋のサイトをモチーフに基礎的なWebサイトを制作します。

イチからWebサイトを制作するので、まずはHTML・CSSのファイルを作成して、Webサイトのヘッダーから作っていきます。

手を動かして学べる！基本的なshopサイト制作講座１.(HTML・CSSファイル/ヘッダー部の作成)
https://www.youtube.com/watch?v=_RR7M7dwSXM

ヘッダーの次は、Webサイトの印象を大きく左右するヒーローヘッダーを作成します。
ヒーローヘッダーとは、ファーストビュー(サイトを訪問した際に最初にユーザーの目に入る範囲)に全画面の画像・動画の上に伝えたいメッセージやメニューを設定したヘッダーです。

多くのWebサイトに取り入れられているヒーローヘッダーも作っていきます。

手を動かして学べる！基本的なshopサイト制作講座２.(ヒーローヘッダー/ボタンの作成)
https://www.youtube.com/watch?v=XEzsRjgrUpI

■問い合わせページや店舗概要ページなどもわかりやすく
Webサイトでは、お問い合わせページやフォームが必要とされることが多いです。
実際のWeb制作現場でも役立てられる問い合わせページ・フォームの作成方法も解説しています。

手を動かして学べる！基本的なshopサイト制作講座５.(お問い合わせページ)
https://www.youtube.com/watch?v=XMjHAO30_wA

また、表を設置したり地図をページ埋め込んだりした店舗概要ページの作り方も解説しています。
表の作成方法や埋め込みの方法は店舗概要ページだけでなく、トップページや他の下層ページにも役立てることができます。

手を動かして学べる！基本的なshopサイト制作講座４.(リンクの作成/テーブル/地図の埋め込み)
https://www.youtube.com/watch?v=O5JFFl1VvYw

■レスポンシブ化にも対応
パソコンだけでなく、スマートフォンやタブレットなど、Webサイトはいろいろなデバイスで閲覧されます。
あらゆる画面サイズに対応する必要が出てきたことから、レスポンシブwebデザインでWebサイトを制作するケースも非常に多いです。

本シリーズの動画では制作したWebサイトをレスポンシブ化する方法も解説しています。

手を動かして学べる！基本的なshopサイト制作講座７.(レスポンシブとは/viewポート・メディアクエリの設定)
https://www.youtube.com/watch?v=DeZWkDnECDA

■株式会社セルリアのホームページ制作サービス

株式会社セルリアは「集客力を強化する」をコンセプトとしたホームページ制作サービスを提供しています。

------------------------------------------------------------
★ホームページ制作・リニューアル
https://selrea.jp/web-production/
------------------------------------------------------------

手軽に長くお使いいただけて、集客やブランディングにも貢献できるWebサイトの制作を得意としております。
ホームページをリニューアルしたい、新しくWebサイトを立ち上げたい方はぜひご活用ください。

当社は高品質なWebサイトを提供し続けられるよう企業として努める一方で、エンジニアの育成・学習支援にも力を入れております。

今回の動画シリーズが、プログラマー・エンジニアを目指す初学者の方の一助になれば幸いです。

----------------------------------------
■株式会社セルリア企業情報
代表：佐藤靖将
設立：2016年1月18日
事業内容：Webマーケティング支援事業
Webサイト：https://selrea.jp/
----------------------------------------