Danh mục UIUX Phần 3 - Danh mục Web đáp ứng
lizb
Bước thứ ba trong quy trình lập kế hoạch-thiết kế-triển khai - tạo mẫu danh mục đầu tư web đáp ứng
초급
Responsive Web, JavaScript, jQuery
学習した受講者のレビュー
こんなことが学べます
HTML + CSS + JavaScript + jQueryコア理論によるパブリッシング実践能力の向上
Click、Mouseenter、Mouseleaveなど聞いてみたが、活用できないScript作成能力
Position プロパティの正確な概念と活用
Hover、Before、After、Focus、Active仮想クラスの理解と活用
自分で絞って作るAnimate Slider
Flexを使用したレイアウトの作成
Tab Menu, Toggle Menu, slideToggle
モバイル対応レスポンシブWebパブリッシング制作能力（メディアクエリ）
PC版とモバイル版で最適化されたレスポンシブWeb全体の制作能力
Class Methodを活用したイベント
実務にぴったりの、レスポンシブウェブサイトコーディング！
1. なぜこの授業を受けなければならないのですか？
- 初心者も身につけてアクセスしやすくしました。
- HTMLの基本だけを知っていれば誰でも簡単にフォローできます。
就職準備、今は絆にしてください！レスポンシブWebポートフォリオが必要な方、一緒に勉強して一緒に準備します！
ちょうどウェブを学んで就職を準備している方々に、単に勉強だけで終わるのではなく、自分だけのスタイルで結果物を直接作ることができます。
2. 自分だけのスタイルでカスタマイズしてみてください！
実際のオフラインレッスンを通じて学生が自分で作ったプロジェクトです！
現在、オフライン講義で実際の学生たちが自分だけのスタイルでシアン作業からコーディングまで一つ一つ変更していきながらポートフォリオを完成しました。実際には、新入社、Webデザイナーとして就職のためのポートフォリオを作成する際に講義の内容が多く役立つでしょう。
3. HTML情報設計をする方法をお知らせします。
Webコーディングで最も重要なのは情報設計です。きちんとした建築物が出るためには、心強い設計構造がなければなりません。コーディングも同様です。情報設計によって結果物が異なって出ることがあります。構造を織る方法を一つ一つお知らせします！
4. CSS Layoutの作成が難しいですか？
HTMLが何であるかを知って、基本的なCSSの使い方程度だけをご存知であれば、講義に沿って直接一つ一つ作っていき、変化する内容を確認しながらエラーを修正していきます。授業に参加すれば、FlexやPosition、Displayなど、さまざまな属性を自由に使うことができます。
5. Script をどのように活用するかを終えたら！
様々なイベントが待っています。実務ですぐに使えるスクリプト活用例を細かく分析していきながら一つ一つ作成してみると、基本的な原理や活用法を学ぶことができます！
6. レスポンシブウェブを簡単に解放してお知らせします。
レスポンシブWebは、Webパブリッシング/デザインポポールに不可欠である必要があるプロジェクトの1つです。
#雪花水
7. 実務で使う質のある構造をコーディングしてみたいなら！
単純なポポールレイアウトではなく、実際の会社で使用する質感のある構造をコーディングしてみたい方におすすめしたいと思います。ポートフォリオにレスポンシブなWeb商業サイトを追加制作したい方に強くお勧めします。実務で使う本物だけを集めました。
8. 講義セクション別段階別完成本とPSDファイル提供
各セクションに完成した本を提供します。途中で見逃した部分があってもフォローできるように、すべてのファイルを含むステップバイステップの作業ソースをセクションの最後の回数に提供します。
また、受講後期を作成してくださった皆様にPSDオリジナルファイルを共有いたします。
コンテンツを変更して独自のポートフォリオにしてみてください！
9. Flexを活用したレスポンシブWebハードコーディングの制作をしたいなら！
雪花水反応型ウェブサイトの製作は純粋なハードコーディングを用いて作業しました。 plugin sliderではなく一つ一つ作ってみて、原理を調べて勉強していくつもりです。
10. VScodeの活用法をお知らせします！
今回のレスポンシブウェブサイト制作講義に使用されたテキストエディタはVScodeです。他のエディタを使っても構いません。ただし、授業中途中VScodeのショートカットと使い方の説明も含まれることをお知らせします。
こんな方に
おすすめです
学習対象は
誰でしょう？
Flexをどのように書くべきか基本原理を知りたい方
クリエイティブあふれるインタラクティブウェブの実装に興味のある方
HTML + CSS + JavaScript + jQueryコア理論によるパブリッシング実践能力の向上
初級から中級に基本機アップグレードが欲しい方！
実務で使用する反応型ウェブサイトの制作をしたい方
前提知識、
必要でしょうか？
初心者でも可能
h1{color:red}を理解しているなら誰でも可能です！
＆lt;div＆gt;で開き、＆lt; / div＆gt;で閉じるタグ（Tag）の基本原理を知っていれば一緒です！
770
受講生
41
受講レビュー
91
回答
4.7
講座評価
7
講座
지식공유자의 오프라인 국기과정의 수강평 보기
"반응형 웹디자인 양성 과정" 수강후기 바로가기
(2022.03-2022.07)
3월부터 현재까지 길다면 길고 짧다면 짧은 시간이었겠지만 제 인생에선 정말 중요하고 값진 기간이었던 것 같습니다. 사전에 지식은 어느정도 있긴 했지만, 어떻게 해야할지, 어떤 방향으로 가야할지, 뭘 해야할지 아무것도 모르고 막막했는데 선생님께서 성심성의껏 가르쳐주셔서 기술면에서도, 취업면에서도 확고하게 큰 성장을 이룰 수 있었던 것 같습니다.덕분에 자신감도 많이 늘고, 취업 이후에도 잘 할 수 있을 것 같다는 생각이 들어요! 수업 진행해주신 방미정 선생님, 그 외 취업 당담 선생님들께 너무 감사합니다! :) 취업 잘 하고 갑니당! 이후 기수분들도 힘내시고 좋은 경험 얻어가시길 바랄게요! 화이팅 :)
3월부터 7월까지 웹 퍼블리셔 양성과정을 수강했습니다 :) 디자인 외에 아무것도 모르고 도전 했던 건데, 선생님과 동료들의 응원과 지지로 많은 걸 얻고 가는 거 같습니다. 학원에서 배운거 토대로 앞으로도 공부 열심히 해보겠습니당~~ 항상 친절히 알려주셨던 방미정 선생님, 그 외 취업 담당 선생님들께 너무 감사합니다!
"프론트앤드 개발자 양성과정" 수강후기 바로가기
(2020.11.17-2021.05.11)
6개월이라는 시간이 짧게 느껴질 정도로 훈련과정이 흥미로웠습니다. 아이디어를 내고 디자인을 하는 작업은 시간이 오래 걸렸었지만 훈련과정을 통해 요령도 생기고, 작업 시간을 많이 단축시켜가는 제 모습을 보며 실력이 점점 발전한 것 같아 뿌듯하였습니다. 직업의 방향성을 잘 잡지 못하던 저에게는 이 훈련과정을 통해 배운 학습들은 나만의 지식이자, 직업의 방향성을 잡아준 이정표였고, 6개월간 함께 공부했던 프론트앤드 개발자 양성과정 3강의실 언니 오빠 동생들과 방미정 강사님은 좋은 인연이자 버팀목이었습니다. 방미정 강사님과 취업 지원팀 분들, 행정직원분들께서 열심히 도와주셨기에 훈련과정을 수료하기 전에 취업을 하게 된 것 같아 너무 감사드립니다. 이 과정 이외에 다른 좋은 과정들 또한 많이 있어 대우직업능력개발원 이란 학원을 저처럼 취업에 대한 두려움이 있거나, 직업의 방향성을 잘 잡지 못하는 후배와 동생들에게 추천해주고 싶습니다.
처음 왔을 때 디자인도, 코딩도 한 번도 배우지 못한 제가 과연 이 과정을 듣고 취업을 할 수 있을까? 라는 걱정을 많이 했던 것 같습니다. 하지만 다니면 다닐수록 그런 걱정이 사라졌던 것 같아요. 일러스트, 포토샵, html, css, js, vue등 많은 것을 배웠습니다. 새로 배우는 게 많아서 초반에는 어려울 수도 있겠지만 열정 가득한 방미정 선생님께서 정말 잘 알려주셔서 걱정 안 해도 될 것 같아요.ㅎㅎ 다른 학원 후기를 보면 매년 같은 레파토리의 수업, 심지어 선생님께 질문해도 잘 모르는 경우가 있는데 선생님께서는 항상 열정을 가지고 새로운 것도 알려주려고 하시고 아는 것도 많으셔서 도움을 많이 받았습니다! 웹퍼블리셔, 웹디자이너가 되길 원하신다면 강추드립니다.~~
작년 2020년 11월 우연한 기회로 대우직업능력개발원이라는 훌륭한 기관을 알게되고 ,이곳에서 훌륭한 선생님을 만나 좋은교육을 수강할수있게된것에 정말 감사드립니다 만일 제가 이 교육훈련과정을 듣지 않았더라면 아마 지금과 같은 취업기회는 생기기 어려웠을것입니다. 대학졸업후, 취업의 갈림길에서 갈피를 못잡고 방황하던시기에 어디서도 교육받기 어려운 선생님의 실제 실무경험과 노하우가 담긴 5~6개월간의 교육과정은 웹개발이라고는 전혀 알지못했던 제게 큰 배움과 성장의 기간이 되었습니다. 이를 기반으로 다양한 디자인과 웹개발을배웠고 저만의 포트폴리오 또한 만들수있었습니다. 제게는 너무나 생소한 코딩언어들을 배우는 일이 어려워 중도포기하고 싶은 순간들이 여러번 있었지만 포기하지않고 열번이고 다시 가르쳐주시는 선생님의 열정과 이끄심 덕분에 6개월과정을 모두 수료하기 이전(80%이상 수강)에 조기취업이되며 교육과정을 잘 마무리 할 수 있었습니다. 이렇게 첫 직장을 구하고 새출발 하는것이 가능하도록 만들어주신 선생님과, 대우직업능력개발원 기관에 깊은 감사를드립니다.
비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.
디자인, 코딩 툴을 실무에서 사용할 수 있는 커리큘럼에 맞추어 차근차근 기초에 맞추어서 설명해 줍니다. 본인 스스로 작업할 수 있도록 선생님이 최선을 다해서 도와주셔서 많은 도움이 되었습니다. 국비로 하는 수업은 퀄리티가 떨어진다는 편견을 깰 수 있는 교육이었고 , 담임선생님도 매우 진취적이어서 늘 새로운 걸 가르쳐 주려고 하셔서 많이 배울 수 있었습니다.
비전공자도 이해하기 쉽게 알려주셨고 덕분에 취업도 잘했습니다. 이 과정을 듣게 되어 너무 기쁩니다.
기존에 알고 있던 왠만한 지식 플러스로 학원에서 교육을 받으며 다양한걸 알고 배웠습니다. 자격증도 딸 수 있도록 연습도 해주면서 저에게는 어려웠지만 코딩이란 단어도 왠만하면 알아들을 정도로 배웠습니다. 이곳을 수강하면서 취업도 같이 하게되어 마음이 놓이고 기쁩니다.
건축학을 전공했고 웹디자인과 인연을 맺은건 언 20여년이 넘었습니다. 실무와 강의를 병행하며 많은 희노애락 끝에 현재는 이 일을 많이 애정하게 되었고, 흥미와 성취감으로 더 매진하게 되었습니다. 제가 알고 있는 지식들을 공유하여, 좀더 많은 비전공자들이 쉽게 입문하기를 바라며, 그대가 원하는 모든 일들이 이루어 지길 기원합니다.
Lucete!
강의관련 문의 email : loo4love90@gmail.com
강의경력
2018.3 -현재. 웹 디자인/멀티미디어/프론트엔드 전문가과정 진행
엘리스 아카데미 `클래스가 다른 HTML / CSS` 오픈 준비중
엘리스 아카데미 `클래스가 다른 javascript` 오픈 준비중
□ 現 대우직업능력개발원 프론트엔드 / 멀티미디어 / 웹콘텐츠 과정 강의
□ 하이미디어 UI/UX 웹퍼블리싱 강의
□ 이젠컴퓨터 UI/UX 웹퍼블리싱 강의
□ 더조은컴퓨터학원 종로캠퍼스 웹디자인 강의
□ 더조은컴퓨터학원 강남캠퍼스 웹디자인/그래픽 강의
□ 영재직업전문학교 웹디자인 강의
자격증
□ 웹디자인기능사 자격증
□ 그래픽스운용기능사 자격증
□ KPC 자격지도자(GTQ,GTQi,GTQid) 자격증
□ 직업능력개발훈련교사3급(정보기술, 디자인,문화컨텐츠,정보기술전략·계획
정보기술운영)
□ 컴퓨터활용능력 1급
カリキュラム
全体
42件 ∙ (7時間 57分)
講座資料（こうぎしりょう）:
授業資料
講座掲載日:
最終更新日:
受講レビュー
全体
11件
4.9
11件の受講レビュー
kbba785883受講レビュー 32
∙
平均評価 4.8
- siyeon002524
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成Lúc đầu, tôi rất bối rối vì có quá nhiều lớp, nhưng tôi đã viết lại trên giấy và vẽ nó cho đến khi có ý nghĩa, và tôi hiểu ngay tại sao các lớp lại được viết như thế này. Tôi rất mong chờ những bài giảng sau này!
- lizb知識共有者
Tôi nghĩ bạn đã học rất chăm chỉ! Khi tiếp tục học, bạn sẽ nghĩ về các quy tắc tạo tên và cách viết mã dễ dàng hơn. Tôi sẽ trở lại với một bài giảng tốt hơn. Cảm ơn!
- k971152849711
受講レビュー 1
∙
平均評価 5.0
- roykean19930688
受講レビュー 34
∙
平均評価 5.0
- leekj9510089605
受講レビュー 2
∙
平均評価 5.0
5
100% 受講後に作成Trong thời gian học để trở thành nhà xuất bản, tôi cảm thấy còn nhiều bất cập trong việc thiết kế thông tin HTML, đây là một phần quan trọng hiện nay tôi đã nghe thầy giảng và học được một số mẹo hữu ích! Haha, đây là một bài giảng tuyệt vời. Tôi cũng đã trả tiền cho các bài giảng khác!! Một bài giảng trung thành với những điều cơ bản quan trọng nhất!! Lớp học này chỉ chứa nội dung tôi thực sự cần! Tôi mong đợi nhiều bài giảng hơn nữa~
- lizb知識共有者
Cảm ơn! Bạn là người đã để lại câu hỏi ngày hôm qua! Chúc bạn làm việc chăm chỉ và đạt được điều mình mong muốn. Ngoài ra, tôi vẫn đang làm việc chăm chỉ để tạo ra khóa học và tôi được nạp lại năng lượng vì bạn đã để lại đánh giá tốt! Cảm ơn Chúng tôi sẽ làm những bài giảng tốt hơn!!
￥7,068
lizbの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[Chân lợn ảo] Từ thiết kế đến viết mã강의 썸네일](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
![Chức năng phát triển thiết kế web [2025] Toàn bộ thực hành (có thể hỏi qua KakaoTalk)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![Học JavaScript đúng cách: Lập trình hướng đối tượng hoàn chỉnh & Thực chiến AI Tic-Tac-Toe chiến lược Part2 [Phần trung cấp]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420)
