HTML・CSSを使って簡単なホームページを作成する動画シリーズ(全10回)をYoutubeチャンネルで公開
PR TIMES / 2022年6月14日 13時45分
基礎的なサイト作成を通してHTML・CSSの実践的な知識を身につけられます。
Webサイト制作・マーケティング支援サービスを提供する株式会社セルリア(所在地:東京都新宿区、代表取締役:佐藤 靖将)のYouTubeチャンネルにて、初心者の方向けにHTML・CSSを使って簡単なホームページを作成する動画シリーズを公開しました。
[画像1: https://prtimes.jp/i/23984/40/resize/d23984-40-0539c74d73e5517785a0-1.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サイト制作講座1.(HTML・CSSファイル/ヘッダー部の作成)
https://www.youtube.com/watch?v=_RR7M7dwSXM
ヘッダーの次は、Webサイトの印象を大きく左右するヒーローヘッダーを作成します。
ヒーローヘッダーとは、ファーストビュー(サイトを訪問した際に最初にユーザーの目に入る範囲)に全画面の画像・動画の上に伝えたいメッセージやメニューを設定したヘッダーです。
多くのWebサイトに取り入れられているヒーローヘッダーも作っていきます。
[動画2: https://www.youtube.com/watch?v=XEzsRjgrUpI ]
手を動かして学べる!基本的なshopサイト制作講座2.(ヒーローヘッダー/ボタンの作成)
https://www.youtube.com/watch?v=XEzsRjgrUpI
■問い合わせページや店舗概要ページなどもわかりやすく
Webサイトでは、お問い合わせページやフォームが必要とされることが多いです。
実際のWeb制作現場でも役立てられる問い合わせページ・フォームの作成方法も解説しています。
[動画3: https://www.youtube.com/watch?v=XMjHAO30_wA ]
手を動かして学べる!基本的なshopサイト制作講座5.(お問い合わせページ)
https://www.youtube.com/watch?v=XMjHAO30_wA
また、表を設置したり地図をページ埋め込んだりした店舗概要ページの作り方も解説しています。
表の作成方法や埋め込みの方法は店舗概要ページだけでなく、トップページや他の下層ページにも役立てることができます。
[動画4: https://www.youtube.com/watch?v=O5JFFl1VvYw ]
手を動かして学べる!基本的なshopサイト制作講座4.(リンクの作成/テーブル/地図の埋め込み)
https://www.youtube.com/watch?v=O5JFFl1VvYw
■レスポンシブ化にも対応
パソコンだけでなく、スマートフォンやタブレットなど、Webサイトはいろいろなデバイスで閲覧されます。
あらゆる画面サイズに対応する必要が出てきたことから、レスポンシブwebデザインでWebサイトを制作するケースも非常に多いです。
本シリーズの動画では制作したWebサイトをレスポンシブ化する方法も解説しています。
[動画5: https://www.youtube.com/watch?v=DeZWkDnECDA ]
手を動かして学べる!基本的なshopサイト制作講座7.(レスポンシブとは/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トップへ
この記事に関連するニュース
-
“Webの国家資格”を取得してキャリアアップに生かそう!5/16(木)無料セミナー「ウェブデザイン技能検定3級試験 ポイント解説 第4回 実技編」
PR TIMES / 2024年5月1日 10時15分
-
祝2周年記念!Amazonギフトカード5,000円分プレゼントキャンペーン実施中。ゴールデンウィークはrimomoでWebデザインを学ぼう!
PR TIMES / 2024年4月24日 19時15分
-
【Webクリエイター向け】“Webの国家資格”を取得してキャリアアップに生かそう!5/9(木)無料セミナー「ウェブデザイン技能検定3級試験 ポイント解説 第3回」
PR TIMES / 2024年4月20日 10時15分
-
“Webの国家資格”を取得してキャリアアップに生かそう!5/2(木)無料セミナー「ウェブデザイン技能検定3級試験 ポイント解説 第2回 学科:ウェブデザイン技術編」
PR TIMES / 2024年4月10日 10時15分
-
「基礎から学ぶ Tailwind CSS」発売!
PR TIMES / 2024年4月8日 14時45分
ランキング
-
1いきなり!ステーキが、名物「オーダーカット」を廃止していた! ピークから5年、経営再建の現在を探る
ITmedia ビジネスオンライン / 2024年5月6日 6時30分
-
2円高でも日本株が急落しない理由。トヨタどうなる、決算発表ラッシュで底堅い!?
トウシル / 2024年5月7日 13時40分
-
3「ブラザー工業のTOB案」にローランドDGが大反論 DG常務「傘下に入ると営業利益が50億円下押し」
東洋経済オンライン / 2024年5月7日 10時0分
-
4「ようやく再出発」ダイハツ本社工場で生産再開 国内の全工場が稼働に 停止から約4か月半…従業員「やっぱり長かった」
MBSニュース / 2024年5月7日 9時20分
-
5思わずクリック「フィッシング詐欺」メールの巧妙 専門家も見極め困難、2要素認証と「意識」が大切
東洋経済オンライン / 2024年5月7日 8時0分
記事ミッション中・・・
記事にリアクションする
記事ミッション中・・・
記事にリアクションする
エラーが発生しました
ページを再読み込みして
ください