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クリエイター向け】Webサイト制作基礎セミナーをアーカイブ配信!10/4(金)「Vol.3 簡単にできるようになったCSSのいろいろ」(無料)
PR TIMES / 2024年9月19日 20時30分
-
Figmaが気になっている方におすすめ!Figmaの基本構造や特徴を丁寧に解説!! 10/7(月)無料セミナー「Figma入門ウェビナー」開催
PR TIMES / 2024年9月13日 10時15分
-
【生成AI】Adobe Fireflyで画像を生成し、アイデアの実現を効率的に行おう!10/3(木)無料セミナー「デモンストレーションを見ながら学ぶ『Adobe Firefly』の基本的な使い方」開催
PR TIMES / 2024年9月11日 10時45分
-
今話題のツール”Figma”の基本操作からワイヤーフレーム・デザインカンプ作成まで押さえる!eラーニング「Figma入門講座(全21回)」販売スタート!!
PR TIMES / 2024年9月5日 10時45分
-
【Web制作】HTMLとCSSの使い方を分解しヘッダーデザインの構造を理解しよう!9/18(水)無料セミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎(1)」を開催
PR TIMES / 2024年9月4日 10時15分
ランキング
-
1《1個買うと1個もらえる》新作「チョコパイ」が無料ってお得すぎ...。セブン・ミニストップ・ファミマお得企画まとめ(9月24日開始)
東京バーゲンマニア / 2024年9月24日 12時37分
-
2「きのこの山」模倣品流通受け、明治が知的財産権の保護を強化へ…製造差し止めなどでブランド保護
読売新聞 / 2024年9月24日 16時59分
-
3「うまい棒」12円→15円に値上げ 「許容できる範囲をさらに超え……」
ITmedia ビジネスオンライン / 2024年9月24日 13時9分
-
4昭和に大ヒット「青春という名のラーメン」令和に復活! 熱湯1分、タイパ志向に応える 明星食品
食品新聞 / 2024年9月24日 9時2分
-
5出張に「行かなきゃよかった」 若手は行ってから否定派になる
ITmedia ビジネスオンライン / 2024年9月24日 7時45分
記事ミッション中・・・
記事にリアクションする
記事ミッション中・・・
記事にリアクションする
エラーが発生しました
ページを再読み込みして
ください