映画前売りサイトの作成：コーディング編
webstoryboy
無料
初級 / Responsive Web
4.9
(11)
1,500+
ウェブ標準とレスポンシブサイト作り講義によく従ってきたら今は実戦練習番！映画前売サイト制作をデザイン編とコーディング編に分けて学習します。
初級
Responsive Web
【ウェブパブリッシング実習】レスポンシブサイト作成
モバイル、タブレット、ウェブ環境に応じて自由自在にスクリーンサイズを変更するレスポンシブウェブを制作しましょう。
Responsive Web
Responsive Web
講座 を紹介して、成長と収益を得ましょう！
マーケティングパートナーズ
講座 を紹介して、成長と収益を得ましょう！
学習した受講者のレビュー
学習した受講者のレビュー
5.0
5.0
wonE
47% 受講後に作成
楽しく勉強することができました。
5.0
Jang Jaehoon
8% 受講後に作成
良い講義をありがとうございます！
5.0
ohj735
100% 受講後に作成
よく聞きました。
受講後に得られること
レスポンシブウェブサイトの作成
セマンティックタグの種類と使い方を知る
メディアクエリの使用
ナビゲーションが楽しいレスポンシブウェブサイト！
それを作る私は黄金の手です🖐️✨
Webパブリッシャーの夢の木のための講義✏️
「フィルターエフェクター」のうち
活気溢れるウェブサイト、みなさんも作れますよ！
ウェブページのサイズが接続したデバイス画面の解像度に合わせて自動的に変化するレスポンシブサイトを作る授業です。
頑強に向かって！
こんなことを学びます📖
レスポンシブレイアウトの実践
ヘッダーとメニューの練習
コンテンツエリアの練習
画像スライドとエフェクトの練習
📢受講時の注意事項
- ソースメモサイト
- 完成画面
- ソースをダウンロード
- 各項目をクリックすると、そのサイトにリンクされます。
Webパブリッシャードリームロードマップ🌲
*各画像をクリックすると、その講義ページに移動します。
予想される質問 Q&A 💬
Q.非専攻者も聞ける講義ですか？
はい！基本的な内容を扱う講義ですので、初めて学ぶ方も十分に聞くことができます。
Q.講義を聞く前に準備すべきことはありますか？
あなたの情熱だけを準備してください。^^
Q.授業内容をどのレベルまで扱いますか？
HTMLとCSSをまったく知らなくても十分に一緒に学ぶことができるレベルです。
こんな方に
おすすめです
学習対象は
誰でしょう？
さまざまなデバイス環境に合わせて変化するウェブを制作したい方
反応型サイトを一つ一つフォローして作りたい方
メディアクエリについて詳しく知り、ウェブに適用したい方
Webパブリッシャー職務を希望する方
前提知識、
必要でしょうか？
ウェブ標準サイト作成講義（オプション）
こんにちは
webstoryboyです。
7,511
受講生
102
受講レビュー
1
回答
4.9
講座評価
4
講座
こんにちは！ 🧑🏻💻
ウェブに関心が高く、講義を行っている
ウェブストーリーボーイです。
YouTubeチャンネル Webstoryboyで
さまざまな講座を制作しています。
諦めずに最後の講義まで私と一緒に一つずつしっかりついてきてくだされば、
ウェブパブリッシャーに一歩近づくことができるはずです。必ずご自身でやってみてこそ、実力が伸びるでしょう。
難しかったり、間違えて上手くいかないからと諦めてしまうと、他のサイトを作る時も苦労しますよね？
進めていく中で間違いや上手くいかないことがあれば、ご自身でコーディングしたものと私の講義ソースを比較しながら、
どこが間違っているのか自力で探してみてください。それもまた勉強になりますよ 🧚🏻♀️
今日も皆さんの頑張りを応援しています。ファイトです！
カリキュラム
全体
36件 ∙ (8時間 10分)
1. セメンティックタグ
20:07
2. メディアクエリ
18:39
3. レスポンシブレイアウトタイプ1
11:18
4. レスポンシブレイアウトタイプ2
11:37
5. レスポンシブレイアウトタイプ3
13:50
6. レスポンシブレイアウトタイプ4
12:25
7. レスポンシブレイアウトタイプ5
20:15
8. 文書設定
22:03
9. アウトライナー
09:55
10. ヘッダメニュー
17:55
11. ヘッダタイトル
16:48
12. ヘッダーアイコン
19:57
13. ヘッダーアイコンを共有する
08:46
14. フルメニュー
09:11
15. フルメニュー - ライン効果
07:18
16. タイトル
12:41
17. ヘッダレスポンシブ
13:44
18. コンテンツレイアウト
20:55
19. コンテンツタイトル
07:28
20. メニュー
07:03
21. メニューレスポンシブ
09:43
22. 掲示板（一行効果）
09:42
23. 掲示板（2行効果）
13:38
24. ブログエリア（高解像度画像）
21:13
25. ブログエリア（高解像度画像2）
20:17
講座掲載日:
最終更新日:
受講レビュー
全体
30件
5.0
30件の受講レビュー
jjhgwx受講レビュー 677
∙
平均評価 4.9
- thddl52642022
受講レビュー 4
∙
平均評価 5.0
- ohj7358748
受講レビュー 3
∙
平均評価 5.0
- imomo
受講レビュー 13
∙
平均評価 5.0
- yuiky3216701
受講レビュー 40
∙
平均評価 4.8
webstoryboyの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![Bootstrap を活用したレスポンシブ Web 制作 [基本概念編] ブートキャンプ講義サムネイル](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?w=420)
![Bootstrapを活用したレスポンシブWeb制作[実践編]ブートキャンプ講義サムネイル](https://cdn.inflearn.com/public/courses/333141/cover/2e0b10d5-7e3c-4dd9-ace8-b3374cb55007/333141.jpg?w=420)
