
パブリッシャー就職のために正しく学ぶhtmlとcss、そしてWeb標準
webazit
Web標準の基礎であるhtmlとcssをマスターし、本番のWebページを作成してみます。 それから「そうだ」ではなく、適切なパブリッシングの概念と方法を学び、パブリッシャーになることができます。
초급
HTML/CSS, Web Design
Webデザイン機能士実技問題の理解
Webデザインファンクションの実機問題解決と解決
ウェブデザイン機能士実機、コントラストを確実に!
Webデザイン機能士試験の合格率が思ったより高くない
関連講座も思ったより多くなく、変わった試験問題に適応しにくい講座も多いですね…。
そこで、Webデザイン機能士実技問題プール講座を作ることにしました。
講義映像を頻繁に作らないので進行がやや滑らかではありません。
Webデザイン機能の問題を確認し、デザインを直接進めてください。
作成されたデザインに基づいてhtmlとcssでコーディングします。
メニューやポップアップ、スライドなどの動作はJavaScript(ジェイクエリ)で実装します。
cssでレイアウトをキャッチするときにfloatを活用する方法とflexを活用する方法について説明します。
動作を実装するときのjQueryバージョンと純粋なjavascriptのバージョンについて説明します。ただし、純粋なJavaScriptで講義する内容は、Explorerでは完全には実装されていません。試験に備えて、ジェイクエリを適用した内容を参考にしてください。
1. 参考
2. プログラム(VS Code)のインストール
3. Webページデザイン(Photoshop)
4. HTMLマークアップ
5. CSSデザイン
6. CSSデザイン(Flexbox)
7. JAVASCRIPT(jQuery)の実装
8. JAVASCRIPT(no jQuery)の実装
デザインはPhotoshop CS6を使用していますが、バージョンは関係ありません。
コードは VisualStudio code を使用します。
デザイン時に画面にメニュー部分の文字が小さく、見えにくい場合があります。コードを書くときは、フォントを比較的大きく指定して見るのに問題ないようです。
学習対象は
誰でしょう?
Webデザイン機能士実技試験を準備する方
html、css、javascriptを活用したWebページを制作したい方
前提知識、
必要でしょうか?
html、css、javascriptの基礎
全体
30件 ∙ (9時間 2分)
講座資料(こうぎしりょう):
1. 出題基準を学ぶ
10:49
2. 公開問題を確認する
25:09
4. ガイドライン、レイヤーの整理
12:48
5. Header領域
29:14
6. スライダーエリア
17:08
7. コンテンツエリア
33:31
8. ポップアップエリア
11:26
9. Footerエリア
14:43
10. 画像スライス、保存
18:42
全体
2件
4.5
2件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 4.0
4
詳細で詳しい説明で基本を知らなくてもこの映像一つで勉強を始めてもいいのですが例1だけに限られていて残念です。 (フェードイン、アウトスライダー、縦型メニューなど) それでもわかりやすく説明してくれてよく見ました。 ありがとうございます。
頑張ってくれてありがとう。時間的な余裕があれば、他の問題プールも見てみましょう。
¥1,345
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!