강의

멘토링

로드맵

Programming

/

Web Publishing

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

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

難易度 初級

受講期間 無制限

  • lizb
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 の知識

    こんにちは
    です。

    374

    受講生

    16

    受講レビュー

    92

    回答

    4.9

    講座評価

    3

    講座

    フロントエンドからバックエンドまで実務中心の授業を行っており、長年の講義経験をもとに、実務中心のウェブ開発を教える講師です。

    カリキュラム

    全体

    34件 ∙ (5時間 46分)

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

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

    受講レビュー

    全体

    5件

    4.0

    5件の受講レビュー

    • chloe360님의 프로필 이미지
      chloe360

      受講レビュー 22

      平均評価 5.0

      5

      100% 受講後に作成

      ㅎㅎㅎㅎㅎ

      • enyalife12235952님의 프로필 이미지
        enyalife12235952

        受講レビュー 3

        平均評価 5.0

        5

        18% 受講後に作成

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

        • lizb
          知識共有者

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

      • apollothegam3r1798님의 프로필 이미지
        apollothegam3r1798

        受講レビュー 2

        平均評価 4.0

        4

        100% 受講後に作成

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

        • lizb
          知識共有者

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

      • chocousb8145님의 프로필 이미지
        chocousb8145

        受講レビュー 1

        平均評価 2.0

        2

        24% 受講後に作成

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

        • lizb
          知識共有者

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

      • cherryberries6587님의 프로필 이미지
        cherryberries6587

        受講レビュー 1

        平均評価 4.0

        4

        100% 受講後に作成

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

        • lizb
          知識共有者

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

      lizbの他の講座

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

      似ている講座

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