コーディングの基礎は入力しながら覚える！
HTML/CSSを使ってWebサイト（ホームページ）が作成できるようになるためには、コーディング力を上げる必要があります。まずはコードを模写コーディングしながら、目でコードに慣れましょう。コードに慣れてからコードの内容を覚えて、どんなコードも書けるように練習しましょう！
基礎講座では、HTMLマークアップを中心にコードを模写していきます。[初心者向け] まずは１回目から>>>
中級講座では、全体のコードを外部スタイルシートに記述[中級者向け] まずは、01 ホームページ中級講座 ナビゲーションの作成(HTML)
レスポンシブなWebサイト練習では、デベロッパーツールを使って、メディアクエリを理解します。
ポートフォリオとは？必要なコンテンツを載せて作成していきましょう
Webデザイナーに必要な資格
Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは?学科と実技の受験概要から理解しよう
ウェブデザイン技能検定では学科と実技を受験します。実技と学科をこの動画からしっかりと傾向と対策をおさえよう！
副業のために必要なデザイン講座
Photoshopを使ったバナー作成講座。作成の際に必要なサイズ設定から、ガイド線を使った作成。書き出しまで１回から４回まで
５回目からはIllustratorを使ったバナー作成。サイズ設定から書き出しまで。
新着一覧
-
Visual Studio Codeとは、Microsoft Azureが開発している様々なOS(Windows/Mac）上で動くコードエディターです。そもそもエディターというのは何でしょう？エディタは、本サイトでも使っ […]
-
Illustratorツールバー 01 回転ツール 02リフレクトツール 03 拡大縮小ツール 上記のツールを繰り返し使うことで、曼荼羅模様を作成してきました。今回は効果＞パスの変形 を使って作成してみましょう。 完成形 […]
-
Illustratorの中でも苦手な方が多い、ペンツール。直線を書くのはそんなに戸惑いがないものの、曲線となると方向線の向きや、使い方に苦戦する場合が多く見られます。今回はpracticeファイルを使って直線・曲線を書く […]
-
ホームページ内で表組みを作成する場合はtable要素を使います。 ひと昔前までは、テーブルレイアウトというのを使ってレイアウトを作成している時代がありましたが、今のTable要素は、完全に表としての利用以外に使うことはあ […]
-
Webデザイン会社や多くのユーザーに人気の高いCMS「Wordpress 」そのWordPressにはデザイン性の高い「テーマ」（テンプレート）が数多く用意されており、テーマは管理画面（ダッシュボード）の外観から選択して […]
-
Webサイト制作において、必要な写真素材サイトを紹介します。 Webサイト制作をおこなう際に、良質の写真を使うことは、本当に大変です。写真素材の良し悪しで、Webサイトの魅力が半減することも多々あります。 写真素材の選び […]
-
glyphsは1250種類以上の無料で使えるSVGアイコンをダウンロードできるサイトです。素材が全てSVGなのでサイズやカラーも簡単に変更してダウンロード可能です。ポートフォリオサイト作成や、一般サイト、ECサイトなどに […]
-
ウェブデザイン技能検定には、学科と実技の課題を受検します。実技の受検があるので、受検を受けるパソコンのOSは何ですか？どういった問題が出題されますか？とか、ご質問を多くいただきましたので、今回は、質問いただいた方とZoo […]
-
ウェブデザイン技能検定 学科 令和３年度の１回目（3級）の過去問解説を行っています。 前回に引き続き令和３年度の過去問のトライです！ 今回の課題では、通常通りアクセシビリティやユーザービリティに関する問題や、新しいところ […]
-
ウェブデザイン技能検定 学科 令和３年度の２回目（3級）の過去問解説を行っています。 「学科令和３年度の２回目（3級）」の課題では、通常通りアクセシビリティやユーザービリティに関する問題や、新しいところでは、progre […]
-
ポートフォリオとは、自分をアピールするためのプロフィールや、今まで作成した制作実績や課題などを掲載したまとめたWEBサイトのことです。 Web制作者として作る必要性を問われたら、これは必須です。 就活やフリーで活動する場 […]
-
Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは、どういった資格なのでしょうか？試験をうけるためには、何が必要なのでしょうか？ ここでは、ウェブデザイン技能検定とはどういったものか？どういった人 […]
-
Illustratorの基本講座となります。iPhone のホーム画面にある見慣れたホームアイコンを作成する講座です。ここでは、基本図形の書き方やそれを使っての新しいオブジェクトの生成を行います。 オブジェクト（図形）で […]
-
ウェブデザイン技能検定 学科 平成30年度 3回目（3級） ウェブデザイン技能検定3級 学科講座です。過去問より平成30年度 2回目（3級）の過去問題をといて解説しています。 https://www.webdesign. […]
-
Illustratorでパーツを回転させながら、模様を完成させる Illustratorで、まずは、上記左側を作成するために、まずはオブジェクトツールより楕円をクリックして100px＊100pxの正円を作成します。それを […]