FukuokamiyakoのPCSchoolでは、未来のWebデザイナー・フロントエンドエンジニアを目指す方に向けて、解説動画を提供しています!
デザインの世界に踏み込み、フロントエンドエンジニアとしてのスキルを磨くための手段として、私たちの専門的な解説動画がお役立ちです。技術の基礎から実践的なテクニックまで、わかりやすい形で学べるコンテンツをご用意しています。
未来の成功に向けて一歩を踏み出すなら、FukuokamiyakoのPCSchoolがサポートします。興味がある方はぜひ、解説動画をご覧になって、夢への扉を開いてみてください。
フロントエンドのためのHTML/CSS/レスポンシブウェブサイト講座
HTML/CSSを使ってWebサイト(ホームページ)が作成できるようになるためには、コーディング力を上げる必要があります。まずはコードを模写コーディングしながら、目でコードに慣れましょう。コードに慣れてからコードの内容を覚えて、どんなコードも書けるように練習しましょう!
基礎講座では、HTMLマークアップを中心にコードを模写していきます。[初心者向け] まずは1回目から>>>
中級講座では、全体のコードを外部スタイルシートに記述[中級者向け] まずは、01 ホームページ中級講座 ナビゲーションの作成(HTML)
レスポンシブなWebサイト練習では、デベロッパーツールを使って、メディアクエリを理解します。
ポートフォリオとは?必要なコンテンツを載せて作成していきましょう
Photoshop・Illustratorを使って、バナー作成からデザインを学ぼう
OGPを意識した中央に文字列を配置するアイキャッチバナーの作成から書き出し方法。Photoshopのパス選択・切り抜きツールを使用。
ピンタレストなどでもよく見かける「よくある分割バナー」をPhotoshopで作成する動画講座です。クリッピングマスクを使います。
Photoshopを使ったバナー作成講座。作成の際に必要なサイズ設定から、ガイド線を使った作成。書き出しまで1回から4回まで
5回目からはIllustratorを使ったバナー作成。サイズ設定から書き出しまで。
WordPress基礎講座がスタート!
Webデザイナーに必要な資格 – ウェブデザイン技能検定-
Webデザイン業界で、唯一の国家資格と呼ばれる、ウェブデザイン技能検定とは?学科と実技の受験概要から理解しよう
ウェブデザイン技能検定では学科と実技を受験します。実技と学科をこの動画からしっかりと傾向と対策をおさえよう!
新着・更新記事一覧
-
WordPress 最小限入れておきたい「おすすめのプラグイン」
-
現役ウェブデザイナーおすすめのフォント!15選!オススメのGoogleフォント
-
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
-
ポートフォリオ・制作実績講座[0]ゼロ Canvaを使って作成してみよう!
-
Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法
-
ウェブデザイン技能検定を受検した方に聞いてみました!
-
WebデザイナーがおすすめするWordPress 無料&有料テーマ
-
01 レスポンシブホームページ基本講座
-
00 レスポンシブホームページ講座 (検証ツール)
-
ウェブデザイン技能検定 学科 令和3年度 2回目(3級)
-
ウェブデザイン技能検定 学科 令和3年度 1回目(3級)
-
ウェブデザイン技能検定 学科 令和2年度 2回目(3級)
-
ウェブデザイン技能検定 学科 令和4年度 4回目(3級)
-
ウェブデザイン技能検定3級の実技を通してやってみました!
-
04 バナー作成講座 PSDファイルからの書き出し
-
06 バナー作成講座 バナーをIllustratorで作って書き出し
-
05 バナー作成講座 バナーをIllustratorで作ってみた
-
03 バナー作成講座 背景に写真・さくら吹雪のブラシ
-
02 バナー作成講座 コピー文をバナーらしく載せる
-
01 バナー作成講座 まずは基本のサイズとフォント設定
-
Webデザイナーがおすすめするレンタルサーバー・比較
-
Adobe Illustrator 誰もが苦手な「ペンツール」の基本的な操作練習
-
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか?
-
WordPress[初心者向け] ダッシュボードの設定と使い方 -1-