意外と読めない・・・HTML/CSSのコードの読み方
生徒さんによく質問されるHTMLやCSSの読み方をまとめてみました。意外と特殊な読み方をするHTML要素や属性、そしてCSSのプロパティや値があります。「え?こんな読み方...Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
中央に正方形を意識した分割バナーの作成 今回は、Photoshopを使って知っておくと超便利「よくある分割バナー」の作成方法の応用を行います。 まずは出来上がりを確認...Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法
ピンタレストなどでもよく見かける「よくある分割バナー」をPhotoshopで作成する動画講座です。 まずは出来上がりから確認 横幅1000px 高さ500px 解像度72ppiのバナーで...Adobe Illustrator 誰もが苦手な「ペンツール」の基本的な操作練習
Illustratorの中でも苦手な方が多い、ペンツール。直線を書くのは難しくはありませんが、曲線となると羽のような方向線が出てくるので、方向線と曲線が、どちらを見てい...ウェブデザイン技能検定 学科 令和5年度 1回目(3級)
ウェブデザイン技能検定 学科 令和5年度の1回目(3級)の過去問解説を行っています。 今回の課題では、GIF画像の形式についてや、Table要素や、HTML/CSSに関する問...WebデザイナーがおすすめするWordPress 無料&有料テーマ
Webデザイン会社や多くのユーザーに人気の高いCMS「Wordpress 」そのWordPressにはデザイン性の高い「テーマ」(テンプレート)が数多く用意されており、テーマは管理画...Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか?
IllustratorとPhotoshopどちらで作りますか? バナーを作成する際、よく聞かれる質問に「バナーを作成する依頼が来ました。AdobeのPhotoshopとIllustrator、どちらで作...現役ウェブデザイナーおすすめのフォント!15選!オススメのGoogleフォント
ウェブデザインにおけるフォントの重要性 まずは、視認性(読みやすさ)が第一に挙げられます。Webサイトを閲覧したユーザーが内容をストレスなく、スムーズ理解できる...ウェブデザイン技能検定を受検した方に聞いてみました!
職業訓練校などでウェブデザイン技能検定に受検された方のお話しを少しまとめてみました。 ウェブデザイン技能検定ー実技編 ウェブデザイン技能検定は、当日 実技問題...ウェブデザイン技能検定 学科 令和2年度 2回目(3級)
ウェブデザイン技能検定 学科 令和2年度の2回目(3級)の過去問解説を行っています。 令和2年度の2回目は、ユーザビリティやアクセシビリティ、知的財産権なども出...Webデザイナーがおすすめする無料SVGアイコン「Tabler Icons」
様々なサイトで、UIデザインにぴったりのSVG及びPNGアイコンが無料で使えるTabler Icons Over 4900 pixel-perfect icons for web design このサイトでは、494...WordPress[初心者向け]固定ページとメニュー作成 -3-
3回目のWordPress(ワードプレス)初心者向け講座では、よくある会社のウェブサイトを想定した固定ページの作成と、固定ページを作成したあと、ヘッダー・フッター・モ...WordPress[初心者向け]基本のプラグインをインストール -2-
今回のWordPress(ワードプレス)初心者向け講座(2回目)では、前回に引き続き、設定したテーマに必要なプラグインを最小限に絞り、その導入と有効化、そしてダッシュ...ウェブデザイン技能検定 学科 令和4年度 4回目(3級)
ウェブデザイン技能検定 学科 令和4年度の4回目(3級)の過去問解説を行っています。 今回の課題では、GIF画像の形式についてや、Table要素や、HTML/CSSに関する問題...WordPress 最小限入れておきたい「おすすめのプラグイン」
WordPressを初めて利用する際、最小限の必要な設定から始めることはウェブサイトの効率的な構築において重要ですが、基本的なワードプレスの機能だけでは、足りない部分...WordPress[初心者向け] ダッシュボードの設定と使い方 -1-
このセクションでは、WordPressの管理画面、つまりダッシュボードについて詳しく解説し、基本的な設定方法をご紹介しております。ローカル環境で、Wordpressを起動しま...Visual Studio Codeのおすすめプラグインをインストールしてみる
Visual Studio Code(VSC)は、軽量で高機能なプログラムを記述するための、コードエディタとして広く利用されています。便利な拡張機能(プラグイン)を活用することで...WordPressでLocalを使う。ローカル環境構築ガイド–初心者向け
レンタルサーバーを借りる前に、自分のパソコンで、Wordpressを練習していきたい方へ。Wordpressをローカル(自分のパソコン)にインストールすることができます! Word...Webデザイナーがおすすめするレンタルサーバー・比較
Webデザインを行う上で、レンタルサーバーの選択は非常に重要です。使い安く良いレンタルサーバーを選ぶことで、サイトの速度や安定性、セキュリティなど、様々な面でメ...ポートフォリオ「デザインカンプ」の作成
ポートフォリオのデザインカンプを作成する際には、以下のステップになります。 目的を明確にする:ポートフォリオの目的は何か、何を伝えたいのかを明確にすることが重...商用利用可!無料でイラストを手に入れよう!必見サイト一挙紹介
商用利用可能なイラストを手に入れることは、クリエイティブなプロジェクトを推進する上での大きな助けになります。しかも、無料で利用できるとなれば、デザイナーやプ...Visual Studio Codeのインストールとセットアップ
Visual Studio Codeは、マイクロソフトが開発した無料のオープンソースのテキストエディターです。多くのプログラミング言語に対応し、Windows、macOS、Linuxで利用でき...04 イラストレーター曼荼羅模様 効果の変形ツール
Illustratorツールバー 01 回転ツール 02リフレクトツール 03 拡大縮小ツール 上記のツールを繰り返し使うことで、曼荼羅模様を作成してきました。今回は効果>パスの変...ホームページ中級講座 Table要素を使って表組作成
ホームページ内で表組みを作成する場合はtable要素を使います。ひと昔前までは、テーブルレイアウトというのを使ってレイアウトを作成している時代がありましたが、今の...現役Webデザイナーがここは使える!写真素材サイトを紹介
Webサイト制作において、必要な写真素材サイトを紹介します。 Webサイト制作をおこなう際に、良質の写真を使うことは、本当に大変です。写真素材の良し悪しで、Webサイ...簡単!商用利用無料で利用できるSVGアイコン素材 -Glyphs
glyphsは1250種類以上の無料で使えるSVGアイコンをダウンロードできるサイトです。素材が全てSVGなのでサイズやカラーも簡単に変更してダウンロード可能です。ポートフ...ウェブデザイン技能検定3級の実技を通してやってみました!
まずはどういったものか?動画をチェック 動画時短モード 約1時間の動画になりますので、問題の1(作業の1)だけを見たい・・・という方は、下記の時短モードのリンク...ウェブデザイン技能検定 学科 令和3年度 1回目(3級)
ウェブデザイン技能検定 学科 令和3年度の1回目(3級)の過去問解説を行っています。 前回に引き続き令和3年度の過去問のトライです! 今回の課題では、通常通りア...ウェブデザイン技能検定 学科 令和3年度 2回目(3級)
ウェブデザイン技能検定 学科 令和3年度の2回目(3級)の過去問解説を行っています。 「学科令和3年度の2回目(3級)」の課題では、通常通りアクセシビリティやユ...ポートフォリオサイトの作り方
ポートフォリオとは、自分をアピールするためのプロフィールや、今まで作成した制作実績や課題などを掲載したWEBサイトのことです。就活やフリーランスで活動する場合は...Webデザイン唯一の国家資格 ウェブデザイン技能検定とは?
Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは、どういった資格なのでしょうか?試験をうけるためには、何が必要なのでしょうか? ここで...01 Illustratorアイコン作成講座 iPhoneのホーム画面アイコン
Illustratorの基本講座となります。iPhone のホーム画面にある見慣れたホームアイコンを作成する講座です。ここでは、基本図形の書き方やそれを使っての新しいオブジェ...学科 平成30年度3回目(3級) ウェブデザイン技能検定
ウェブデザイン技能検定 学科 平成30年度 3回目(3級) ウェブデザイン技能検定3級 学科講座です。過去問より平成30年度 2回目(3級)の過去問題をといて解説して...03 イラストレーター曼荼羅模様 拡大縮小を使って
Illustratorでパーツを回転させながら、模様を完成させる Illustratorで、まずは、上記左側を作成するために、まずはオブジェクトツールより楕円をクリックして100px*1...02 イラストレーター曼荼羅模様 リフレクトを使ってリーフ
リース模様を作る オブジェクトを作成後、パスファインダーの交差 オブジェクトツールより楕円をクリックして100px*100pxの正円を作成します。 option(WindowsはAlt)キ...01 イラストレーター曼荼羅模様 まずは基本の回転ツール
イラストレーターで曼陀羅模様を作ろう! Illustratorで、回転ツールを使って曼陀羅模様を作る工程です。ここでは、オブジェクトを書くことと、そのオブジェクトを変形...