ウェブデザイン技能検定3級実技問題

ウェブデザイン技能検定3級の実技問題を1問目から6問目までの解説動画を公開しました!この動画で、実技試験は問題ありません!合格目指して学習しましょう。

オンライン講座・動画一覧

  • レスポンシブホームページ基本講座2回目の講座です。今回はレスポンシブデザインでは、必須の「ブレイクポイント」を解説していますので、1回目はがまだの場合は、レスポンシブホームページ基礎講座1回目をご覧ください。 画面を可変 […]

    And More.....

  • 10分でできる簡単バナー作成 Photoshopのすぐにできるバナー作成講座です。作業時間はおよそ10分です。今回の動画では、 Photoshop2019までに入っていたプリセット。2020以降は、「従来のプリセット」と […]

    And More.....

  • 5分でできる簡単バナー作成 Photoshop を使って簡単なバナー作成を行います。使うツールは、 範囲選択のクィック選択ツールとレイヤーマスク レイヤースタイルのグラデーションオーバーレイ ブラシツール(キラキラブラシ […]

    And More.....

  • ポートフォリオとは? 分野や業界によって意味が違ってくるのですが、ここで言うポートフォリオとは、【自分をアピールする為の作品集】になります。クリエイティブな業種の採用には、必ずと言っていいほど求められるでしょう。履歴書や […]

    And More.....

  • 在宅・フリーランスになるためのバナー作成講座・イラレ編 6回目のバナー作成講座は、5回目からの引き続き下半分のデザインをIllustratorで作成していきます。上記のようにSALE 詳細はこちらの文字をアピアランスで、 […]

    And More.....

  • 在宅・フリーランスになるためのバナー作成講座・イラレ編 5回目のバナー作成講座は、Illustratorで、バナーを作成してみよう〜となります。上記のようなバナーを作成しますので、Illustratorの機能もいくつか紹 […]

    And More.....

  • そろそろ中級講座になってきましたホームページ作成講座です。 マークアップ言語HTML5でheader footer 設定がおわったあと、CSSでデザインを書いています。 前回の続きのCSSで、liner-gradient […]

    And More.....

  • 外部スタイルシート HTML<head></head>内に記述する内包のスタイルシートとは違い、HTMLとは別のファイルを作成して、そのファイルの拡張子をcssとすることで、スタイルシートのファイ […]

    And More.....

  • <header><footer>要素 今回のマークアップは独自コンテンツようのarticle の他に、ページのヘッダー部分に設定する<header>要素 フッター部分専用の<foote […]

    And More.....

  • box-sizing:border-box; 今回の動画ではarticle にboder:2px solid と線を引いて、横幅700px padding:2em とした時、画面の横幅が700px + 2em になってい […]

    And More.....

  • 箇条書きの<ul> <li>要素  <ol><li>要素 <ul> は順不同型リスト <ol>は順序型リストで、ホームページの中で箇条書きをマークアップする時に使われる要素です。箇条書 […]

    And More.....

  • 横幅指定のwidth を使う  HTMLの中に書くスタイルシート 内包スタイルシートを使って、CSSを適用していきます。今回はwidthを使うので、横幅が一定の距離で折り返すというところになります article{ wi […]

    And More.....

  • 在宅・フリーランスになるためのバナー作成講座 アートボードを使って、もう一つバナーを作ってみよう 上記のように画面に複数のバナーなどを配置することが可能です。今回は同じサイズですが、異なるサイズでもOKです。 Phtos […]

    And More.....

  • article要素 section要素 を設定 文章から基本のマークアップを行います。 article要素とは <artilce>という要素は、独自コンテンツと呼ばれる要素です。 ホームページのコンテンツ=内容を囲 […]

    And More.....

  • HTMLのマークアップされたファイルにCSSを書いていきます HTMLファイルを開いたら、<title>エコロジー&環境問題<title>の直下に内包のスタイルシートを書いていきます。&l […]

    And More.....