Start Course

Webデザイン必須アプリ習得(Adobe CC)& HTML5教材パック

Course Fee : ¥12,600 or Pay-As-You-Go

WEBデザインに必須のDreamweaver、イメージ画像や商品写真の補正・加工に必要なPhotoshop、ロゴやデザインパーツ制作に欠かせないIllustrator、これらのAdobe CC版の基本的な使用法をまとめて習得できるパックです。

Course Curriculum

Lesson 1

<上巻>サンプルデータファイル

Lesson 2

Duration: 14:46

Dreamweaverのインターフェイス

Lesson 3

Duration: 06:15

サイトの定義

Lesson 4

Duration: 14:21

ドキュメントの新規作成

Lesson 5

Duration: 14:56

画像の挿入

Lesson 6

Duration: 05:50

リンクの設定

Lesson 1

<中巻>サンプルデータファイル

Lesson 2

Duration: 11:16

コードビューを使った編集

Lesson 3

Duration: 08:10

要素のグループ化

Lesson 4

Duration: 08:21

CSSの基本

Lesson 5

Duration: 24:16

CSSの設定

Lesson 1

<下巻>サンプルデータファイル

Lesson 2

Duration: 13:42

レスポンシブWebデザイン

Lesson 3

Duration: 19:31

構造の定義とデザインビューでの操作

Lesson 4

Duration: 22:45

CSS

Lesson 5

Duration: 06:58

サイトの公開

Lesson 1

<特別編>サンプルデータファイル

Lesson 2

Duration: 08:10

CSSフレームワーク Bootstrap(ブートストラップ)

Lesson 3

Duration: 26:15

Emmet(エメット)でコーディングを素早く

Lesson 1

<上巻>サンプルデータファイル

Lesson 2

Duration: 12:11

デジタル画像の基本知識

Lesson 3

Duration: 15:07

Photoshopのワークスペース

Lesson 4

Duration: 15:04

Photoshopの基本操作

Lesson 5

Duration: 08:03

画像ファイルの管理と読み込み

Lesson 6

Duration: 14:47

選択操作と切り抜き

Lesson 1

<中巻>サンプルデータファイル

Lesson 2

Duration: 23:26

レイヤー

Lesson 3

Duration: 15:00

色調補正

Lesson 4

Duration: 11:46

写真の修復

Lesson 5

Duration: 15:16

フィルターの適用

Lesson 1

<下巻>サンプルデータファイル

Lesson 2

Duration: 12:47

RAW画像の編集

Lesson 3

Duration: 10:10

画像の鮮明化

Lesson 4

Duration: 10:06

レンズの補正

Lesson 5

Duration: 09:26

テキストとシェイプ

Lesson 6

Duration: 10:38

画像の自動合成

Lesson 1

<上巻>サンプルデータファイル

Lesson 2

Duration: 08:49

Illustratorで扱う画像について

Lesson 3

Duration: 07:54

新規ドキュメントの作成

Lesson 4

Duration: 13:36

Illustratorのインターフェイス

Lesson 5

Duration: 28:39

オブジェクトの基本操作

Lesson 1

<中巻>サンプルデータファイル

Lesson 2

Duration: 10:49

パスの基本操作

Lesson 3

Duration: 18:56

文字の入力

Lesson 4

Duration: 16:12

レイヤーとアピアランス

Lesson 5

Duration: 10:11

色とパターンの設定

Lesson 1

<下巻>サンプルデータファイル

Lesson 2

Duration: 18:04

画像の配置

Lesson 3

Duration: 13:06

ブラシ

Lesson 4

Duration: 11:45

オブジェクトの効率的なカラーリング

Lesson 5

Duration: 08:47

出力時に利用する機能

Lesson 1

<特別編>サンプルデータファイル

Lesson 2

Duration: 02:50

ペンツールのプレビューとアンカーポイントの強化機能

Lesson 3

Duration: 05:14

ライブシェイプ

Lesson 1

Duration: 15:05

HTMLとは?

Lesson 2

Duration: 10:07

従来のHTML

Lesson 3

Duration: 18:39

HTML5とは?

Lesson 4

Duration: 08:13

HTML5で登場した新しい要素

Lesson 5

Duration: 18:18

カテゴリーとコンテンツモデル

Lesson 1

<中巻>サンプルデータファイル

Lesson 2

Duration: 07:58

文書型の宣言とルート要素

Lesson 3

Duration: 04:46

