国旗課程運営のノウハウを込めた！
実務ですぐに利用できるレスポンシブWebテンプレートの作成HTML5 + CSS3
HTML5とCSSの基礎と
レスポンシブウェブについて学ぶ
最終的にレスポンシブWebテンプレート
作ってみる講座です！講義を始める前に
この講義で
何を学べますか？このレッスンは、Web標準に初めて触れる人のために作成されました。 HTML / CSSの非常に簡単な基礎から、HTMLインフォメーションデザインとCSSレイアウトを作成し、最終的にレスポンシブWebテンプレートを作成することを目指しています。
実務ですぐに活用できますが、ノウハウをベースにレスポンシブなWebテンプレートの制作過程を盛り込みたいと思います。 HTMLの基礎、CSSの使い方、実務で主に使われるCSS Layoutの作り方、Flexの使い方まで順番に習得し、Webパブリッシャーに向かって一歩ずつ近づきましょう。この講義
特徴は何ですか？基本的な内容から実務から必要な深化学習まで。各パートの実習問題と講義ノートを確認してみてください！
セクションの最後にはセクションごとの練習問題があります。問題を最初に解決して結果を確認した後、次のセクションの講義を聞くことをお勧めします。
学生が理解しやすく簡単に勉強できるように、講義ノートをPDFとして提供しています。オン・オフラインで授業を進め、体を感じたノウハウを盛り込んで発展させたことで、皆さんの学習に大いに役立つでしょう。オン・オフライン教育の定数が込められた講義ノート
この講義は
誰に必要ですか？
コーディング一度
学ぶか？コーディング入門を希望
コーディング生初心者
Webパブリッシャー
なりたいコーディングは全く分からないけど
転職を希望される方
情報設計は
どうしますか？UIデザイン用
情報設計が必要な方
ポートフォリオ用
テンプレートはありませんか？レスポンシブウェブサイト
テンプレートが必要な方Webコーディングに入門したい方、コーディングを全く知らない状態でWebパブリッシャーへの転職を希望される方、UIデザイン時に情報設計が必要な方、パブリッシングを学ばなければならないデザイナー…。多様な方に役立つために体系的で不可欠な内容だけを選んで作りました。一人で勉強するのがとても難しく、膨大な量でガタガタを食べたらお手伝いします！
また、パブリッシングを習得するデザイナーやWebパブリッシャーをご希望の方は、講義を通じて作成するテンプレートをポートフォリオの作成に利用することができます。
この講義はこうして行われます
part1.html
html基礎文法とvscodeを使用したドキュメントの作成タグの特性について学びます。part2. css基礎
cssの基礎文法と使い方、さまざまなセレクタについて勉強します。part3.html/semantic/list/ユーザー入力タグ/グループ化
htmlで主によく使われるtagとsemantic /list /ユーザー入力tag / groupingのさまざまなtagと使い方について学びます。part4.
CSSの首都クレスと段落の並べ替え、フォント、単位について勉強します。part5。 css/background/display/border/boxmodel
CSSの核心の一つとして、ディスプレイとボックスモデルについて集中的に勉強します。part6。 css/flex/position/transition/animation/transform
cssのレイアウトに主によく使われるflexとpositionそしてtransition/animation/transformについて勉強しますpart7。 css / media query /レスポンシブWeb
レスポンシブなWeb作業のためのメディアクエリについて学びます。包括的な例を通して学ぶ
レスポンシブウェブ作成プロセス知識共有者と作るシアン作業を確認してください！
このレッスンでは、シアン、つまりデザイン作業を作成するプロセスは含まれていません。包括的な例を見る
デスクトップ画面
タブレット画面
navigation
responsive
モバイル画面
予想される質問Q&A
Q. 非専攻者も学ぶのに難しくないですか？
はい、非専攻者も簡単に習得できるように説明ノートを用意しました。講義を聞いて難しい部分がある場合は、いつでも質問してください。できるだけ早く対応させていただきます。
Q. この授業を受けてパブリッシャーになれますか？
始まりは半分です。この講義をよく学習してから自分でどれほど努力して学習するかによって異なりましたが、十分にパブリッシャーになることができると思います。空白ではなく、オフライン講義で直接体を感じたバーです。
Q. 授業内容はどのレベルまで扱いますか？
HTML5/CSS3 特にlayout製作中、flexを主に活用したレスポンシブWeb製作および情報設計方法に焦点を当てました。
