HTMLとCSSだけを知っていても
ウェブページ制作OK!
UI.UXデザイナーやフロントエンド開発者として就職を希望される方は、最近のトレンドに合ったWebページを実装したポートフォリオが少なくとも5~6個は必須です。
本講義はウェブサイト制作シリーズ講義である「本番!ウェブサイト制作Step By Step」のBasic Curseで、ハンファソリューション/ケミカルサイトのメインページをそのまま製作してみる講義です。
「実戦! ウェブサイト制作 Step By Step」 講義シリーズは現在商用化されているウェブサイトの中で、最新トレンドに合わせて審美的な要素に優れ、ポートフォリオ制作に適したウェブサイトを選択してそのまま製作してみる講義で構成されていますので学習にご参考ください。
>> CSS Animation 制作

>>マウスホバー時のスケールが大きくなる - CSS Animation製作

>> 仮想コンテンツを利用してマウスホバー時にスライドされるアニメーション制作

>> PCモードレイアウトからタブレット(1024px、768px)、モバイル解像度(414px、320px)製作
>> PCモードレイアウトからタブレット(1024px、768px)、モバイル解像度(320px)スクロール画面
.gif)
講義はHTMLとCSSの基礎はありますが、レイアウトに対する感が全くない方を対象に実際のWebページをそのまま実装して進行されます。ハンファソリューション/ケミカルサイトのメインページを直接制作してみる過程を通じて、 HTML5とCSS3を活用してレイアウト制作に対する理解を高め、どんなレイアウトを制作しても自信を持って応用して制作できるよう皆様をお手伝いします。
レスポンシブページの制作についての完璧な理解と制作能力の強化はもちろん、優れたクオリティのポートフォリオも持参できるように、次々と一緒に学習しましょう。
Step By Step!
今すぐ始めましょう。
実務で必要なインタラクティブな要素で構成されたウェブページの講義を聞きながら、ポートフォリオも一緒に準備していれば、講義の終わり頃には高品質のポートフォリオを完成して就職成功にさらに近づくことができるでしょう。
講義が終わったら
得るもの:D
1. しっかりしたレイアウト製作実力
Webページ制作のためには、HTMLとCSSをベースにした、正確なレイアウト作成が最も重要です。 HTMLとCSSの基礎はありますが、 Layout Designについて全く感が来ない方も、基礎から丁寧にお知らせする本講義に誠実に従えば、いつのまにかレイアウト制作のしっかりした基本基盤が固まっていることを感じられるでしょう!
2. 業務生産性UP!
業務生産性を向上させるには、ライブラリとプラグインを使用して、短時間でインタラクティブなウェブサイトを実装できる必要があります。本講義では、ウェブページのレイアウト制作からレスポンシブページの製作まで確実に勉強することができ、実務で必要とするスクリプト、プラグイン、アニメーションなどを利用してウェブページを作成します。講義を聞いて着実に実習してみると、いつのまにか業務能力がUP! UP!
3. 高品質ポートフォリオ
仕事の能力を明らかにし、新しい機会をつかむための効果的な準備の1つは、高品質のポートフォリオです。講義を聞いて実習してみると、自分だけのポートフォリオが積み上げられます。本講義だけでなく、以後のウェブサイト制作実習講義を聞きながら着実にWebページを実装してみると、就職で私の最大の武器になってくれるポートフォリオを完成できるはずです。
4.オープンチャットルーム運営
よりスムーズな学習のために、J.youngが運営するよくあるウェブディーオープンチャットルームに加入すれば、
ピグマ、UI.UX、コーディング、ポートフォリオ製作関連の核蜂蜜チップと無料ウェビやリンクなどを共有いたします。
- オープンチャットルーム:よく知られたウェブディ
- コード:jyoung
視線を捉えるウェブサイト制作のため
カリキュラムを学ぶ
1.ウェブアクセス性をhtml MarkUp-文書構造定義
2. 様々なCSS3の属性を理解し、レイアウトデザインを適用
3.positionの理解と適用
4.BlockとInline属性の理解と適用
5.Animationの理解と適用
6.仮想選択者の理解と適用(:before、:after)
7.様々なhover、focus効果
8 .z-indexの理解と適用
9.skip_nav制作
10.FontAwesomeの使用法と適用
11.Googleフォントを使う
12.開発者ツールの活用法
この講義だけの特別なポイント!気になりました!
Q1.就職に役立ちますか?
A1.長文の文章よりも一つのイメージがより強烈に届きます。講義を聞いてウェブページを制作しておけば、人事担当者の目にはっきりとした華やかなポートフォリオを作ることができ、就職に大いに役立つでしょう。
ここで扱うツール
この講義以降、デザイン風とスタイルが異なる
9つのウェブサイト制作講義が順次オープンされます。
ポートフォリオを準備する受講者はこれを参考にして
高品質のウェブページ制作を一緒にしてください。
html, css, html/css, website, ウェブサイト, コーディング