inflearn logo
inflearn logo

簡単で!短くて!強力な!ウェブデザイン技能士実技の準備

ウェブデザイン技能士実技試験を準備している方々のために、短くて簡単に学べる講座を用意しました。 試験のためだけでなく、ウェブ標準形式に準拠したサイトの実装に興味のある方なら誰でも歓迎します。

難易度 初級

受講期間 無制限

HTML/CSS
HTML/CSS
jQuery
jQuery
Web Design
Web Design
HTML/CSS
HTML/CSS
jQuery
jQuery
Web Design
Web Design
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

受講後に得られること

  • 資格試験に合格するには高得点はいりません!合格したいだけの方

  • Web デザイン機能士の実技問題のタイプを理解する

  • Web デザイン機能士の実技問題の解き方と実習

  • 短時間必要な内容だけを抜いて試験を準備する方

  • HTML/CSS+jQuery コア理論実技

簡単!短くて!強く準備してください!
2021年ウェブデザイン機能士実技試験完璧ガイド

一ヶ月間、短くて強く勉強してください!

30日ほどきちんと勉強してください、コーディングの「鼻」者も知らなくても合格できます。
必要な内容だけを選んで勉強して合格してください。
合格に必要な内容だけを抜いて時間を節約してください!

✅簡単で楽しく学ぶ講義、コーディングの楽しみを知ることができますよ!
✅ひとつ留意すること Web標準の基礎は学んで勉強するのが良い授業です。 InflearnにあるHTMLの基礎講義を聞いて、授業を聞いていただければ幸いです!
✅ウェブデザインで就職したい場合は?特にWebデザイン機能士の資格を優遇することが多いです。それだけ準備された人ですからね。

この講義で学ぶこと ✔

  • 問題の種類を把握して分析し、必要な内容だけを選んで簡単に学びましょう!
  • Webデザイン機能士実技試験問題、サルギャップのない完璧なガイド
  • HTML情報の設計方法を学ぶ
  • CSSで画面レイアウトを作成する
  • jQueryで動的画面を作成する(スライド、ナビゲーション、タブメニュー、レイヤーポップアップ)
  • わからない部分は少し覚えてもいいです。スライド製作、難しくありません!
  • jQueryスライドアニメーション(水平スライド、垂直スライド、フェードイン/アウトスライド)
  • Webデザイン機能士実技試験に不可欠なPhotoshop CS6の使い方と画像制作映像
  • 最終版12種類の制作ファイルをダウンロード

📚 講義の構成

セクション00。 Webデザイン機能士資格証明実技試験講座紹介

  • Webデザイン機能士資格証明実技試験講座紹介
  • Webデザイン機能士実技試験手順、コツ、提出方法

セクション01。コーディングに使用されるエディタの使い方を知る

  • ブラケットの使い方とショートカットの活用
  • ブラケット(Brackets)でのエミット(Emmet)の使い方とショートカットの活用)
  • ブラケットのリアルタイムプレビュー(ウェブデザイン機能士実技試験フォルダ構造作成)

セクション02。 cs6を活用したコンテンツイメージの作成

  • Imageの作り方
  • Slider 画像の読みやすさを高めて製作する方法

