コーディングの基礎は入力しながら覚える!

HTML/CSSを使ってWebサイト(ホームページ)が作成できるようになるためには、コーディング力を上げる必要があります。まずはコードを模写コーディングしながら、目でコードに慣れましょう。コードに慣れてからコードの内容を覚えて、どんなコードも書けるように練習しましょう!

はじめてのホームページ基礎講座(HTMLとCSS)

基礎講座では、HTMLマークアップを中心にコードを模写していきます。[初心者向け] まずは1回目から>>>

ホームページ中級講座(HTMLとCSS)

中級講座では、HTMLにCSSを使って、様々なプロパティを設定するコードを模写していきます。[中級者向け] 10回目からスタート>>

レスポンシブウェブサイトの練習

レスポンシブなWebサイト練習では、デベロッパーツールを使って、メディアクエリを理解します。

ポートフォリオとは?作成するための手順

ポートフォリオとは?必要なコンテンツを載せて作成していきましょう

Webデザイナーに必要な資格

ウェブデザイン技能検定を受験しよ

Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは?学科と実技の受験概要から理解しよう

この講座をマスターすれば実技は合格可能!

ウェブデザイン技能検定では学科と実技を受験します。実技と学科をこの動画からしっかりと傾向と対策をおさえよう!

副業のために必要なデザイン講座

バナー作成講座 まずは基本のサイズとフォント設定

Photoshopを使ったバナー作成講座。作成の際に必要なサイズ設定から、ガイド線を使った作成。書き出しまで1回から4回まで

バナーをIllustratorで作ってみる 設定から

5回目からはIllustratorを使ったバナー作成。サイズ設定から書き出しまで。

新着一覧

  • 04  イラストレーター曼荼羅模様 効果の変形ツール

    Illustratorツールバー 01 回転ツール 02リフレクトツール 03 拡大縮小ツール 上記のツールを繰り返し使うことで、曼荼羅模様を作成してきました。今回は効果>パスの変形 を使って作成してみましょう。 完成形 […]

    And More…..

  • Adobe Illustrator ペンツールの練習

    Illustratorの中でも苦手な方が多い、ペンツール。直線を書くのはそんなに戸惑いがないものの、曲線となると方向線の向きや、使い方に苦戦する場合が多く見られます。今回はpracticeファイルを使って直線・曲線を書く […]

    And More…..

  • ホームページ中級講座 Table要素を使って表組作成

    ホームページ内で表組みを作成する場合はtable要素を使います。 ひと昔前までは、テーブルレイアウトというのを使ってレイアウトを作成している時代がありましたが、今のTable要素は、完全に表としての利用以外に使うことはあ […]

    And More…..

  • WebデザイナーがおすすめするWordPress 無料&有料テーマ

    Webデザイン会社や多くのユーザーに人気の高いCMS「Wordpress 」そのWordPressにはデザイン性の高い「テーマ」(テンプレート)が数多く用意されており、テーマは管理画面(ダッシュボード)の外観から選択して […]

    And More…..

  • 現役Webデザイナーがここは使える!写真素材サイトを紹介

    Webサイト制作において、必要な写真素材サイトを紹介します。 Webサイト制作をおこなう際に、良質の写真を使うことは、本当に大変です。写真素材の良し悪しで、Webサイトの魅力が半減することも多々あります。 写真素材の選び […]

    And More…..

  • 簡単!商用利用無料で利用できるSVGアイコン素材 -Glyphs

    glyphsは1250種類以上の無料で使えるSVGアイコンをダウンロードできるサイトです。素材が全てSVGなのでサイズやカラーも簡単に変更してダウンロード可能です。ポートフォリオサイト作成や、一般サイト、ECサイトなどに […]

    And More…..

  • ウェブデザイン技能検定3級の実技を通してやってみました!

    ウェブデザイン技能検定には、学科と実技の課題を受検します。実技の受検があるので、受検を受けるパソコンのOSは何ですか?どういった問題が出題されますか?とか、ご質問を多くいただきましたので、今回は、質問いただいた方とZoo […]

    And More…..

  • ウェブデザイン技能検定 学科 令和3年度 1回目(3級)

    ウェブデザイン技能検定 学科 令和3年度の1回目(3級)の過去問解説を行っています。 前回に引き続き令和3年度の過去問のトライです! 今回の課題では、通常通りアクセシビリティやユーザービリティに関する問題や、新しいところ […]

    And More…..

  • ウェブデザイン技能検定 学科 令和3年度 2回目(3級)

    ウェブデザイン技能検定 学科 令和3年度の2回目(3級)の過去問解説を行っています。 とても久しぶりの過去問トライ動画なので、その間にウエブデザイン技能検定の公式サイトもリニューアルされていました! 今回の課題では、通常 […]

    And More…..

  • ポートフォリオサイトの作り方

    ポートフォリオとは、自分をアピールするためのプロフィールや、今まで作成した制作実績や課題などを掲載したまとめたWEBサイトのことです。 Web制作者として作る必要性を問われたら、これは必須です。 就活やフリーで活動する場 […]

    And More…..

  • Webデザイン唯一の国家資格 ウェブデザイン技能検定とは?

    Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは、どういった資格なのでしょうか?試験をうけるためには、何が必要なのでしょうか? ここでは、ウェブデザイン技能検定とはどういったものか?どういった人 […]

    And More…..

  • 01 Illustratorアイコン作成講座 iPhoneのホーム画面アイコン

    Illustratorの基本講座となります。iPhone のホーム画面にある見慣れたホームアイコンを作成する講座です。ここでは、基本図形の書き方やそれを使っての新しいオブジェクトの生成を行います。 オブジェクト(図形)で […]

    And More…..

  • 学科 平成30年度3回目(3級) ウェブデザイン技能検定

    ウェブデザイン技能検定 学科 平成30年度 3回目(3級) ウェブデザイン技能検定3級 学科講座です。過去問より平成30年度 2回目(3級)の過去問題をといて解説しています。 https://www.webdesign. […]

    And More…..

  • 03  イラストレーター曼荼羅模様 拡大縮小を使って

    Illustratorでパーツを回転させながら、模様を完成させる Illustratorで、まずは、上記左側を作成するために、まずはオブジェクトツールより楕円をクリックして100px*100pxの正円を作成します。それを […]

    And More…..

  • 02 イラストレーター曼荼羅模様 リフレクトを使ってリーフ

    Illustratorでリーフ〜葉っぱを作ります。 Illustratorで、まずは、上記左側を作成するために、まずはオブジェクトツールより楕円をクリックして100px*100pxの正円を作成します。それを右側にopti […]

    And More…..