HTML・CSSを使って簡単なホームページを作成する動画シリーズ（全10回）をYoutubeチャンネルで公開
株式会社セルリア
基礎的なサイト作成を通してHTML・CSSの実践的な知識を身につけられます。
Webサイト制作・マーケティング支援サービスを提供する株式会社セルリア(所在地：東京都新宿区、代表取締役：佐藤 靖将)のYouTubeチャンネルにて、初心者の方向けにHTML・CSSを使って簡単なホームページを作成する動画シリーズを公開しました。
[画像1:
https://prcdn.freetls.fastly.net/release_image/23984/40/23984-40-2b270db11d633a9830a72f907e10f04c-1280x720.jpg ]
■より実践的に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サイトのヘッダーから作っていきます。
[動画1:
https://www.youtube.com/watch?v=_RR7M7dwSXM ]
手を動かして学べる！基本的なshopサイト制作講座１.(HTML・CSSファイル/ヘッダー部の作成)
https://www.youtube.com/watch?v=_RR7M7dwSXM
ヘッダーの次は、Webサイトの印象を大きく左右するヒーローヘッダーを作成します。
ヒーローヘッダーとは、ファーストビュー(サイトを訪問した際に最初にユーザーの目に入る範囲)に全画面の画像・動画の上に伝えたいメッセージやメニューを設定したヘッダーです。
多くのWebサイトに取り入れられているヒーローヘッダーも作っていきます。
[動画2:
https://www.youtube.com/watch?v=XEzsRjgrUpI ]
手を動かして学べる！基本的なshopサイト制作講座２.(ヒーローヘッダー/ボタンの作成)
https://www.youtube.com/watch?v=XEzsRjgrUpI
■問い合わせページや店舗概要ページなどもわかりやすく
Webサイトでは、お問い合わせページやフォームが必要とされることが多いです。
実際のWeb制作現場でも役立てられる問い合わせページ・フォームの作成方法も解説しています。
[動画3:
https://www.youtube.com/watch?v=XMjHAO30_wA ]
手を動かして学べる！基本的なshopサイト制作講座５.(お問い合わせページ)
https://www.youtube.com/watch?v=XMjHAO30_wA
また、表を設置したり地図をページ埋め込んだりした店舗概要ページの作り方も解説しています。
表の作成方法や埋め込みの方法は店舗概要ページだけでなく、トップページや他の下層ページにも役立てることができます。
[動画4:
https://www.youtube.com/watch?v=O5JFFl1VvYw ]
手を動かして学べる！基本的なshopサイト制作講座４.(リンクの作成/テーブル/地図の埋め込み)
https://www.youtube.com/watch?v=O5JFFl1VvYw
■レスポンシブ化にも対応
パソコンだけでなく、スマートフォンやタブレットなど、Webサイトはいろいろなデバイスで閲覧されます。
あらゆる画面サイズに対応する必要が出てきたことから、レスポンシブwebデザインでWebサイトを制作するケースも非常に多いです。
本シリーズの動画では制作したWebサイトをレスポンシブ化する方法も解説しています。
[動画5:
https://www.youtube.com/watch?v=DeZWkDnECDA ]
手を動かして学べる！基本的なshopサイト制作講座７.(レスポンシブとは/viewポート・メディアクエリの設定)
https://www.youtube.com/watch?v=DeZWkDnECDA
■株式会社セルリアのホームページ制作サービス
[画像2:
https://prtimes.jp/i/23984/40/resize/d23984-40-1c02f6e5a445f6e0926f-0.jpg ]
株式会社セルリアは「集客力を強化する」をコンセプトとしたホームページ制作サービスを提供しています。
------------------------------------------------------------
★ホームページ制作・リニューアル
https://selrea.jp/web-production/
------------------------------------------------------------
手軽に長くお使いいただけて、集客やブランディングにも貢献できるWebサイトの制作を得意としております。
ホームページをリニューアルしたい、新しくWebサイトを立ち上げたい方はぜひご活用ください。
当社は高品質なWebサイトを提供し続けられるよう企業として努める一方で、エンジニアの育成・学習支援にも力を入れております。
今回の動画シリーズが、プログラマー・エンジニアを目指す初学者の方の一助になれば幸いです。
----------------------------------------
■株式会社セルリア 企業情報
代表：佐藤靖将
設立：2016年1月18日
事業内容：Webマーケティング支援事業
Webサイト：
https://selrea.jp/
----------------------------------------
プレスリリース提供：PR TIMES
記事提供：PRTimes
