
영화 예매 사이트 만들기: 코딩편
webstoryboy
웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.
초급
반응형 웹
モバイル、タブレット、ウェブ環境に応じて自由自在にスクリーンサイズを変更するレスポンシブウェブを制作しましょう。

レスポンシブウェブサイトの作成
セマンティックタグの種類と使い方を知る
メディアクエリの使用
ナビゲーションが楽しいレスポンシブウェブサイト!
それを作る私は黄金の手です🖐️✨
「フィルターエフェクター」のうち
活気溢れるウェブサイト、みなさんも作れますよ!
ウェブページのサイズが接続したデバイス画面の解像度に合わせて自動的に変化するレスポンシブサイトを作る授業です。
頑強に向かって!
レスポンシブレイアウトの実践
ヘッダーとメニューの練習
コンテンツエリアの練習
画像スライドとエフェクトの練習
📢受講時の注意事項
*各画像をクリックすると、その講義ページに移動します。
Q.非専攻者も聞ける講義ですか?
はい!基本的な内容を扱う講義ですので、初めて学ぶ方も十分に聞くことができます。
Q.講義を聞く前に準備すべきことはありますか?
あなたの情熱だけを準備してください。^^
Q.授業内容をどのレベルまで扱いますか?
HTMLとCSSをまったく知らなくても十分に一緒に学ぶことができるレベルです。
学習対象は
誰でしょう?
さまざまなデバイス環境に合わせて変化するウェブを制作したい方
反応型サイトを一つ一つフォローして作りたい方
メディアクエリについて詳しく知り、ウェブに適用したい方
Webパブリッシャー職務を希望する方
前提知識、
必要でしょうか?
ウェブ標準サイト作成講義(オプション)
7,403
受講生
101
受講レビュー
1
回答
4.9
講座評価
4
講座
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 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件の受講レビュー
受講レビュー 40
∙
平均評価 4.8
受講レビュー 4
∙
平均評価 5.0
受講レビュー 609
∙
平均評価 4.9
受講レビュー 13
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
無料
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!