head内の記述

Lesson 4

Duration: 32:21

セマンティックなマークアップ

Lesson 5

Duration: 16:03

文書構造の確認

Lesson 1

<下巻>サンプルデータファイル

Lesson 2

Duration: 13:06

microdata

Lesson 3

Duration: 19:35

動画の利用方法

Lesson 4

Duration: 07:49

インラインSVGとcanvas要素

Lesson 5

Duration: 03:54

インタラクティブな要素

Lesson 6

Duration: 12:18

フォームの要素

Lesson 7

Duration: 08:48

バリデート

Course Overview

※※※ ご注意 ※※※

このビデオ教材はAdobe CCのビデオ教材をAdobe CC 2015用にリメイクしたものです。Adobe CC 2015を使用して学習を進めることができます。

基本的に映像と音声はAdobe CCの教材収録時のものなので、画面の見た目や操作による挙動はAdobe CC 2015と多少異なる場合があります。

操作が大きく異なるシーンにおいては、新しく撮影したAdobe CC 2015の画面映像と差し替えています。そのため視聴中に画面の見た目が突然変わることがあります。
また、画面を差し替えるまでもないような事柄は、テロップ表示で対応しています。

※※※※※※※※※※

・誰でもわかる Adobe Dreamweaver CC (2015対応版)

上巻では、サイトの定義やドキュメントの新規作成といった、Webサイト制作で始めに行うことについて学習します。また、基本的なマークアップの方法や、画像、リンクの設定方法についても学習します。
中巻では、コードビューを用いたHTMLの効率的な編集について学びます。後半ではWebページのビジュアルをデザインするために不可欠なCSSの作成方法を、Dreamweaverの各種の機能を用いて解説します。
下巻では、多様なデバイスで閲覧される今日のWebページ作りに対応する、レスポンシブWebページの作成方法を学びます。Dreamweaverの可変グリッドレイアウトやCSSデザイナーを使った効率的なページ制作の方法を学びます。
そして特別編は初心者向けではなく、普段からコードを良く使う人向けとなっております。オープンソースのCSSフレームワークのレスポンシブ対応のコンポーネントBootstrapについてと、独自の省略記法によってHTMLやCSSなどを高速に展開することができるEmmetについて解説しています。

・誰でもわかる Adobe Photoshop CC (2015対応版)

Photoshop CC 2015の使い方を初心者の方を対象に解説しています。前半は画面構成や基本的な操作方法を学び、あとは様々な写真に対して様々な補正・修正・加工の方法を学んでいきます。

・誰でもわかる Adobe Illustrator CC (2015対応版)

上巻では、Illustratorを扱うための基礎知識を学習します。ビットマップとベクトルの画像形式の違いやカラーモードについて学習し、新規ドキュメントの作成やオブジェクトの基本的な操作方法を学びます。中巻では、Illustratorの基本機能を学習します。パスの操作方法やブラシの使い方、カラーの設定方法、レイヤーとアピアランスなどについて学びます。また、文字の入力方法についての章では、基本機能の他にポイント文字とエリア内文字の特性の違いについても学びます。下巻では、Illustratorのアートワークのビジュアルを高めるための各種の機能を学習します。画像の配置の章では、Photoshopと連携して効率的にビットマップ画像を取り扱う方法を学びます。また、出力時に知っておきたい便利な機能についてもご紹介します。

Requirements

  • Adobe Dreamweaver CC 2015
  • Adobe Photoshop CC 2015
  • Adobe Illustrator CC 2015

About Expert - アテイン株式会社

様々なeラーニングコンテンツを15年以上制作販売しています。請負制作も含めると1000コンテンツを越えます。自社制作販売のeラーニングコンテンツは主にIT、開発、ソフトウェア、ビジネス知識などの動画教材です。自社スタジオと編集環境があるので、シナリオ、ナレーション、映像収録、編集まで全ての工程を自社内で完結しており、それが安定したクオリティに繋がっています。今後はさらに実務に役立つ教材の提供を考えています。

 

We have been producing and selling e-learning contents since 15 years. And we have over 1000 contents now. Furthermore, we have took orders from other firms. We primarily make educational videos for IT Development, Software, and Business Information. Since we have our own studio, production and editing facilities, we can consistently produce high quality contents. We strive to provide more and more realistic materials.

More Courses by アテイン株式会社

User Reviews Write a Review

[[ review.learner_username ]]

[[ review.comments ]]

No Review(s)