セクション04。 A、B layoutの把握と制作

  • フルプロトタイプ設計
  • タイプ1) AB header CSS/Script
  • タイプ2) AB header CSS/Script
  • タイプ3) AB header CSS/Script
  • タイプ4) C header CSS/Script
  • タイプ5) C header CSS/Script
    • タイプ1)Slider(左右型)CSS/Script
    • タイプ2) Slider(上下型) CSS/Script
    • タイプ3) Slider(Fade-in/out型) CSS/Script
    • タイプ1) Content CSS/Script(Tab menu/popup)
    • タイプ2) Content CSS/Script(Tab menu/popup)

    • Footer CSS
    • 最終完成ファイルを確認する

    セクション05。必須チェック!スコアを上げる

    • Webデザイン実技試験高得点のための必須項目(チップ、減点事項、エラーチェックなど)

    ※完成本ダウン​​ロード(タイプ別に一度ずつフォローしてみます!)

    1. 【01A-1】製作完成本
    2. 【02A-2】製作完成本
    3. 【03A-3】製作完成本
    4. 【04A-4】製作完成本
    5. 【01B-1】製作完成本
    6. 【02B-2】製作完成本
    7. 【03B-3】製作完成本
    8. 【04B-4】製作完成本
    9. 【01C-1】製作完成本
    10. 【02C-2】製作完成本
    11. 【03C-3】製作完成本
    12. 【04C-4】製作完成本

    こんな方に
    おすすめです

    学習対象は
    誰でしょう?

    • コーディングうつ病の方 - 汗をかく汗を作る!

    • 基本的な原理を理解し、Web 標準に準拠したコーディングを学びたい方

    • Web標準コーディングの核心技術を学びたい方!

    前提知識、
    必要でしょうか?

    • 基本的な HTML/CSS の知識

    こんにちは
    lizbです。

    785

    受講生

    43

    受講レビュー

    92

    回答

    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ヶ月間の教育課程は、ウェブ開発について全く知らなかった私にとって大きな学びと成長の期間となりました。これを基盤に、多様なデザインとウェブ開発を学び、自分だけのポートフォリオも作ることができました。私にはあまりに馴染みのないコーディング言語を学ぶことは難しく、途中で諦めたくなる瞬間が何度もありましたが、諦めずに10回でも繰り返し教えてくださる先生の情熱と導きのおかげで、6ヶ月の課程をすべて修了する前(80%以上受講)に早期就職が決まり、教育課程を無事に終えることができました。このように、初めての職場を得て新たな出発ができるようにしてくださった先生と、大宇職業能力開発院という機関に深く感謝いたします。

    非専門家でも理解しやすいように教えてくださり、そのおかげで無事に就職もできました。この課程を受講できて本当に嬉しいです。

    デザインやコーディングツールを実務で使えるカリキュラムに合わせ、基礎から一歩ずつ丁寧に説明してくれます。自分自身で作業ができるよう、先生が最善を尽くしてサポートしてくださり、とても助かりました。国費の授業はクオリティが低いという偏見を打ち破るような教育でしたし、担任の先生も非常に進取的で、常に新しいことを教えようとしてくださったおかげで、多くのことを学ぶことができました。

    非専門家でも理解しやすいように教えてくださり、そのおかげで無事に就職もできました。この課程を受講できて本当に嬉しいです。

    以前から持っていた知識に加え、学院での教育を通じて様々なことを知り、学ぶことができました。資格も取得できるよう練習も重ね、私には難しかったコーディングという言葉も、大体は理解できるほどに上達しました。こちらを受講しながら就職も決まり、安心したと同時にとても嬉しく思っています。


    建築学を専攻し、ウェブデザインと縁を結んでからかれこれ20年以上が経ちました。実務と講義を並行しながら、多くの喜怒哀楽を経て、現在は今の仕事をとても愛するようになり、興味と達成感を持ってさらに邁進するようになりました。私が持っている知識を共有することで、より多くの非専門家の方々が簡単に第一歩を踏み出せることを願い、あなたの望むすべてのことが叶うようお祈りいたします。

    Lucete!

    講義に関するお問い合わせメール: loo4love90@gmail.com

     

     

    講師経歴  

    • 2018.3 - 現在。ウェブデザイン/マルチメディア/フロントエンド専門家課程 進行中

    • エリスアカデミー `クラスが違う HTML / CSS` オープン準備中

    • エリスアカデミー `クラスが違う javascript` オープン準備中

    □ 現 大宇職業能力開発院 フロントエンド / マルチメディア / ウェブコンテンツ課程 講義
    □ ハイメディア UI/UX ウェブパブリッシング 講義

    □ イゼンコンピューター UI/UX ウェブパブリッシング講義
    □ ザ・ジョウンコンピュータ学院 鍾路キャンパス ウェブデザイン講義
    □ ザ・ジョウンコンピュータ学院 江南キャンパス ウェブデザイン/グラフィック講義
    □ 英才職業専門学校 ウェブデザイン講義

     

      資格証  

    □ ウェブデザイン技能士 資格
    □ コンピューターグラフィックス運用技能士 資格

    □ KPC 資格指導者(GTQ, GTQi, GTQid) 資格証

    職業能力開発訓練教員3級(情報技術、デザイン、文化コンテンツ、情報技術戦略・計画

    情報技術運用)
    □ コンピュータ活用能力1級

     

    もっと見る

    カリキュラム

    全体

    34件 ∙ (5時間 46分)

    講座資料(こうぎしりょう):

    授業資料
    講座掲載日: 
    最終更新日: 

    受講レビュー

    全体

    5件

    4.0

    5件の受講レビュー

    • cherryberries6587님의 프로필 이미지
      cherryberries6587

      受講レビュー 1

      平均評価 4.0

      4

      100% 受講後に作成

      html cssに基礎を知らずに見れば、本当に一つも理解できないと思います。 短期間で素早く実技を合格するために見るよりももっと便利で、実際にサイトを作るときにも役に立つことができる内容が多いようです。技能士の資格を素早く取ろうとする方はほとんど覚えて進行するが、全体的な流れをきちんと追いつかないと使えず、短期間で覚えて適用するのが複雑で難しいかもしれません。だと思います。 ゆっくりと流れを把握しながら、より便利に制作をしてみたい方にオススメしてほしいですね。

      • lizb
        知識共有者

        チェリー様のフィードバックありがとうございます^^~ 私も機能士試験を見ている方々の立場でもう少し深く考えて講義を作れば、単に覚えているコードで簡単に理解できる内容にしたいという残念が残ります。 あなたの言うように時間的な余裕があるときに授業を聞くと多くの助けになりますが、ほとんどの時間がしばらく残ったときに試験準備をすることを私が見落としたようです!この御言葉がきっかけになり、もう少し学生の立場でもっと考え、役に立つ講義を作るように努力します。そして基礎講義を新たに立ち上げましたが、不足している部分は新規講座も多くの役に立つのではないかと思います。誠意をこめてフィードバックありがとうございます。

    • chloe360님의 프로필 이미지
      chloe360

      受講レビュー 22

      平均評価 5.0

      5

      100% 受講後に作成

      ㅎㅎㅎㅎㅎ

      • apollothegam3r1798님의 프로필 이미지
        apollothegam3r1798

        受講レビュー 2

        平均評価 4.0

        4

        100% 受講後に作成

        まず、HTML、CSS、JavaScriptについて基本を知らず、この講義を見るとかなり難しいようです。 真度も早すぎて説明は流れているだけで説明をしてくれます。 基本的な知識がある状態でJavaScriptコードをもう少し勉強したい方にはおすすめです。 私は学生提供ファイルの中にある12の例を見ながらコピーしたいので、その講義を購入しましたが、機能士試験が求めるスペックの数倍は、より上位スペックでサイトを作るような感じがしました。基準から簡単に作った感じ..? 結論は講義よりも受験者提供ファイルがよりメリットあるようです。 完全初心者コースで基本勉強して、この講義をご覧いただくと満足できそうです。

        • lizb
          知識共有者

          大変難しくて説明が足りなかったことを共感し、次の講義に必ず反映して作業してみましょう。 講義を作る際に初級講義を含めるかと悩んでいましたが、インフラでも他の無料講義が多いので、その部分を見逃したようです。 講義の詳細にそのようなフレーズを入れるのは後悔があります。今でも反映させていただきます。

      • enyalife12235952님의 프로필 이미지
        enyalife12235952

        受講レビュー 3

        平均評価 5.0

        5

        18% 受講後に作成

        初心者には少し難しい感がありますが、基礎知識が少しあれば面倒なようです。ウェブデザイン機能の資格証明実技の準備に多くのお役に立ちました〜

        • lizb
          知識共有者

          ありがとうございます。必ず資格証明に合格することを応援します〜

      • chocousb8145님의 프로필 이미지
        chocousb8145

        受講レビュー 1

        平均評価 2.0

        2

        24% 受講後に作成

        今日初めてスタート html、cssなど基本のない人が授業進行すれば後悔しそう。 26クラス中8コース進行中ですが、全体的な受講評はもっと聞いてみるとわかります。

        • lizb
          知識共有者

          基本的なhtml cssを選手知識に入れました。他の講義では、もっと簡単に充実した講義も報います。

      lizbの他の講座

      知識共有者の他の講座を見てみましょう!

      似ている講座

      同じ分野の他の講座を見てみましょう!

      ¥6,120